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