feat: add month filter

main-dlh
Regiaaaaaa 2025-12-01 16:17:47 +07:00
parent 7a0a04d93e
commit 913fcc0643
1 changed files with 26 additions and 16 deletions

View File

@ -27,23 +27,33 @@
<div class="tabs tabs-lift">
<input type="radio" name="my_tabs_3" class="tab checked:text-white [--tab-bg:green]" aria-label="Rapot" />
<div class="tab-content bg-base-100 border-base-300 p-0">
<div class="overflow-x-auto">
<table class="table-zebra table" id="tableRapot">
<thead>
<tr>
<th class="w-[5%]">No</th>
<th class="w-[25%]">Nama</th>
<th class="w-[15%]">Checklist</th>
<th class="w-[15%]">Berat Sampah</th>
<th class="w-[10%]">Foto</th>
<th class="w-[15%]">Rumah Aktif Memilah</th>
<th class="w-[15%]">Status</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<!-- Filter Bulan -->
<div class="flex justify-end items-center gap-2 p-4">
<span class="whitespace-nowrap text-sm font-medium text-gray-700">Filter Bulan:</span>
<input type="month" id="filterBulanRapot"
class="px-4 py-2 border bg-white rounded-md w-[180px] sm:w-[200px]"
min="2020-01"
max="@DateTime.Now.ToString("yyyy-MM")"
value="@DateTime.Now.ToString("yyyy-MM")" />
</div>
<div class="overflow-x-auto">
<table class="table-zebra table" id="tableRapot">
<thead>
<tr>
<th class="w-[5%]">No</th>
<th class="w-[25%]">Nama</th>
<th class="w-[15%]">Checklist</th>
<th class="w-[15%]">Berat Sampah</th>
<th class="w-[10%]">Foto</th>
<th class="w-[15%]">Rumah Aktif Memilah</th>
<th class="w-[15%]">Status</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
<input type="radio" name="my_tabs_3" class="tab checked:text-white [--tab-bg:green]" aria-label="Checklist" />
<div class="tab-content bg-base-100 border-base-300 p-0">