update export button
This commit is contained in:
parent
9df49c743a
commit
98054d2725
@ -25,77 +25,28 @@
|
|||||||
<!--begin::Card toolbar-->
|
<!--begin::Card toolbar-->
|
||||||
<div class="card-toolbar">
|
<div class="card-toolbar">
|
||||||
<!--begin::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-->
|
<!--begin::Export dropdown-->
|
||||||
<button type="button" class="btn btn-light-primary ms-5" data-kt-menu-trigger="click"
|
<livewire:export-button :table-id="$dataTable->getTableId()" filename="jenis_pinjaman.xlsx" auto-download="true"/>
|
||||||
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-->
|
||||||
|
<!--begin::Modal-->
|
||||||
<!--begin::Modal-->
|
<livewire:writeoff::loan-type.loan-type-modal/>
|
||||||
<livewire:writeoff::loan-type.loan-type-modal/>
|
<!--end::Modal-->
|
||||||
<!--end::Modal-->
|
|
||||||
</div>
|
|
||||||
<!--end::Card toolbar-->
|
|
||||||
</div>
|
</div>
|
||||||
<!--end::Card header-->
|
<!--end::Card toolbar-->
|
||||||
|
</div>
|
||||||
|
<!--end::Card header-->
|
||||||
|
|
||||||
<!--begin::Card body-->
|
<!--begin::Card body-->
|
||||||
<div class="card-body py-4">
|
<div class="card-body py-4">
|
||||||
<!--begin::Table-->
|
<!--begin::Table-->
|
||||||
<div class="table-responsive">
|
<div class="table-responsive">
|
||||||
{{ $dataTable->table() }}
|
{{ $dataTable->table() }}
|
||||||
</div>
|
|
||||||
<!--end::Table-->
|
|
||||||
</div>
|
</div>
|
||||||
<!--end::Card body-->
|
<!--end::Table-->
|
||||||
|
</div>
|
||||||
|
<!--end::Card body-->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@push('scripts')
|
@push('scripts')
|
||||||
@ -142,7 +93,7 @@
|
|||||||
Livewire.dispatch('reload', false);
|
Livewire.dispatch('reload', false);
|
||||||
});
|
});
|
||||||
|
|
||||||
$(function(){
|
$(function () {
|
||||||
const documentTitle = 'Loan Type Report';
|
const documentTitle = 'Loan Type Report';
|
||||||
var buttons = new $.fn.dataTable.Buttons(LaravelDataTables['loan-type-table'], {
|
var buttons = new $.fn.dataTable.Buttons(LaravelDataTables['loan-type-table'], {
|
||||||
buttons: [
|
buttons: [
|
||||||
@ -157,6 +108,10 @@
|
|||||||
extend: 'excelHtml5',
|
extend: 'excelHtml5',
|
||||||
title: documentTitle,
|
title: documentTitle,
|
||||||
exportOptions: {
|
exportOptions: {
|
||||||
|
modifier: {
|
||||||
|
page: 'all',
|
||||||
|
search: 'none'
|
||||||
|
},
|
||||||
columns: [0, 1, 2, 3, 4]
|
columns: [0, 1, 2, 3, 4]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -189,7 +144,7 @@
|
|||||||
exportButtons.forEach(exportButton => {
|
exportButtons.forEach(exportButton => {
|
||||||
exportButton.addEventListener('click', e => {
|
exportButton.addEventListener('click', e => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
console.log(e.target.getAttribute('data-kt-export'));
|
//console.log(e.target.getAttribute('data-kt-export'));
|
||||||
// Get clicked export value
|
// Get clicked export value
|
||||||
const exportValue = e.target.getAttribute('data-kt-export');
|
const exportValue = e.target.getAttribute('data-kt-export');
|
||||||
const target = document.querySelector('.dt-buttons .buttons-' + exportValue);
|
const target = document.querySelector('.dt-buttons .buttons-' + exportValue);
|
||||||
|
Loading…
Reference in New Issue
Block a user