142 lines
5.8 KiB
PHP
142 lines
5.8 KiB
PHP
|
<x-default-layout>
|
||
|
|
@section('title')
|
||
|
|
{{ $breadcrumb['title'] }}
|
||
|
|
@endsection
|
||
|
|
|
||
|
|
@section('breadcrumbs')
|
||
|
|
{{ Breadcrumbs::render('laporan.penagihan') }}
|
||
|
|
@endsection
|
||
|
|
|
||
|
|
<div class="card">
|
||
|
|
<!--begin::Card header-->
|
||
|
|
<div class="card-header border-0 pt-6">
|
||
|
|
<!--begin::Card title-->
|
||
|
|
<div class="card-title">
|
||
|
|
</div>
|
||
|
|
<!--begin::Card title-->
|
||
|
|
|
||
|
|
<!--begin::Card toolbar-->
|
||
|
|
<div class="card-toolbar">
|
||
|
|
<!--begin::Toolbar-->
|
||
|
|
<div class="d-flex justify-content-end" data-kt-laporan-klaim-jamkrindo-table-toolbar="base">
|
||
|
|
<!--begin::Export dropdown-->
|
||
|
|
<button type="button" class="btn btn-light-primary" data-kt-menu-trigger="click"
|
||
|
|
data-kt-menu-placement="bottom-end">
|
||
|
|
<i class="ki-duotone ki-exit-down fs-2"><span class="path1"></span><span class="path2"></span></i>
|
||
|
|
Export Report
|
||
|
|
</button>
|
||
|
|
<!--begin::Menu-->
|
||
|
|
<div id="kt_datatable_example_export_menu"
|
||
|
|
class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-200px py-4"
|
||
|
|
data-kt-menu="true">
|
||
|
|
<!--begin::Menu item-->
|
||
|
|
<div class="menu-item px-3">
|
||
|
|
<a href="#" class="menu-link px-3" data-kt-export="copy">
|
||
|
|
Copy to clipboard
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<!--end::Menu item-->
|
||
|
|
<!--begin::Menu item-->
|
||
|
|
<div class="menu-item px-3">
|
||
|
|
<a href="#" class="menu-link px-3" data-kt-export="excel">
|
||
|
|
Export as Excel
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<!--end::Menu item-->
|
||
|
|
<!--begin::Menu item-->
|
||
|
|
<div class="menu-item px-3">
|
||
|
|
<a href="#" class="menu-link px-3" data-kt-export="csv">
|
||
|
|
Export as CSV
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<!--end::Menu item-->
|
||
|
|
<!--begin::Menu item-->
|
||
|
|
<div class="menu-item px-3">
|
||
|
|
<a href="#" class="menu-link px-3" data-kt-export="pdf">
|
||
|
|
Export as PDF
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<!--end::Menu item-->
|
||
|
|
<!--begin::Menu item-->
|
||
|
|
<div class="menu-item px-3">
|
||
|
|
<a href="#" class="menu-link px-3" data-kt-export="print">
|
||
|
|
Print
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<!--end::Menu item-->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!--begin::Hide default export buttons-->
|
||
|
|
<div id="kt_datatable_example_buttons" class="d-none"></div>
|
||
|
|
<!--end::Hide default export buttons-->
|
||
|
|
</div>
|
||
|
|
<!--end::Toolbar-->
|
||
|
|
</div>
|
||
|
|
<!--end::Card toolbar-->
|
||
|
|
</div>
|
||
|
|
<!--end::Card header-->
|
||
|
|
|
||
|
|
<!--begin::Card body-->
|
||
|
|
<div class="card-body py-4">
|
||
|
|
<!--begin::Table-->
|
||
|
|
<div class="table-responsive">
|
||
|
|
{{ $dataTable->table() }}
|
||
|
|
</div>
|
||
|
|
<!--end::Table-->
|
||
|
|
</div>
|
||
|
|
<!--end::Card body-->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
@push('scripts')
|
||
|
|
{{ $dataTable->scripts() }}
|
||
|
|
<script>
|
||
|
|
|
||
|
|
$(function(){
|
||
|
|
const documentTitle = 'Laporan Pencatatan Klaim Jamkrindo';
|
||
|
|
var buttons = new $.fn.dataTable.Buttons(LaravelDataTables['laporan-table'], {
|
||
|
|
buttons: [
|
||
|
|
{
|
||
|
|
extend: 'copyHtml5',
|
||
|
|
title: documentTitle
|
||
|
|
},
|
||
|
|
{
|
||
|
|
extend: 'excelHtml5',
|
||
|
|
title: documentTitle
|
||
|
|
},
|
||
|
|
{
|
||
|
|
extend: 'csvHtml5',
|
||
|
|
title: documentTitle
|
||
|
|
},
|
||
|
|
{
|
||
|
|
extend: 'pdfHtml5',
|
||
|
|
title: documentTitle,
|
||
|
|
orientation: 'landscape',
|
||
|
|
pageSize: 'A1'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
extend: 'print',
|
||
|
|
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();
|
||
|
|
console.log(e.target.getAttribute('data-kt-export'));
|
||
|
|
// 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();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
@endpush
|
||
|
|
|
||
|
|
</x-default-layout>
|