Skip to content

Conversation

@pandigresik
Copy link
Contributor

Perbaikan issue #883
Bergantung pada PR https://github.com/OpenSID/API-Database-Gabungan/pull/285

Summary Perubahan - Penambahan Tombol Download Excel

File: resources/views/desa/index.blade.php

Perubahan Utama

Penambahan Tombol Download Excel (Baris 29)

<x-excel-download-button :download-url="config('app.databaseGabunganUrl') . '/api/v1/wilayah/penduduk/download'" table-id="summary-penduduk" filename="data_desa" />

Detail Implementasi

1. Lokasi Penambahan

  • Posisi: Card header (Baris 29)
  • Container: Di dalam <div class="col-sm-3"> bersama tombol filter dan cetak

2. Komponen yang Digunakan

  • Tag: <x-excel-download-button>
  • Tipe: Blade component khusus untuk download Excel

3. Konfigurasi Parameter

  • download-url:

    • Value: config('app.databaseGabunganUrl') . '/api/v1/wilayah/penduduk/download'
    • Fungsi: Endpoint API untuk mengunduh data Excel
  • table-id:

    • Value: summary-penduduk
    • Fungsi: ID tabel yang akan diekspor
  • filename:

    • Value: data_desa
    • Fungsi: Nama file hasil download

Integrasi dengan Sistem

1. API Integration

  • Menggunakan endpoint dari databaseGabunganUrl (API gabungan)
  • Path: /api/v1/wilayah/penduduk/download
  • Metode: Download langsung dari API

2. DataTable Integration

  • Terhubung dengan tabel summary-penduduk (Baris 102)
  • Data yang diunduh sesuai dengan filter yang diterapkan pada tabel

Fitur Tambahan

  • Filter-aware: Download Excel akan mengikuti filter yang sedang aktif
  • Server-side: Data diambil langsung dari server tanpa memproses di client-side
  • Consistent naming: Menggunakan format penamaan yang konsisten dengan halaman (data_desa)

Konteks dalam UI

Tombol ini ditempatkan berdampingan dengan:

  1. Tombol Filter (Baris 21-24)
  2. Tombol Cetak (Baris 25-28)

Semua tombol menggunakan ukuran yang konsisten (btn-sm) dan ikon yang sesuai untuk fungsinya masing-masing.

simplescreenrecorder-2026-01-08_09.14.32.mp4

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants