banksampah
/
bps-rw
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: add filter

main-dlh
Yuri Dimas 2025-11-18 13:57:16 +07:00
parent a71f21f37b
commit 6a7fca4d36
No known key found for this signature in database
GPG Key ID: 9FD7E44BC294C68C
1 changed files with 37 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
Views/DataKecamatanRumahMemilah/Index.cshtml
View File

@ -15,13 +15,47 @@
<h3 class="mb-2">Rumah Memilah</h3> <h3 class="mb-2">Rumah Memilah</h3>
</div> </div>
<div class="justify-self-end lg:self-center"> <div class="justify-self-end lg:self-center">
<a class="btn rounded-full bg-white" href="#"> <button class="btn rounded-full bg-white" onclick="modal_filter.showModal()">
<span class="icon icon-fill me-2">filter_list</span> <span class="icon icon-fill me-2">filter_list</span>
Filter Filter
</a> </button>
</div> </div>
</div> </div>
<!-- Filter Modal -->
<dialog id="modal_filter" class="modal modal-bottom sm:modal-middle">
<div class="modal-box w-full sm:max-w-sm">
<div class="flex items-center justify-between">
<h3 class="text-lg font-bold">Filter</h3>
<button type="button" class="btn btn-sm btn-circle btn-ghost" onclick="modal_filter.close()">✕</button>
</div>
<form action="#" method="get">
<fieldset class="fieldset max-w-sm">
<legend class="fieldset-legend">Kecamatan</legend>
<select class="select w-full">
<option disabled selected>Pilih Kecamatan</option>
</select>
</fieldset>
<fieldset class="fieldset max-w-sm">
<legend class="fieldset-legend">Kelurahan</legend>
<select class="select w-full">
<option disabled selected>Pilih Kelurahan</option>
</select>
</fieldset>
<fieldset class="fieldset max-w-sm">
<legend class="fieldset-legend">RW</legend>
<select class="select w-full">
<option disabled selected>Pilih RW</option>
</select>
</fieldset>
<div class="modal-action">
<button type="button" class="btn rounded-full" onclick="modal_filter.close()">Bersihkan</button>
<button type="submit" class="btn btn-primary rounded-full text-white">Terapkan Filter</button>
</div>
</form>
</div>
</dialog>
<div class="h-8"></div> <div class="h-8"></div>
<div class="card bg-white shadow-sm"> <div class="card bg-white shadow-sm">