feat(ReduksiSampah) : add button download and button filter
parent
047430e686
commit
b4dee2e7f0
|
|
@ -8,8 +8,40 @@
|
||||||
Reduksi Sampah
|
Reduksi Sampah
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="flex gap-2">
|
||||||
|
<button type="button" class="btn btn-sm bg-bank-sampah-primary-500 rounded-full text-white">Downloads</button>
|
||||||
|
<button class="btn btn-sm rounded-full bg-white" onclick="modal_filter.showModal()">
|
||||||
|
<i class="ph ph-funnel-simple"></i>
|
||||||
|
Filter
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</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">Periiode Bulan</legend>
|
||||||
|
<input type="date" id="periode_bulan" class="input w-full" />
|
||||||
|
</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>
|
||||||
|
|
||||||
|
<div class="modal-action">
|
||||||
|
<button type="button" class="btn btn-outline rounded-full" onclick="modal_filter.close()">Tutup</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="h-6"></div>
|
<div class="h-6"></div>
|
||||||
|
|
||||||
<div class="card bg-white shadow-sm">
|
<div class="card bg-white shadow-sm">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue