feat: add modal filter

main-dlh
Regiaaaaaa 2025-12-01 15:13:29 +07:00 committed by Yuri Dimas
parent cc061acd7e
commit f233df860a
No known key found for this signature in database
GPG Key ID: 9FD7E44BC294C68C
1 changed files with 45 additions and 0 deletions

View File

@ -19,9 +19,54 @@
<span class="icon me-2">add</span>
Tambah
</a>
<button class="btn rounded-full bg-white" onclick="modal_filter.showModal()">
<span class="icon icon-fill me-2">filter_list</span>
Filter
</button>
</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 mb-4">
<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 id="filterForm">
<!-- Tahun -->
<fieldset class="fieldset max-w-sm">
<legend class="fieldset-legend">Tahun</legend>
<select id="tahunSelect" class="select w-full">
<option disabled selected>Pilih Tahun</option>
<option>2025</option>
<option>2024</option>
<option>2023</option>
</select>
</fieldset>
<!-- Status -->
<fieldset class="fieldset mt-4">
<legend class="fieldset-legend">Status</legend>
<select id="statusSelect" class="select w-full">
<option disabled selected>Pilih Status</option>
<option value="verifikasi">Verifikasi</option>
<option value="belum">Belum Verifikasi</option>
</select>
</fieldset>
<div class="modal-action">
<button type="button" class="btn" onclick="modal_filter.close()">Bersihkan</button>
<button type="submit" class="btn btn-neutral">Terapkan Filter</button>
</div>
</form>
</div>
</dialog>
<div class="card bg-white shadow-sm">
<div class="card-body p-0">
<table class="table w-full" id="tableRw">