From c7cc7475b5342ab6aefd10bf2533f86dd487219f Mon Sep 17 00:00:00 2001
From: Ahmad Afandi <ahmad.afandi85@gmail.com>
Date: Thu, 15 Jan 2026 10:40:02 +0700
Subject: [PATCH] Menambahkan tombol download

---
 .../excel-download-button.blade.php           |  6 ++-
 .../views/components/print-button.blade.php   |  7 ++-
 .../data_presisi/kesehatan/cetak.blade.php    | 20 ++++---
 .../data_presisi/kesehatan/index.blade.php    | 52 +++++++------------
 4 files changed, 36 insertions(+), 49 deletions(-)

diff --git a/resources/views/components/excel-download-button.blade.php b/resources/views/components/excel-download-button.blade.php
index 85ec96e5b..d71cf3734 100644
--- a/resources/views/components/excel-download-button.blade.php
+++ b/resources/views/components/excel-download-button.blade.php
@@ -69,7 +69,9 @@
 
                         // Prepare download URL
                         const url = new URL(downloadUrl);
-
+                        url.searchParams.set("kode_kabupaten", "{{ session('kabupaten.kode_kabupaten') ?? '' }}");
+                        url.searchParams.set("kode_kecamatan", "{{ session('kecamatan.kode_kecamatan') ?? '' }}");
+                        url.searchParams.set("kode_desa", "{{ session('desa.id') ?? '' }}");                
                         let urlParams = new URLSearchParams();
 
                         if (tableId) {
@@ -110,7 +112,7 @@
                             const info = table.page.info();
                             urlParams.append('totalData', info.recordsTotal);
                         }
-
+        
                         // Make fetch request
                         const response = await fetch(url, {
                             method: 'POST',
diff --git a/resources/views/components/print-button.blade.php b/resources/views/components/print-button.blade.php
index 8508118c9..fb3c72fd0 100644
--- a/resources/views/components/print-button.blade.php
+++ b/resources/views/components/print-button.blade.php
@@ -30,6 +30,9 @@
                 e.preventDefault();
 
                 const printUrl = new URL(this.dataset.printUrl);
+                printUrl.searchParams.set("kode_kabupaten", "{{ session('kabupaten.kode_kabupaten') ?? '' }}");
+                printUrl.searchParams.set("kode_kecamatan", "{{ session('kecamatan.kode_kecamatan') ?? '' }}");
+                printUrl.searchParams.set("kode_desa", "{{ session('desa.id') ?? '' }}");                
                 const tableId = this.dataset.tableId;
                 const filters = JSON.parse(this.dataset.filters || '{}');
                 const additionalParams = JSON.parse(this.dataset.additionalParams || '{}');
@@ -48,6 +51,7 @@
                     // Get filters/search from DataTable's ajax.params
                     if (typeof dataTable.ajax.params === 'function') {
                         const params = dataTable.ajax.params();
+                        
                         Object.entries(params).forEach(([key, value]) => {
                             if (value && value !== '' && value !== 'null') {
                                 printUrl.searchParams.append(key, value);
@@ -59,8 +63,7 @@
                 // Add additional static parameters
                 Object.entries(additionalParams).forEach(([key, value]) => {
                     printUrl.searchParams.append(key, value);
-                });
-
+                });                
                 // Open print URL in new window
                 window.open(printUrl.href, '_blank');
             });
diff --git a/resources/views/data_pokok/data_presisi/kesehatan/cetak.blade.php b/resources/views/data_pokok/data_presisi/kesehatan/cetak.blade.php
index 6551fc101..5dfb2d204 100644
--- a/resources/views/data_pokok/data_presisi/kesehatan/cetak.blade.php
+++ b/resources/views/data_pokok/data_presisi/kesehatan/cetak.blade.php
@@ -16,9 +16,9 @@
         <thead>
             <tr class="border thick">
                 <th>NO</th>
-                <th>NIK</th>
-                <th>NOMOR KK</th>
-                <th>NAMA</th>
+                <th>NIK</th>                
+                <th>NAMA KEPALA KELUARGA</th>
+                <th>JUMLAH ANGGOTA RTM</th>
                 <th>JNS ASURANSI</th>
                 <th>JNS PENGGUNAAN ALAT KONTRASEPSI</th>
                 <th>JNS PENYAKIT YANG DIDERITA</th>
@@ -27,8 +27,7 @@
                 <th>KUNJUNGAN KE DOKTER DALAM 1 TAHUN</th>
                 <th>KONDISI FISIK SEJAK LAHIR</th>
                 <th>STATUS GIZI BALITA</th>
-                <th>TANGGAL PENGISIAN</th>
-                <th>STATUS PENGISIAN</th>
+                <th>TANGGAL PENGISIAN</th>                
             </tr>
         </thead>
         <tbody></tbody>
@@ -39,10 +38,10 @@
     <script nonce="{{ csp_nonce() }}"  >
         document.addEventListener("DOMContentLoaded", function(event) {
             var str = `{{ $filter }}`
-            var filter = str.replace(/&amp;/g, '&')
+             var filter = str.replace(/&amp;/g, '&').replace(/undefined/g, '')
             const header = @include('layouts.components.header_bearer_api_gabungan');
             $.ajax({
-                url: `{{ config('app.databaseGabunganUrl').'/api/v1/data-presisi/kesehatan' }}?${filter}`,
+                url: `{{ config('app.databaseGabunganUrl').'/api/v1/data-presisi/kesehatan/rtm' }}?${filter}`,
                 headers: header,
                 method: 'get',
                 success: function(json) {
@@ -52,8 +51,8 @@
                             <tr>
                                 <td class="padat">${no}</td>
                                 <td>${item.attributes.nik || 'N/A'}</td>
-                                <td>${item.attributes.no_kk || 'N/A'}</td>
-                                <td>${item.attributes.nama || 'N/A'}</td>
+                                <td>${item.attributes.kepala_keluarga || 'N/A'}</td>    
+                                <td>${item.attributes.jumlah_anggota || 'N/A'}</td>                                
                                 <td>${item.attributes.jns_ansuransi || 'N/A'}</td>
                                 <td>${item.attributes.jns_penggunaan_alat_kontrasepsi || 'N/A'}</td>
                                 <td>${item.attributes.jns_penyakit_diderita || 'N/A'}</td>
@@ -62,8 +61,7 @@
                                 <td>${item.attributes.frekwensi_kunjungan_dokter_pertahun || 'N/A'}</td>
                                 <td>${item.attributes.kondisi_fisik_sejak_lahir || 'N/A'}</td>
                                 <td>${item.attributes.status_gizi_balita || 'N/A'}</td>
-                                <td>${item.attributes.tanggal_pengisian || 'N/A'}</td>
-                                <td>${item.attributes.status_pengisian || 'N/A'}</td>
+                                <td>${item.attributes.tanggal_pengisian || 'N/A'}</td>                                
                             </tr>
                             `
                         $('#tabel-sandang tbody').append(row)
diff --git a/resources/views/data_pokok/data_presisi/kesehatan/index.blade.php b/resources/views/data_pokok/data_presisi/kesehatan/index.blade.php
index 4d4aea7ac..1a2288971 100644
--- a/resources/views/data_pokok/data_presisi/kesehatan/index.blade.php
+++ b/resources/views/data_pokok/data_presisi/kesehatan/index.blade.php
@@ -27,24 +27,13 @@
             </div>
             <div class="card card-outline card-primary">
                 <div class="card-header">
-                    <div class="row">
-                        <div class="col-sm-2">
-                            <select id="filter-tahun" class="form-control form-control-sm">
-                                @php
-                                    $currentYear = date('Y');
-                                    $startYear = 2020;
-                                @endphp
-                                @for($year = $currentYear; $year >= $startYear; $year--)
-                                    <option value="{{ $year }}" {{ $year == $currentYear ? 'selected' : '' }}>{{ $year }}</option>
-                                @endfor
-                            </select>
-                        </div>
-                        <div class="col-sm-3">
-                            <button id="cetak" type="button" class="btn btn-primary btn-sm" data-url="">
-                                <i class="fa fa-print"></i> Cetak
-                            </button>
-                        </div>
+                     <div class="row">
+                    <x-filter-tahun />
+                    <div class="col-auto">
+                        <x-print-button :print-url="url('data-presisi/kesehatan/cetak')" table-id="table-kesehatan" :filter="[]" />
                     </div>
+                    <x-excel-download-button :download-url="config('app.databaseGabunganUrl') . '/api/v1/data-presisi/kesehatan/rtm/download'" table-id="table-kesehatan" filename="data_presisi_kesehatan" />
+                </div>
                 </div>
                 <div class="card-body">
                     <div class="table-responsive">
@@ -82,8 +71,7 @@
             var dtks = $('#table-kesehatan').DataTable({
                 processing: true,
                 serverSide: true,
-                autoWidth: false,
-                ordering: false,
+                autoWidth: false,                
                 searchPanes: {
                     viewTotal: false,
                     columns: [0]
@@ -96,16 +84,15 @@
                         return {
                             "page[size]": row.length,
                             "page[number]": (row.start / row.length) + 1,
-                            "filter[search]": row.search.value,
-                            "kode_kecamatan": "{{ session('kecamatan.kode_kecamatan') ?? '' }}",
-                            "config_desa": "{{ session('desa.id') ?? '' }}",
+                            "filter[search]": row.search.value,                            
                             "filter[tahun]": $('#filter-tahun').val(),
+                            "sort":"id"
                         };
                     },
                     dataSrc: function(json) {
-                        if (json.data.length > 0) {
-                            json.recordsTotal = json.meta.pagination.total
-                            json.recordsFiltered = json.meta.pagination.total
+                        json.recordsTotal = json.meta?.pagination?.total || 0;
+                        json.recordsFiltered = json.meta?.pagination?.total || 0;
+                        if (json.data.length > 0) {                            
                             data_grafik = [];
                             json.data.forEach(function(item, index) {
                                 data_grafik.push(item.attributes)
@@ -144,7 +131,7 @@ className: 'text-nowrap',
                     },
                     {
                         "className": 'details-control',
-                        "orderable": false,
+                        orderable: false,
                         "data": null,
                         "defaultContent": ''
                     },
@@ -154,17 +141,21 @@ className: 'text-nowrap',
                     },
                     {
                         data: "attributes.kepala_keluarga",
+                        orderable: false,
                     },
                     {
                         data: "attributes.jumlah_anggota",
+                        orderable: false,
                     },
                     {
                         data: "attributes.jns_ansuransi",
                         render: (data) => data || 'N/A',
+                        orderable: false,
                     },
                     {
                         data: "attributes.jns_penggunaan_alat_kontrasepsi",
                         render: (data) => data || 'N/A',
+                        orderable: false,
                     },
 
                 ],
@@ -223,14 +214,7 @@ function format(data) {
                 dtks.ajax.reload();
                 data_grafik = [];
                 grafikPie();
-            });
-            
-            $('#cetak').on('click', function() {
-                let baseUrl = "{{ route('data-pokok.data-presisi.cetak') }}";
-                let params = dtks.ajax.params(); // Get DataTables params
-                let queryString = new URLSearchParams(params).toString(); // Convert params to query string
-                window.open(`${baseUrl}?${queryString}`, '_blank'); // Open the URL with appended query
-            });
+            });                    
         })
     </script>
 @endsection