This commit is contained in:
sayliraut
2024-06-20 19:36:12 +05:30
parent 7dbb6a4fcd
commit a11bfdbfcb
3 changed files with 204 additions and 167 deletions

View File

@@ -40,10 +40,12 @@ class ManageRulesController extends Controller
$validated = $request->validate([
'article_des' => 'required',
'article_des_title' => 'required',
'article_des_message' => 'required',
]);
$update = ManageRule::find($request->rule_id);
$update->message = $request->input('article_des');
$update->title = $request->input('article_des_title');
$update->message = $request->input('article_des_message');
$update->save();
return response()->json(['success' => true, 'status' => 200]);
}

View File

@@ -7,37 +7,45 @@
<div class="layout-px-spacing">
<div class="middle-content container-xxl p-0">
<div class="row layout-top-spacing ">
<div class="top-tabel">
<div class="row">
<div class="col-md-12 left d-flex align-items-center justify-content-between"
style="gap: 15px;">
<h6 class="card-title pl-2"> Manage Rules </h6>
<a class="view-details-btn mr-2"
href="{{ route('rules_edit', ['id' => $data[0]['id']]) }}"
<div class="layout-px-spacing">
<div class="middle-content container-xxl p-0">
<div class="row layout-top-spacing ">
<div class="top-tabel">
<div class="row">
<div class="col-md-12 left d-flex align-items-center justify-content-between" style="gap: 15px;">
<h6 class="card-title pl-2"> Manage Rules </h6>
<a class="view-details-btn mr-2" href="{{ route('rules_edit', ['id' => $data[0]['id']]) }}"
data-id="{{ $data[0]['id'] }}">
<span>Edit</span>
</a>
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12 col-sm-12 layout-spacing">
<div class="widget-content widget-content-area br-8 position-btn p-0">
@csrf
<div class="view-details">
<div class="simple-tab">
<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="row">
<div class="col-md-12">
<p>
{!! $data[0]['message'] !!}
</p>
</div>
<div class="col-xl-12 col-lg-12 col-sm-12 layout-spacing">
<div class="widget-content widget-content-area br-8 position-btn p-0">
@csrf
<div class="view-details">
<div class="simple-tab">
<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="row">
<div class="col-md-12">
<p>
What's Inside ?
</p>
<p>
{!! $data[0]['title'] !!}
</p>
<p>
Rules
</p>
<p>
{!! $data[0]['message'] !!}
</p>
</div>
</div>
</div>
</div>
@@ -46,14 +54,8 @@
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
</div>
@endsection
@section('section_script')
@endsection

View File

@@ -1,170 +1,203 @@
@extends('Admin.layouts.master')
@section('content')
@php
$currentPage = 'manage-rules';
@endphp
<style>
.error-message {
color: #FF0000;
}
@php
$currentPage = 'manage-rules';
@endphp
<style>
.error-message {
color: #FF0000;
}
form .error-message {
color: red;
/* Set your desired color here */
}
form .error-message {
color: red;
/* Set your desired color here */
}
form .input_class.error-message {
color: #0e1726;
}
</style>
form .input_class.error-message {
color: #0e1726;
}
</style>
<div class="layout-px-spacing">
<div class="middle-content container-xxl p-0">
<div class="row layout-top-spacing ">
<div class="top-tabel">
<div class="row">
<div class="col-md-12 left d-flex align-items-center justify-content-between" style="gap: 15px;">
<a class="d-flex align-items-center justify-content-center pl-2" href="{{ route('manage_rules') }}">
<img class="back-btn" src="{{ asset('public/assets/img/left-arrow.svg') }}">
<h6 class="card-title p-0">Edit Details</h6>
</a>
<div class="layout-px-spacing">
<div class="middle-content container-xxl p-0">
<div class="row layout-top-spacing ">
<div class="top-tabel">
<div class="row">
<div class="col-md-12 left d-flex align-items-center justify-content-between" style="gap: 15px;">
<a class="d-flex align-items-center justify-content-center pl-2"
href="{{ route('manage_rules') }}">
<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>
<div class="col-xl-12 col-lg-12 col-sm-12 layout-spacing">
<div class="widget-content widget-content-area br-8 position-btn p-0">
<div class="view-details">
<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="row">
<form id="rules_form">
<div class="col-md-12">
<input type="hidden" name="rule_id" value="{{ $data->id }}">
<input type="hidden" id="stored-terms-message" value="{{ $data->message }}">
<div id="rules-quill-edit" name="article_des" class="editor-quill" style="height: 300px;" minlength="10"></div>
<span class="error-message" id="error-message"></span>
</div>
<div class="col-md-12">
<button type="submit" id="update_rules" class="download-btn-custom mt-3 custom-width-10">
<span>Update</span>
</button>
</div>
</form>
</div>
<div class="col-xl-12 col-lg-12 col-sm-12 layout-spacing">
<div class="widget-content widget-content-area br-8 position-btn p-0">
<div class="view-details">
<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="row">
<form id="rules_form">
<div class="col-md-12 mb-4">
<label for="rules-quill-edit-title" class="form-label">What's Inside ?</label>
<input type="hidden" name="rule_id" value="{{ $data->id }}">
<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>
<div class="col-md-12 mb-4">
<label for="rules-quill-edit-message" class="form-label">Rules</label>
<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">
<span>Update</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</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>
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() {
<script>
$(document).ready(function() {
// Initialize Quill editors
var quillTitle = new Quill('#rules-quill-edit-title', {
theme: 'snow'
});
var quill = new Quill('#rules-quill-edit', {
theme: 'snow'
});
var quillMessage = new Quill('#rules-quill-edit-message', {
theme: 'snow'
});
var storedMessage = document.getElementById('stored-terms-message').value;
quill.clipboard.dangerouslyPasteHTML(storedMessage);
$('#update_rules').on("click", function(e) {
e.preventDefault();
$('#rules_form').validate({
ignore: [],
debug: false,
rules: {
article_des: {
required: true,
minlength:1000,
}
},
messages: {
article_des: {
required: "Please Enter Rules",
minlength:"Please Enter Rules"
}
},
errorClass: 'error-message',
// Set initial content for Quill editors
var storedTitle = document.getElementById('stored-title-message').value;
quillTitle.clipboard.dangerouslyPasteHTML(storedTitle);
submitHandler: function(form) {
// Get the HTML content from Quill editor
var article_des = quill.root.innerHTML;
var storedMessage = document.getElementById('stored-message-message').value;
quillMessage.clipboard.dangerouslyPasteHTML(storedMessage);
if (article_des.trim() === '<p><br></p>') {
toastr.error("Please Enter Rules");
return false;
}
let base_url = url_path;
var rule_id = document.querySelector('input[name="rule_id"]').value;
// Create a form data object
var formData = new FormData(form);
formData.append('article_des', article_des);
$.ajaxSetup({
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
},
});
$.ajax({
url: base_url + '/update_rules',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(response) {
if (response.status == 200) {
toastr.success('Rules Data Updated Successfully');
setTimeout(function() {
window.location.href = base_url + "/manage_rules";
}, 1000);
} else {
toastr.error("Something went wrong");
// Form submission logic
$('#update_rules').on("click", function(e) {
e.preventDefault();
$('#rules_form').validate({
ignore: [],
debug: false,
rules: {
article_des_title: {
required: true,
minlength: 1000,
},
article_des_message: {
required: true,
minlength: 1000,
}
},
error: function(response) {
toastr.error("An error occurred while updating the rules");
messages: {
article_des_title: {
required: "Please Enter Rules Title",
minlength: "Please Enter Rules Title"
},
article_des_message: {
required: "Please Enter Rules Message",
minlength: "Please Enter Rules Message"
}
},
errorClass: 'error-message',
submitHandler: function(form) {
// 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() === '<p><br></p>' || article_des_message
.trim() === '<p><br></p>') {
toastr.error("Please Enter Rules");
return false;
}
let base_url = url_path;
var rule_id = document.querySelector('input[name="rule_id"]').value;
// Create a form data object
var formData = new FormData(form);
formData.append('article_des_title', article_des_title);
formData.append('article_des_message', article_des_message);
$.ajaxSetup({
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr(
"content"),
},
});
$.ajax({
url: base_url + '/update_rules',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(response) {
if (response.status == 200) {
toastr.success(
'Rules Data Updated Successfully');
setTimeout(function() {
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"
);
}
});
}
});
}
// Trigger form validation
$('#rules_form').submit();
});
});
// Trigger form validation
$('#rules_form').submit();
});
});
</script>
</script>
@endsection