file-management-system/resources/views/pages/masters/directorat/_table.blade.php

81 lines
2.9 KiB
PHP
Raw Normal View History

2023-04-12 01:30:25 +00:00
<!--begin::Table-->
{{ $dataTable->table() }}
<!--end::Table-->
{{-- Inject Scripts --}}
@section('scripts')
{{ $dataTable->scripts() }}
@endsection
@push('customscript')
<script src="https://cdn.datatables.net/buttons/1.0.3/js/dataTables.buttons.min.js"></script>
<script>
$("#searchbox").on("keyup search input paste cut", function () {
LaravelDataTables["directorat-table"].search(this.value).draw();
});
$(function () {
const documentTitle = 'Transaction Report';
var buttons = new $.fn.dataTable.Buttons(LaravelDataTables["directorat-table"], {
buttons: [
{
extend: 'excel',
title: documentTitle
},
{
extend: 'pdfHtml5',
title: documentTitle,
}
]
}).container().appendTo($('#kt_datatable_example_buttons'));
// Hook dropdown menu click event to datatable export buttons
const exportButtons = document.querySelectorAll('#kt_datatable_example_export_menu [data-kt-export]');
exportButtons.forEach(exportButton => {
exportButton.addEventListener('click', e => {
e.preventDefault();
// Get clicked export value
const exportValue = e.target.getAttribute('data-kt-export');
const target = document.querySelector('.dt-buttons .buttons-' + exportValue);
// Trigger click event on hidden datatable export buttons
target.click();
});
});
LaravelDataTables["directorat-table"].on('click', '.delete', function (event) {
var form = $(this).closest("form");
event.preventDefault();
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) {
form.submit();
Swal.fire(
'Deleted!',
'Directorat has been deleted.',
'success'
)
}
})
})
})
</script>
@endpush
@section('styles')
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.0.3/css/buttons.dataTables.min.css">
<style>
.dataTables_filter {
display: none;
}
</style>
@endsection