update export button

This commit is contained in:
daengdeni 2024-05-19 18:22:55 +07:00
parent 9df49c743a
commit 98054d2725

View File

@ -25,60 +25,11 @@
<!--begin::Card toolbar-->
<div class="card-toolbar">
<!--begin::Toolbar-->
<div class="d-flex justify-content-end" data-kt-loan_type-table-toolbar="base">
<div class="d-flex justify-content-end" data-kt-branch-table-toolbar="base">
<!--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-->
<livewire:export-button :table-id="$dataTable->getTableId()" filename="jenis_pinjaman.xlsx" auto-download="true"/>
</div>
<!--end::Toolbar-->
<!--begin::Modal-->
<livewire:writeoff::loan-type.loan-type-modal/>
<!--end::Modal-->
@ -142,7 +93,7 @@
Livewire.dispatch('reload', false);
});
$(function(){
$(function () {
const documentTitle = 'Loan Type Report';
var buttons = new $.fn.dataTable.Buttons(LaravelDataTables['loan-type-table'], {
buttons: [
@ -157,6 +108,10 @@
extend: 'excelHtml5',
title: documentTitle,
exportOptions: {
modifier: {
page: 'all',
search: 'none'
},
columns: [0, 1, 2, 3, 4]
}
},
@ -189,7 +144,7 @@
exportButtons.forEach(exportButton => {
exportButton.addEventListener('click', e => {
e.preventDefault();
console.log(e.target.getAttribute('data-kt-export'));
//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);