Halaman Unduhan Dokumen hanya menampilkan data sesuai default pagination API (10 data)

[f4hmyriza]

Beri keterangan singkat dan jelas mengenai error yang dialami
Pada halaman Unduhan → Dokumen, data dokumen yang ditampilkan tidak seluruhnya muncul. Halaman menggunakan DataTables dengan pagination, tetapi API hanya mengambil 10 data secara default, sehingga ketika jumlah dokumen lebih banyak, sebagian data tidak dapat ditampilkan.

Jelaskan langkah sampai terjadinya error
Login ke halaman admin OpenDK.
Pastikan terdapat lebih dari 10 data pada Informasi → Form Dokumen.
Buka halaman frontend: /unduhan/form-dokumen
DataTables menampilkan data dengan pagination.
API form-dokumen secara default hanya mengembalikan 10 data:
"pagination": {
"total": 30,
"count": 10,
"per_page": 10,
"current_page": 1,
"total_pages": 3
}
Akibatnya, ketika DataTables menggunakan serverSide: false, hanya data dari response API tersebut yang dapat diproses dan ditampilkan.
Setelah parameter di Blade diubah menjadi: 'page[size]': 100,
seluruh data dapat diterima oleh DataTables dan pagination berjalan normal.

Terangkan secara jelas dan singkat apa yang diharapkan
Diharapkan halaman Unduhan → Dokumen dapat menampilkan seluruh data dokumen yang tersedia tanpa perlu melakukan perubahan manual pada file Blade.

API dan frontend sebaiknya memiliki mekanisme pagination yang konsisten. Jika DataTables menggunakan:
serverSide: false
maka frontend seharusnya meminta jumlah data yang mencukupi dari API, atau mekanisme pagination API dan DataTables disesuaikan agar seluruh data tetap dapat ditampilkan.

Dengan demikian, pengguna tidak kehilangan akses ke data dokumen ketika jumlah dokumen lebih dari 10.

Lampirkan tangkapan layar untuk menjelaskan masalahnya
sebelum diperbaiki :

setelah dirubah : 'page[size]': 100,

Informasi tambahan

Tanya	Jawab
Versi OpenDK	2608.0.2
Versi PHP
System operasi

[f4hmyriza]

terjadi juga di unduhan regulasi :

[Bug] Halaman Unduhan → Regulasi tidak menampilkan seluruh data

Deskripsi

Pada OpenDK v2608.0.2, halaman frontend Unduhan → Regulasi tidak menampilkan seluruh data regulasi.

Halaman menggunakan DataTables dengan konfigurasi:

serverSide: false

Sedangkan endpoint API Regulasi menggunakan pagination.

Akibatnya, DataTables hanya menerima data dari response API halaman pertama. Pada kasus yang ditemukan, terdapat 26 data regulasi, tetapi tidak seluruh data dapat ditampilkan oleh DataTables.

Langkah Reproduksi

1. Pastikan terdapat lebih dari 10 data regulasi.
2. Buka halaman:

/unduhan/regulasi

3. Halaman menggunakan DataTables dengan:

serverSide: false

4. DataTables melakukan request ke endpoint:

/api/frontend/v1/regulasi

5. API menggunakan pagination dan secara default hanya mengembalikan sebagian data.
6. Karena serverSide: false, DataTables hanya memproses data yang diterima dari response API.
7. Akibatnya, tidak seluruh data regulasi dapat ditampilkan.

Expected Behavior

Halaman Unduhan → Regulasi seharusnya dapat menampilkan seluruh data regulasi yang tersedia.

Mekanisme pagination antara API dan DataTables sebaiknya konsisten.

Jika DataTables menggunakan:

serverSide: false

maka API harus mengembalikan seluruh data yang diperlukan oleh DataTables.

Alternatif lainnya adalah menggunakan:

serverSide: true

dan menyinkronkan pagination DataTables dengan pagination API.

Temporary Fix

Temporary fix yang telah diuji adalah mengambil data dalam jumlah lebih besar menggunakan:

ajax: {
    url: '{!! $urlApi !!}/regulasi?page%5Bnumber%5D=1&page%5Bsize%5D=100',
    cache: false,
    dataSrc: 'data'
},

Dengan menggunakan:

page[number]=1
page[size]=100

seluruh data regulasi dapat diterima oleh DataTables dan pagination dapat berjalan di sisi browser.

Affected File

themes/opendk/default/resources/views/pages/unduhan/regulasi.blade.php

Testing

• Halaman /unduhan/regulasi dapat dibuka
• Data regulasi tampil
• Seluruh 26 data regulasi dapat diterima frontend
• Pagination DataTables berjalan normal
• Detail regulasi tetap dapat dibuka
• Tombol download tetap berfungsi

Kesimpulan

Masalah terjadi karena pagination API tidak sinkron dengan penggunaan DataTables serverSide: false.

API hanya mengembalikan sebagian data pada request pertama, sedangkan DataTables menganggap response tersebut sebagai seluruh dataset.

Temporary fix dengan menggunakan page[size]=100 telah berhasil memperbaiki halaman Unduhan → Regulasi.

Perlu dipertimbangkan perbaikan mekanisme pagination agar API dan DataTables dapat bekerja secara konsisten serta masalah serupa tidak terjadi pada halaman Unduhan lainnya.