Subash/new_raffles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first change

Browse Source
This commit is contained in:
Subash
2025-07-27 17:40:56 +05:45
commit f8b9a6725b
3152 changed files with 229528 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

207
resources/views/components/data-table-script.blade.php Normal file
View File

@@ -0,0 +1,207 @@
@props(['route', 'columns', 'reorder' => null])
<table class="display table table-bordered dt-responsive ajax-datatable table-sm" style="width:100%">
<thead class="text-white" style="background-color: var(--vz-primary)">
<tr>
@foreach ($columns as $index => $column)
<th>{{ $column['title'] }}</th>
@endforeach
</tr>
</thead>
<tbody id="table-body">
</tbody>
</table>
@push('css')
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css" />
<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap.min.css" />
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.2/css/buttons.dataTables.min.css">
@endpush
@push('js')
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.11.5/js/dataTables.bootstrap5.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>
@if (!is_null($reorder))
<script>
$("#table-body").sortable({
items: "tr",
cursor: 'move',
opacity: 0.6,
update: function() {
sendOrderToServer();
}
});
function sendOrderToServer() {
var order = [];
var token = $('meta[name="csrf-token"]').attr('content');
$('tr.tableRow').each(function(index, element) {
order.push({
id: $(this).attr('data-id'),
position: index + 1
});
});
$.ajax({
type: "POST",
url: "{{ $reorder }}",
dataType: "json",
data: {
order: order,
_token: token
},
success: function(response) {
if (response.status == true) {
console.log(response.message);
$('.ajax-datatable').DataTable().ajax.reload();
} else {
console.log(response);
}
}
});
}
</script>
@endif
<script>
$(document).ready(function() {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
let table = $('.ajax-datatable').DataTable({
processing: true,
reordering: true,
serverSide: true,
dom: "Blfrtip",
buttons: ["copy", "csv", "excel", "print"],
ajax: {
url: "{{ $route }}",
data: function (d) {
let formData = $('#filter-form').serializeArray();
formData.forEach((field) => {
d[field.name] = field.value === "null" ? null : field.value;
});
}
},
columns: @json($columns),
rowCallback: function(row, data) {
$(row).attr('data-id', data.id);
},
initComplete: function() {
$('[data-bs-toggle="tooltip"]').tooltip('dispose').tooltip();
}
});
$('body').on('click', '.remove-item', function(e) {
e.preventDefault();
let url = $(this).data('link');
Swal.fire({
title: 'Are you sure?',
text: "You won't be able to revert this!",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes, delete it!'
}).then((result) => {
if (result.isConfirmed) {
$.ajax({
url: url,
type: 'DELETE',
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
success: function(response) {
if (response.status == 200) {
flasher.success(response.message);
$('.ajax-datatable').DataTable().ajax.reload();
}
},
error: function(xhr, status, error) {
console.error(xhr.responseText);
}
});
}
});
});
$('body').on('click', '.toggle-item', function(e) {
e.preventDefault();
let url = $(this).data('link');
Swal.fire({
title: 'Are you sure?',
text: "Item will be marked as " + $(this).attr('data-status') + "!",
icon: 'info',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes, toggle it!'
}).then((result) => {
if (result.isConfirmed) {
$.ajax({
url: url,
type: 'get',
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
success: function(response) {
if (response.status == 200) {
flasher.success(response.message);
$('.ajax-datatable').DataTable().ajax.reload();
}
},
error: function(xhr, status, error) {
console.error(xhr.responseText);
}
});
}
});
});
$('body').on('click', '.mark-item', function(e) {
e.preventDefault();
let url = $(this).data('link');
Swal.fire({
title: 'Are you sure?',
text: "Item will be marked as " + $(this).attr('data-status') + "!",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: 'yellow',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes, mark it!'
}).then((result) => {
if (result.isConfirmed) {
$.ajax({
url: url,
type: 'get',
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
success: function(response) {
if (response.status == 200) {
flasher.success(response.message);
$('.ajax-datatable').DataTable().ajax.reload();
}
},
error: function(xhr, status, error) {
console.error(xhr.responseText);
}
});
}
});
});
});
</script>
@endpush