feat(view): tambahkan kolom Status Bayar pada tampilan progres aktivitas

- Menambahkan kolom "Status Bayar" pada tabel progres aktivitas.
- Mengimplementasikan rendering status bayar dengan kelas CSS untuk menandai status.
- Memperbaiki format tampilan status untuk konsistensi visual.
This commit is contained in:
Daeng Deni Mardaeni
2025-01-14 09:44:10 +07:00
parent eff324614d
commit 65f3c60ae9

View File

@@ -100,6 +100,7 @@
<tr>
<th class="min-w-[100px]">Nama Debitur</th>
<th class="min-w-[100px]">Tujuan Penilaian</th>
<th class="min-w-[100px]">Status Bayar</th>
<th class="min-w-[100px]">Jenis Asset</th>
<th class="min-w-[100px]">Jenis Report</th>
<th class="min-w-[100px]">Tgl Register</th>
@@ -178,6 +179,18 @@
return `${data.permohonan.tujuan_penilaian?.name || ''}`;
},
},
status_bayar: {
title: 'Status Bayar',
render: (item, data) => {
const status = data.permohonan.status_bayar.replace(/_/g,
' ');
const statusClass = data.permohonan.status_bayar === 'belum_bayar' ? 'text-red-600' :
'text-green-600';
return `<span class="badge badge-sm badge-default font-bold ${statusClass} uppercase">
${status}
</span>`;
},
},
jenis_asset: {
title: 'Jenis Asset',
render: (item, data) =>
@@ -208,7 +221,7 @@
progress: {
title: 'Progress',
render: (item, data) => {
return `<span class="badge badge-xs badge-default uppercase flex justify-center ">${data.permohonan.status}</span>`;
return `<span class="badge badge-sm badge-default uppercase flex justify-center ">${data.permohonan.status}</span>`;
}
},
// tanggal kunjungan h+2 jika plafon di