Fix: detail data presisi by pandigresik · Pull Request #1077 · OpenSID/OpenKab

pandigresik · 2026-06-23T23:14:09Z

Pull Request: Fix: Perbaikan filter lokasi dan chart Data Presisi

Description

Perbaikan komprehensif pada modul Data Presisi untuk memperbaiki 3 bug utama: (1) chart hanya menampilkan data berdasarkan pagination tabel, (2) filter desa menghasilkan total data tidak akurat, dan (3) statistik detail tidak sesuai. Solusi meliputi refactor chart untuk mengambil data via API terpisah dan konsistensi pengiriman parameter filter lokasi.

Depedency

Gunakan https://github.com/OpenSID/API-Database-Gabungan/pull/439

Changes made:

[Refactor]: Membuat shared partial data_pokok/data_presisi/partials/chart.blade.php untuk menghilangkan duplikasi kode chart di semua modul
[Bug Fix]: Mengubah chart dari menggunakan data lokal (data_grafik) menjadi mengambil data via API statistik dengan parameter filter yang benar
[Bug Fix]: Menambahkan parameter kode_kabupaten, kode_kecamatan, dan config_desa pada request AJAX DataTable di semua halaman
[Refactor]: Mengkonsolidasi ekstraksi nilai session PHP menjadi variabel JavaScript yang dapat digunakan konsisten
[Bug Fix]: Memastikan chart dipanggil dengan parameter filter lokasi saat inisialisasi dan saat filter berubah
[Refactor]: Menghapus variabel data_grafik global dan duplikasi fungsi generateChartData, tampilChart dari setiap chart blade

Reason for change:

Chart terbatas pada pagination: Sebelumnya chart dibuat dari data yang sama dengan tabel (hanya 10 data default), sehingga tidak merepresentasikan data keseluruhan
Filter desa tidak akurat: Parameter filter lokasi tidak dikirimkan pada AJAX request DataTable, menyebabkan data tidak terfilter dengan benar (contoh: desa Berembeng 813 vs 5111 data aktual)
Statistik detail tidak sesuai: Klik detail pada statistik menampilkan data yang tidak sesuai karena parameter filter tidak dikirimkan
Duplikasi kode: Setiap modul memiliki fungsi chart yang sama, sulit dimaintain

Impact of change:

✅ Chart Akurat: Chart sekarang mengambil data via API statistik secara terpisah dari tabel, menampilkan semua data yang difilter
✅ Data Terfilter Benar: Total data, anggota RTM, dan statistik sesuai dengan data di SIDP
✅ Kode Terpusat: Shared partial chart.blade.php menghilangkan duplikasi kode di 12+ file chart
✅ Konsistensi: Semua modul (Data Presisi, Data Pokok, DTKS) menggunakan pola yang sama
✅ Filter Konsisten: Parameter lokasi dikirimkan baik di URL, DataTable request, maupun chart API call

Related Issue

Related to Perbaikan bug dan fitur data presisi #1076

Files Modified

Data Presisi - Chart & Index (Refactor chart + filter lokasi)

resources/views/data_pokok/data_presisi/adat/chart.blade.php
resources/views/data_pokok/data_presisi/adat/index.blade.php
resources/views/data_pokok/data_presisi/kesehatan/chart.blade.php
resources/views/data_pokok/data_presisi/kesehatan/detail_data.blade.php
resources/views/data_pokok/data_presisi/kesehatan/index.blade.php
resources/views/data_pokok/data_presisi/ketenagakerjaan/chart.blade.php
resources/views/data_pokok/data_presisi/ketenagakerjaan/detail_data.blade.php
resources/views/data_pokok/data_presisi/ketenagakerjaan/index.blade.php
resources/views/data_pokok/data_presisi/laporan/chart.blade.php
resources/views/data_pokok/data_presisi/laporan/index.blade.php
resources/views/data_pokok/data_presisi/pangan/chart.blade.php
resources/views/data_pokok/data_presisi/pangan/detail_data.blade.php
resources/views/data_pokok/data_presisi/pangan/index.blade.php
resources/views/data_pokok/data_presisi/pendidikan/chart.blade.php
resources/views/data_pokok/data_presisi/pendidikan/detail_data.blade.php
resources/views/data_pokok/data_presisi/pendidikan/index.blade.php
resources/views/data_pokok/data_presisi/seni_budaya/chart.blade.php
resources/views/data_pokok/data_presisi/seni_budaya/detail_data.blade.php
resources/views/data_pokok/data_presisi/seni_budaya/index.blade.php

Data Presisi - Detail Data (Filter lokasi)

resources/views/data_pokok/data_presisi/aktivitas_keagamaan/detail_data.blade.php
resources/views/data_pokok/data_presisi/jaminan_sosial/detail_data.blade.php
resources/views/data_pokok/data_presisi/papan/detail_data.blade.php
resources/views/data_pokok/data_presisi/sandang/detail_data.blade.php

Data Presisi - Laporan (Filter lokasi)

resources/views/data_pokok/data_presisi/laporan/perdesa.blade.php

Data Pokok (Refactor chart + filter lokasi)

resources/views/data_pokok/agama/chart.blade.php
resources/views/data_pokok/agama/index.blade.php
resources/views/data_pokok/jaminan_sosial/chart.blade.php
resources/views/data_pokok/jaminan_sosial/index.blade.php
resources/views/data_pokok/kesehatan/chart.blade.php
resources/views/data_pokok/kesehatan/index.blade.php
resources/views/data_pokok/ketenagakerjaan/chart.blade.php
resources/views/data_pokok/ketenagakerjaan/index.blade.php
resources/views/data_pokok/pendidikan/chart.blade.php
resources/views/data_pokok/pendidikan/index.blade.php

DTKS (Refactor chart + filter lokasi)

resources/views/dtks/papan/chart.blade.php
resources/views/dtks/papan/index.blade.php
resources/views/dtks/sandang/chart.blade.php
resources/views/dtks/sandang/index.blade.php

New File

resources/views/data_pokok/data_presisi/partials/chart.blade.php (shared chart utilities)

Steps to Reproduce

Before fix (problem):

Buka menu Data Presisi → salah satu modul (misal: Kesehatan)
Filter berdasarkan desa tertentu (contoh: Berembeng)
Perhatikan total data di tabel vs data di SIDP
❌ Total data tidak sesuai (813 vs 5111 data di SIDP)
❌ Chart hanya menampilkan data sesuai pagination (10 data default)
❌ Klik detail pada statistik menampilkan data yang tidak sesuai
❌ Hasil export juga tidak sesuai karena data tidak terfilter

After fix (solution):

Buka menu Data Presisi → salah satu modul (misal: Kesehatan)
Filter berdasarkan desa tertentu
Perhatikan total data di tabel
✅ Total data sesuai dengan data di SIDP
✅ Chart menampilkan semua data berdasarkan filter yang dipilih (via API statistik)
✅ Klik detail pada statistik menampilkan data yang benar
✅ Hasil export sesuai dengan data yang difilter

Testing on related features:

Data Presisi Adat ✅
Data Presisi Aktivitas Keagamaan ✅
Data Presisi Jaminan Sosial ✅
Data Presisi Kesehatan ✅
Data Presisi Ketenagakerjaan ✅
Data Presisi Laporan ✅
Data Presisi Pangan ✅
Data Presisi Papan ✅
Data Presisi Pendidikan ✅
Data Presisi Sandang ✅
Data Presisi Seni Budaya ✅
Data Pokok Agama ✅
Data Pokok Jaminan Sosial ✅
Data Pokok Kesehatan ✅
Data Pokok Ketenagakerjaan ✅
Data Pokok Pendidikan ✅
DTKS Papan ✅
DTKS Sandang ✅

Checklist

I have complied with script writing rules
I have followed pull request review process
Manual testing has been done in development environment
No console errors or warnings
Code has been reviewed by at least 1 person

Technical Details

Technical Explanation

1. Shared Chart Partial (`partials/chart.blade.php`)

Membuat partial terpusat yang berisi fungsi-fungsi chart yang sebelumnya diduplikasi di setiap modul:

@include('data_pokok.data_presisi.partials.chart')

Fungsi yang disediakan:

tampilChart(type, canvasId, chartData) - Membuat chart baru dengan Chart.js
generateChartData(data, key) - Mengubah data array menjadi format chart
randColorRGB() - Generate warna random untuk chart

2. Chart Mengambil Data via API

Sebelumnya: Chart dibuat dari data tabel yang sudah di-load (data_grafik)

// Chart hanya berisi data halaman ini (10 data)
data_grafik = [];
json.data.forEach(function(item) {
    data_grafik.push(item.attributes)
})
grafikPie()

Sesudahnya: Chart mengambil data sendiri via API statistik

function grafikPie(filters) {
    loadChartData(filters, 'barChart', 'bar', 'kategori');
}

function loadChartData(filters, canvasId, chartType, kategori) {
    var params = {
        kategori: kategori,
        'kode_kabupaten': filters.kodeKabupaten,
        'kode_kecamatan': filters.kodeKecamatan,
        'config_desa': filters.configDesa,
    };
    apiProxyGet('data-presisi/modul/statistik', params, function(json) {
        tampilChart(chartType, canvasId, data);
    });
}

3. Konsistensi Parameter Filter Lokasi

Sebelumnya: Parameter tidak dikirim di beberapa tempat

// Hanya di URL, tidak di DataTable request
url.searchParams.set("kode_kabupaten", "{{ session('kabupaten.kode_kabupaten') ?? '' }}");

Sesudahnya: Parameter dikirim di URL, DataTable request, dan chart API

const kodeKabupaten = "{{ session('kabupaten.kode_kabupaten') ?? '' }}";
// Di URL
url.searchParams.set("kode_kabupaten", kodeKabupaten);
// Di DataTable request
data: function(row) {
    return {
        "kode_kabupaten": kodeKabupaten,
        "kode_kecamatan": kodeKecamatan,
        "config_desa": configDesa,
    };
}
// Di chart call
grafikPie({ kodeKabupaten, kodeKecamatan, configDesa });

Configuration changes

Tidak ada perubahan konfigurasi.

Dependencies added

Tidak ada dependency baru. Menggunakan Chart.js yang sudah ada.

Testing

Manual Testing

Browser Compatibility

Chrome/Edge (Chromium)
Firefox
Safari

Screenshots / Video

Before:

Chart hanya menampilkan 10 data (sesuai pagination tabel)
Total data desa Berembeng: 5111 (seharusnya 813)
Statistik detail tidak sesuai

After:

Chart menampilkan semua data berdasarkan filter
Total data desa Berembeng sesuai dengan SIDP
Statistik detail sesuai dengan yang diklik

Breaking Changes

None

Migration Guide

Not required

References

Issue: Perbaikan bug dan fitur data presisi #1076
SIDP Tabanan: https://sidp.tabanankab.go.id/

Additional notes:

Tabel Ringkasan Perubahan per Modul:

Modul	Chart	Index	Detail	API Statistik
Adat	Refactor	Filter	-	`data-presisi/adat/statistik`
Aktivitas Keagamaan	-	-	Filter	-
Jaminan Sosial	Refactor	Filter	Filter	`data-presisi/jaminan-sosial/statistik`
Kesehatan	Refactor	Filter	Filter	`data-presisi/kesehatan/statistik`
Ketenagakerjaan	Refactor	Filter	Filter	`ketenagakerjaan/statistik`
Laporan	Refactor	Filter	-	`data-presisi/laporan/statistik`
Pangan	Refactor	Filter	Filter	`data-presisi/pangan/statistik`
Papan	-	-	Filter	`data-presisi/papan/statistik`
Pendidikan	Refactor	Filter	Filter	`pendidikan/statistik`
Sandang	-	-	Filter	-
Seni Budaya	Refactor	Filter	Filter	`data-presisi/seni-budaya/statistik`

Catatan Penting:

Pastikan API statistik di backend sudah mendukung parameter kategori, kode_kabupaten, kode_kecamatan, config_desa
Shared partial chart.blade.php menggunakan fungsi apiProxyGet yang harus tersedia di layout
Setiap modul chart sekarang memanggil API sendiri, bukan dari data tabel

github-actions · 2026-06-23T23:14:21Z

🔄 AI PR Review sedang antri di server...

Proses review akan segera dimulai di background — hasil akan muncul sebagai komentar setelah selesai.
Powered by CrewAI · PR #1077

pandigresik added 2 commits June 23, 2026 10:05

simpan dulu

d9bb285

update

1a8e9f3

pandigresik requested a review from affandii06 June 23, 2026 23:14

pandigresik and others added 2 commits June 24, 2026 06:27

perbaikan test

b99cc57

[ci skip] memutahirkan catatan rilis

a9a18ef

affandii06 merged commit 4b8d86c into rilis-dev Jun 25, 2026

affandii06 deleted the fix/detail_data_presisi branch June 25, 2026 03:35

affandii06 mentioned this pull request Jun 25, 2026

Perbaikan bug dan fitur data presisi #1076

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Fix: detail data presisi#1077

Fix: detail data presisi#1077
affandii06 merged 4 commits into
rilis-devfrom
fix/detail_data_presisi

pandigresik commented Jun 23, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented Jun 23, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Uh oh!

Conversation

pandigresik commented Jun 23, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Pull Request: Fix: Perbaikan filter lokasi dan chart Data Presisi

Description

Depedency

Changes made:

Reason for change:

Impact of change:

Related Issue

Files Modified

Data Presisi - Chart & Index (Refactor chart + filter lokasi)

Data Presisi - Detail Data (Filter lokasi)

Data Presisi - Laporan (Filter lokasi)

Data Pokok (Refactor chart + filter lokasi)

DTKS (Refactor chart + filter lokasi)

New File

Steps to Reproduce

Before fix (problem):

After fix (solution):

Testing on related features:

Checklist

Technical Details

Technical Explanation

1. Shared Chart Partial (partials/chart.blade.php)

2. Chart Mengambil Data via API

3. Konsistensi Parameter Filter Lokasi

Configuration changes

Dependencies added

Testing

Manual Testing

Browser Compatibility

Screenshots / Video

Before:

After:

Breaking Changes

Migration Guide

References

Uh oh!

github-actions Bot commented Jun 23, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

pandigresik commented Jun 23, 2026 •

edited

Loading

1. Shared Chart Partial (`partials/chart.blade.php`)