This commit is contained in:
sayaliparab
2024-06-21 15:10:30 +05:30

View File

@@ -11,6 +11,7 @@
form .error-message {
color: red;
/* Set your desired color here */
}
form .input_class.error-message {
@@ -18,6 +19,8 @@
}
</style>
<div class="layout-px-spacing">
<div class="middle-content container-xxl p-0">
<div class="row layout-top-spacing ">
@@ -29,8 +32,11 @@
<img class="back-btn" src="{{ asset('public/assets/img/left-arrow.svg') }}">
<h6 class="card-title p-0">Edit Details</h6>
</a>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12 col-sm-12 layout-spacing">
@@ -39,25 +45,33 @@
<div class="simple-tab">
@csrf
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab" tabindex="0">
<div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel"
aria-labelledby="home-tab" tabindex="0">
<div class="row">
<form id="rules_form">
<div class="col-md-12 mb-4">
<label for="rules-textarea-title" class="form-label">What's Inside?</label>
<label for="rules-quill-edit-title" class="form-label">What's Inside
?</label>
<input type="hidden" name="rule_id" value="{{ $data->id }}">
<textarea id="rules-textarea-title" class="form-control" name="article_des_title" minlength="10" rows="10">{{ $data->title }}</textarea>
<input type="hidden" id="stored-title-message"
value="{{ $data->title }}">
<div id="rules-quill-edit-title" class="editor-quill"
style="height: 300px;" minlength="10"></div>
<span class="error-message" id="error-message-title"></span>
</div>
<div class="col-md-12 mb-4">
<label for="rules-quill-edit-message" class="form-label">Rules</label>
<input type="hidden" id="stored-message-message" value="{{ $data->message }}">
<div id="rules-quill-edit-message" class="editor-quill" style="height: 300px;" minlength="10"></div>
<input type="hidden" name="rule_id" value="{{ $data->id }}">
<input type="hidden" id="stored-message-message"
value="{{ $data->message }}">
<div id="rules-quill-edit-message" class="editor-quill"
style="height: 300px;" minlength="10"></div>
<span class="error-message" id="error-message-message"></span>
</div>
<div class="col-md-12">
<button type="submit" id="update_rules" class="download-btn-custom mt-3 custom-width-10">
<button type="submit" id="update_rules"
class="download-btn-custom mt-3 custom-width-10">
<span>Update</span>
</button>
</div>
@@ -69,20 +83,41 @@
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('section_script')
<!-- <script>
var quill = new Quill('#terms-quill-edit', {
theme: 'snow'
});
</script> -->
{{-- <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"></script>
<script src="{{ asset('public/assets/js/admin/manage_cms/manage_terms_cond/manage_terms_condition.js')}}"></script> --}}
<script>
$(document).ready(function() {
// Initialize Quill editor
// Initialize Quill editors
var quillTitle = new Quill('#rules-quill-edit-title', {
theme: 'snow'
});
var quillMessage = new Quill('#rules-quill-edit-message', {
theme: 'snow'
});
// Set initial content for Quill editor
// Set initial content for Quill editors
var storedTitle = document.getElementById('stored-title-message').value;
quillTitle.clipboard.dangerouslyPasteHTML(storedTitle);
var storedMessage = document.getElementById('stored-message-message').value;
quillMessage.clipboard.dangerouslyPasteHTML(storedMessage);
@@ -95,7 +130,7 @@
rules: {
article_des_title: {
required: true,
minlength: 10,
minlength: 1000,
},
article_des_message: {
required: true,
@@ -105,26 +140,27 @@
messages: {
article_des_title: {
required: "Please Enter Rules Title",
minlength: "Please Enter at least 10 characters"
minlength: "Please Enter Rules Title"
},
article_des_message: {
required: "Please Enter Rules Message",
minlength: "Please Enter at least 1000 characters"
minlength: "Please Enter Rules Message"
}
},
errorClass: 'error-message',
submitHandler: function(form) {
// Get the HTML content from Quill editor
var article_des_title = $('#rules-textarea-title').val();
// Get the HTML content from Quill editors
var article_des_title = quillTitle.root.innerHTML;
var article_des_message = quillMessage.root.innerHTML;
if (article_des_title.trim() === '' || article_des_message.trim() === '<p><br></p>') {
if (article_des_title.trim() === '<p><br></p>' || article_des_message
.trim() === '<p><br></p>') {
toastr.error("Please Enter Rules");
return false;
}
let base_url = "{{ url('/') }}"; // Set the base URL dynamically
let base_url = url_path;
var rule_id = document.querySelector('input[name="rule_id"]').value;
// Create a form data object
@@ -134,7 +170,8 @@
$.ajaxSetup({
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr(
"content"),
},
});
@@ -146,17 +183,20 @@
contentType: false,
success: function(response) {
if (response.status == 200) {
toastr.success('Rules Data Updated Successfully');
toastr.success(
'Rules Data Updated Successfully');
setTimeout(function() {
window.location.href = base_url + "/manage_rules";
window.location.href = base_url +
"/manage_rules";
}, 1000);
} else {
toastr.error("Something went wrong");
}
},
error: function(response) {
toastr.error("An error occurred while updating the rules");
console.error("Error response:", response);
toastr.error(
"An error occurred while updating the rules"
);
}
});
}