From 98054d2725c6042335067c8693a436395f769b88 Mon Sep 17 00:00:00 2001
From: daengdeni <ddeni05@gmail.com>
Date: Sun, 19 May 2024 18:22:55 +0700
Subject: [PATCH] update export button

---
 .../parameter/loan_types/index.blade.php      | 91 +++++--------------
 1 file changed, 23 insertions(+), 68 deletions(-)

diff --git a/Resources/views/parameter/loan_types/index.blade.php b/Resources/views/parameter/loan_types/index.blade.php
index c7e739e..79ff06b 100644
--- a/Resources/views/parameter/loan_types/index.blade.php
+++ b/Resources/views/parameter/loan_types/index.blade.php
@@ -25,77 +25,28 @@
             <!--begin::Card toolbar-->
             <div class="card-toolbar">
                 <!--begin::Toolbar-->
-                <div class="d-flex justify-content-end" data-kt-loan_type-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-->
+                <div class="d-flex justify-content-end" data-kt-branch-table-toolbar="base">
+                    <!--begin::Export dropdown-->
+                    <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-->
-            </div>
-            <!--end::Card toolbar-->
+            <!--begin::Modal-->
+            <livewire:writeoff::loan-type.loan-type-modal/>
+            <!--end::Modal-->
         </div>
-        <!--end::Card header-->
+        <!--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-->
+    <!--begin::Card body-->
+    <div class="card-body py-4">
+        <!--begin::Table-->
+        <div class="table-responsive">
+            {{ $dataTable->table() }}
         </div>
-        <!--end::Card body-->
+        <!--end::Table-->
+    </div>
+    <!--end::Card body-->
     </div>
 
     @push('scripts')
@@ -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);