style: add tab pengadaan wadah

main-dlh
Yuri Dimas 2025-11-17 17:03:03 +07:00
parent 0ffe5669d6
commit 42d0fadcdc
3 changed files with 105 additions and 1 deletions

View File

@ -228,5 +228,80 @@ namespace BpsRwApp.Controllers
return Json(response);
}
[HttpGet]
public IActionResult TablePengadaanWadah()
{
var data = new[]
{
new {
rt = "001",
jumlah_kepala_keluarga = "11",
total_wadah_unit = "07",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
},
new {
rt = "002",
jumlah_kepala_keluarga = "09",
total_wadah_unit = "01",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
},
new {
rt = "003",
jumlah_kepala_keluarga = "21",
total_wadah_unit = "04",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
},
new {
rt = "004",
jumlah_kepala_keluarga = "17",
total_wadah_unit = "02",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
},
new {
rt = "005",
jumlah_kepala_keluarga = "18",
total_wadah_unit = "08",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
},
new {
rt = "006",
jumlah_kepala_keluarga = "14",
total_wadah_unit = "05",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
},
new {
rt = "007",
jumlah_kepala_keluarga = "02",
total_wadah_unit = "06",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
},
new {
rt = "008",
jumlah_kepala_keluarga = "22",
total_wadah_unit = "06",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
},
new {
rt = "009",
jumlah_kepala_keluarga = "01",
total_wadah_unit = "03",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
},
new {
rt = "010",
jumlah_kepala_keluarga = "28",
total_wadah_unit = "04",
status = "<div class=\"badge badge-success badge-soft rounded-full\">Aktif</div>",
},
};
var response = new
{
data = data
};
return Json(response);
}
}
}

View File

@ -41,7 +41,9 @@
</div>
<input type="radio" name="tab_profil_rw" class="tab checked:text-white [--tab-bg:green]" aria-label="Pengadaan Wadah" />
<div class="tab-content bg-base-100 border-base-300 p-0"></div>
<div class="tab-content bg-base-100 border-base-300 p-0">
@await Html.PartialAsync("_TabIndexPengadaanWadah")
</div>
<input type="radio" name="tab_profil_rw" class="tab checked:text-white [--tab-bg:green]" aria-label="Kebutuhan Sarpras" />
<div class="tab-content bg-base-100 border-base-300 p-0"></div>
@ -165,6 +167,19 @@
});
});
// Datatable Pengadaan Wadah
var tablePengadaanWadah= new DataTable('#tablePengadaanWadah', {
ajax: '@Url.Action("TablePengadaanWadah", "ProfilRw")',
autoWidth: false,
columns: [
{ data: null, render: (d, t, r, m) => m.row + 1, orderable: false, searchable: false },
{ data: 'rt' },
{ data: 'jumlah_kepala_keluarga' },
{ data: 'total_wadah_unit' },
{ data: 'status' },
]
});
});
</script>
}

View File

@ -0,0 +1,14 @@
<div class="overflow-x-auto">
<table class="table-zebra table w-full text-sm" id="tablePengadaanWadah">
<thead>
<tr>
<th class="w-[5%]">No</th>
<th class="w-[20%]">RT</th>
<th class="w-[25%]">Jumlah Kepala Keluarga</th>
<th class="w-[25%]">Total Wadah (Unit)</th>
<th class="w-[25%]">Status Keterangan Tidak Mampu</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>