add export button
This commit is contained in:
parent
b7f6ceef73
commit
1f75f31b93
@ -27,11 +27,62 @@
|
|||||||
<!--begin::Toolbar-->
|
<!--begin::Toolbar-->
|
||||||
<div class="d-flex justify-content-end" data-kt-branch-table-toolbar="base">
|
<div class="d-flex justify-content-end" data-kt-branch-table-toolbar="base">
|
||||||
<!--begin::Add branch-->
|
<!--begin::Add branch-->
|
||||||
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#kt_modal_add_branch">
|
<button type="button" class="btn btn-primary me-5" data-bs-toggle="modal" data-bs-target="#kt_modal_add_branch">
|
||||||
{!! getIcon('plus', 'fs-2', '', 'i') !!}
|
{!! getIcon('plus', 'fs-2', '', 'i') !!}
|
||||||
Add Cabang
|
Add Cabang
|
||||||
</button>
|
</button>
|
||||||
<!--end::Add branch-->
|
<!--end::Add branch-->
|
||||||
|
|
||||||
|
<!--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>
|
</div>
|
||||||
<!--end::Toolbar-->
|
<!--end::Toolbar-->
|
||||||
|
|
||||||
@ -96,7 +147,65 @@
|
|||||||
$('#kt_modal_add_branch').on('hidden.bs.modal', function () {
|
$('#kt_modal_add_branch').on('hidden.bs.modal', function () {
|
||||||
$(this).find('form').trigger('reset');
|
$(this).find('form').trigger('reset');
|
||||||
Livewire.dispatch('reload', false);
|
Livewire.dispatch('reload', false);
|
||||||
})
|
});
|
||||||
|
|
||||||
|
$(function(){
|
||||||
|
const documentTitle = 'Branch Report';
|
||||||
|
var buttons = new $.fn.dataTable.Buttons(LaravelDataTables['branch-table'], {
|
||||||
|
buttons: [
|
||||||
|
{
|
||||||
|
extend: 'copyHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'excelHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'csvHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'pdfHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'print',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}).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>
|
</script>
|
||||||
@endpush
|
@endpush
|
||||||
|
|
||||||
|
|||||||
@ -32,6 +32,57 @@
|
|||||||
Add Mata Uang
|
Add Mata Uang
|
||||||
</button>
|
</button>
|
||||||
<!--end::Add currency-->
|
<!--end::Add currency-->
|
||||||
|
|
||||||
|
<!--begin::Export dropdown-->
|
||||||
|
<button type="button" class="btn btn-light-primary ms-5" 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>
|
</div>
|
||||||
<!--end::Toolbar-->
|
<!--end::Toolbar-->
|
||||||
|
|
||||||
@ -96,7 +147,64 @@
|
|||||||
$('#kt_modal_add_currency').on('hidden.bs.modal', function () {
|
$('#kt_modal_add_currency').on('hidden.bs.modal', function () {
|
||||||
$(this).find('form').trigger('reset');
|
$(this).find('form').trigger('reset');
|
||||||
Livewire.dispatch('reload', false);
|
Livewire.dispatch('reload', false);
|
||||||
})
|
});
|
||||||
|
|
||||||
|
$(function(){
|
||||||
|
const documentTitle = 'Currency Report';
|
||||||
|
var buttons = new $.fn.dataTable.Buttons(LaravelDataTables['currency-table'], {
|
||||||
|
buttons: [
|
||||||
|
{
|
||||||
|
extend: 'copyHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'excelHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'csvHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'pdfHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'print',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}).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();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
@endpush
|
@endpush
|
||||||
|
|
||||||
|
|||||||
@ -32,6 +32,57 @@
|
|||||||
Add Debitur
|
Add Debitur
|
||||||
</button>
|
</button>
|
||||||
<!--end::Add debitur-->
|
<!--end::Add debitur-->
|
||||||
|
|
||||||
|
<!--begin::Export dropdown-->
|
||||||
|
<button type="button" class="btn btn-light-primary ms-5" 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>
|
</div>
|
||||||
<!--end::Toolbar-->
|
<!--end::Toolbar-->
|
||||||
|
|
||||||
@ -96,7 +147,65 @@
|
|||||||
$('#kt_modal_add_debitur').on('hidden.bs.modal', function () {
|
$('#kt_modal_add_debitur').on('hidden.bs.modal', function () {
|
||||||
$(this).find('form').trigger('reset');
|
$(this).find('form').trigger('reset');
|
||||||
Livewire.dispatch('reload', false);
|
Livewire.dispatch('reload', false);
|
||||||
})
|
});
|
||||||
|
|
||||||
|
$(function(){
|
||||||
|
const documentTitle = 'Debitur Report';
|
||||||
|
var buttons = new $.fn.dataTable.Buttons(LaravelDataTables['debitur-table'], {
|
||||||
|
buttons: [
|
||||||
|
{
|
||||||
|
extend: 'copyHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4, 5]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'excelHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4, 5]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'csvHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4, 5]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'pdfHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4, 5]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'print',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4, 5]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}).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>
|
</script>
|
||||||
@endpush
|
@endpush
|
||||||
|
|
||||||
|
|||||||
@ -32,6 +32,57 @@
|
|||||||
Add Jenis Fasilitas
|
Add Jenis Fasilitas
|
||||||
</button>
|
</button>
|
||||||
<!--end::Add facility_type-->
|
<!--end::Add facility_type-->
|
||||||
|
|
||||||
|
<!--begin::Export dropdown-->
|
||||||
|
<button type="button" class="btn btn-light-primary ms-5" 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>
|
</div>
|
||||||
<!--end::Toolbar-->
|
<!--end::Toolbar-->
|
||||||
|
|
||||||
@ -96,7 +147,65 @@
|
|||||||
$('#kt_modal_add_facility_type').on('hidden.bs.modal', function () {
|
$('#kt_modal_add_facility_type').on('hidden.bs.modal', function () {
|
||||||
$(this).find('form').trigger('reset');
|
$(this).find('form').trigger('reset');
|
||||||
Livewire.dispatch('reload', false);
|
Livewire.dispatch('reload', false);
|
||||||
})
|
});
|
||||||
|
|
||||||
|
$(function(){
|
||||||
|
const documentTitle = 'Facility Type Report';
|
||||||
|
var buttons = new $.fn.dataTable.Buttons(LaravelDataTables['facaility-type-table'], {
|
||||||
|
buttons: [
|
||||||
|
{
|
||||||
|
extend: 'copyHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'excelHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'csvHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'pdfHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'print',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}).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>
|
</script>
|
||||||
@endpush
|
@endpush
|
||||||
|
|
||||||
|
|||||||
@ -32,6 +32,57 @@
|
|||||||
Add Jenis Jaminan
|
Add Jenis Jaminan
|
||||||
</button>
|
</button>
|
||||||
<!--end::Add guarantee_type-->
|
<!--end::Add guarantee_type-->
|
||||||
|
|
||||||
|
<!--begin::Export dropdown-->
|
||||||
|
<button type="button" class="btn btn-light-primary ms-5" 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>
|
</div>
|
||||||
<!--end::Toolbar-->
|
<!--end::Toolbar-->
|
||||||
|
|
||||||
@ -96,7 +147,65 @@
|
|||||||
$('#kt_modal_add_guarantee_type').on('hidden.bs.modal', function () {
|
$('#kt_modal_add_guarantee_type').on('hidden.bs.modal', function () {
|
||||||
$(this).find('form').trigger('reset');
|
$(this).find('form').trigger('reset');
|
||||||
Livewire.dispatch('reload', false);
|
Livewire.dispatch('reload', false);
|
||||||
})
|
});
|
||||||
|
|
||||||
|
$(function(){
|
||||||
|
const documentTitle = 'Guarantee Type Report';
|
||||||
|
var buttons = new $.fn.dataTable.Buttons(LaravelDataTables['guarantee-type-table'], {
|
||||||
|
buttons: [
|
||||||
|
{
|
||||||
|
extend: 'copyHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'excelHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'csvHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'pdfHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'print',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}).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>
|
</script>
|
||||||
@endpush
|
@endpush
|
||||||
|
|
||||||
|
|||||||
@ -32,6 +32,57 @@
|
|||||||
Add Jenis Fasilitas
|
Add Jenis Fasilitas
|
||||||
</button>
|
</button>
|
||||||
<!--end::Add loan_type-->
|
<!--end::Add loan_type-->
|
||||||
|
|
||||||
|
<!--begin::Export dropdown-->
|
||||||
|
<button type="button" class="btn btn-light-primary ms-5" 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>
|
</div>
|
||||||
<!--end::Toolbar-->
|
<!--end::Toolbar-->
|
||||||
|
|
||||||
@ -96,7 +147,65 @@
|
|||||||
$('#kt_modal_add_loan_type').on('hidden.bs.modal', function () {
|
$('#kt_modal_add_loan_type').on('hidden.bs.modal', function () {
|
||||||
$(this).find('form').trigger('reset');
|
$(this).find('form').trigger('reset');
|
||||||
Livewire.dispatch('reload', false);
|
Livewire.dispatch('reload', false);
|
||||||
})
|
});
|
||||||
|
|
||||||
|
$(function(){
|
||||||
|
const documentTitle = 'Loan Type Report';
|
||||||
|
var buttons = new $.fn.dataTable.Buttons(LaravelDataTables['loan-type-table'], {
|
||||||
|
buttons: [
|
||||||
|
{
|
||||||
|
extend: 'copyHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'excelHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'csvHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'pdfHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'print',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}).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>
|
</script>
|
||||||
@endpush
|
@endpush
|
||||||
|
|
||||||
|
|||||||
@ -32,6 +32,57 @@
|
|||||||
Add Rekening
|
Add Rekening
|
||||||
</button>
|
</button>
|
||||||
<!--end::Add rekening-->
|
<!--end::Add rekening-->
|
||||||
|
|
||||||
|
<!--begin::Export dropdown-->
|
||||||
|
<button type="button" class="btn btn-light-primary ms-5" 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>
|
</div>
|
||||||
<!--end::Toolbar-->
|
<!--end::Toolbar-->
|
||||||
|
|
||||||
@ -96,9 +147,65 @@
|
|||||||
$('#kt_modal_add_rekening').on('hidden.bs.modal', function () {
|
$('#kt_modal_add_rekening').on('hidden.bs.modal', function () {
|
||||||
$(this).find('form').trigger('reset');
|
$(this).find('form').trigger('reset');
|
||||||
Livewire.dispatch('reload', false);
|
Livewire.dispatch('reload', false);
|
||||||
})
|
});
|
||||||
|
|
||||||
|
$(function(){
|
||||||
|
const documentTitle = 'Rekening Report';
|
||||||
|
var buttons = new $.fn.dataTable.Buttons(LaravelDataTables['rekening-table'], {
|
||||||
|
buttons: [
|
||||||
|
{
|
||||||
|
extend: 'copyHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4, 5, 6, 7]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'excelHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4, 5, 6, 7]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'csvHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4, 5, 6, 7]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'pdfHtml5',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4, 5, 6, 7]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
extend: 'print',
|
||||||
|
title: documentTitle,
|
||||||
|
exportOptions: {
|
||||||
|
columns: [0, 1, 2, 3, 4, 5, 6, 7]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}).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>
|
</script>
|
||||||
@endpush
|
@endpush
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user