banksampah
/
bank-sampah
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(dashboard): add filter button

main
Kevin Hendrawan 2025-11-17 18:31:19 +07:00
parent 29f1c5fb66
commit 37468d417e
1 changed files with 55 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
Views/Main/Dashboard/Index.cshtml
View File

@ -16,8 +16,61 @@
<span class="bg-gradient-to-r from-[#089A7B] to-[#46C881] bg-clip-text text-2xl font-semibold text-transparent">Admin Dimas</span>
</div>
</div>
<div class="flex flex-col gap-2 md:flex-row md:justify-between md:gap-0 mt-2 mb-2">
<div class="h-6"></div>
<div class="h-6"></div>
<div class="flex gap-2">
<button class="btn btn-sm rounded-full bg-white" onclick="modal_filter.showModal()">
<i class="ph ph-funnel-simple"></i>
Filter
</button>
</div>
</div>
<!-- Modal Filter -->
<dialog id="modal_filter" class="modal modal-bottom sm:modal-middle">
<div class="modal-box w-full sm:max-w-sm">
<h3 class="text-lg font-bold">Filter</h3>
<form id="formFilter" onsubmit="applyFilter(event)">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Kota
</legend>
<select id="kabupaten" class="select w-full" required>
<option value="" disabled selected>Pilih salah satu</option>
<option value="Kota Adm Jakarta Timur">Kota Adm Jakarta Timur</option>
<option value="Kota Adm Jakarta Barat">Kota Adm Jakarta Barat</option>
<option value="Kota Adm Jakarta Selatan">Kota Adm Jakarta Selatan</option>
<option value="Kota Adm Jakarta Utara">Kota Adm Jakarta Utara</option>
<option value="Kota Adm Jakarta Pusat">Kota Adm Jakarta Pusat</option>
</select>
</fieldset>
<fieldset class="fieldset">
<legend class="fieldset-legend">Kecamatan</legend>
<select id="filterKecamatan" class="select w-full">
<option value="">Pilih salah satu</option>
</select>
</fieldset>
<fieldset class="fieldset">
<legend class="fieldset-legend">Kelurahan</legend>
<select id="filterKelurahan" class="select w-full">
<option value="">Pilih salah satu</option>
</select>
</fieldset>
<fieldset class="fieldset">
<legend class="fieldset-legend">Rukun Warga(RW)</legend>
<select id="filterRW" class="select w-full">
<option value="">Pilih salah satu</option>
</select>
</fieldset>
<div class="modal-action">
<button type="button" class="btn btn-outline rounded-full" onclick="modal_filter.close()">Reset</button>
<button type="submit" class="btn bg-bank-sampah-primary-500 rounded-full text-white">Terapkan</button>
</div>
</form>
</div>
</dialog>
<!-- /modal filter -->
<div class="grid grid-cols-1 gap-4 md:grid-cols-4">
<div class="card bg-gradient-to-tl from-[#88C293] to-[#247332] text-white">