feat(listDataNasabah): add column bank_sampah and rearrange column style

main
Kevin Hendrawan 2025-11-19 12:46:44 +07:00
parent 21d9e03fba
commit 30561e4981
2 changed files with 26 additions and 6 deletions

View File

@ -17,6 +17,7 @@ namespace BankSampahApp.Controllers.Main
{
new {
nama = "Andi Prabowo",
bank_sampah = "BSI Hijau Lestari",
kabupaten = "Kota Adm Jakarta Timur",
kecamatan = "Cipayung",
kelurahan = "Kebon Jeruk",
@ -29,6 +30,7 @@ namespace BankSampahApp.Controllers.Main
},
new {
nama = "Siti Nurhaliza",
bank_sampah = "BSI Berkah Mandiri",
kabupaten = "Kota Adm Jakarta Timur",
kecamatan = "Matraman",
kelurahan = "Pancoran",
@ -41,6 +43,7 @@ namespace BankSampahApp.Controllers.Main
},
new {
nama = "Budi Santoso",
bank_sampah = "BSI Citra Bersama",
kabupaten = "Kota Adm Jakarta Timur",
kecamatan = "Kramat Jati",
kelurahan = "Kembangan",
@ -53,6 +56,7 @@ namespace BankSampahApp.Controllers.Main
},
new {
nama = "Nina Sari",
bank_sampah = "BSI Melati Putih",
kabupaten = "Kota Adm Jakarta Timur",
kecamatan = "Pulogadung",
kelurahan = "Senen",
@ -65,6 +69,7 @@ namespace BankSampahApp.Controllers.Main
},
new {
nama = "Dewi Lestari",
bank_sampah = "BSI Cahaya Sejahtera",
kabupaten = "Kota Adm Jakarta Timur",
kecamatan = "Cakung",
kelurahan = "Kebayoran Baru",
@ -77,6 +82,7 @@ namespace BankSampahApp.Controllers.Main
},
new {
nama = "Rudi Hartono",
bank_sampah = "BSI Makmur Abadi",
kabupaten = "Kota Adm Jakarta Timur",
kecamatan = "Jatinegara",
kelurahan = "Menteng",

View File

@ -50,9 +50,8 @@
<tr>
<th class="w-[5%]">No</th>
<th class="w-[15%]">Nama Nasabah</th>
<th class="w-[15%]">Kabupaten</th>
<th class="w-[12%]">Kecamatan</th>
<th class="w-[12%]">Kelurahan</th>
<th class="w-[13%]">Alamat</th>
<th class="w-[12%]">Bank Sampah</th>
<th class="w-[12%]">ID Bangunan</th>
<th class="w-[10%]">Jenis Nasabah</th>
<th class="w-[10%]">Status</th>
@ -81,9 +80,24 @@
columns: [
{ data: null, render: (d, t, r, m) => m.row + 1, orderable: false, searchable: false },
{ data: 'nama' },
{ data: 'kabupaten' },
{ data: 'kecamatan' },
{ data: 'kelurahan' },
{
data: null,
render: function (data) {
return `
<div class="flex flex-col gap-1">
<span class="text-sm font-semibold text-gray-900">${data.kabupaten}</span>
<div class="flex items-center gap-0 text-xs text-gray-500">
<span class="flex items-center gap-0">
${data.kecamatan}
</span>
<span class="text-gray-300">•</span>
<span>${data.kelurahan}</span>
</div>
</div>
`;
}
},
{ data: 'bank_sampah' },
{ data: 'id_bangunan' },
{ data: 'jenis' },
{ data: 'status' },