slicing: add data sampah modal

main-dlh
Regiaaaaaa 2025-12-10 13:59:58 +07:00
parent 168b756200
commit fb66502f55
1 changed files with 53 additions and 0 deletions

View File

@ -97,6 +97,52 @@
</dialog> </dialog>
<!-- Data Sampah Modal -->
<dialog id="modalDataSampah" class="modal modal-bottom sm:modal-middle">
<div class="modal-box w-full sm:max-w-md">
<div class="flex items-start justify-between mb-2">
<div>
<h3 class="text-lg font-semibold">Data Sampah RW7</h3>
<p class="text-sm text-gray-500">Selasa, 09 September 2025</p>
</div>
<form method="dialog">
<button type="submit" class="btn btn-sm btn-circle btn-ghost">✕</button>
</form>
</div>
<div class="grid grid-cols-2 gap-4 mt-6">
<fieldset class="fieldset w-full">
<legend>Mudah Terurai (kg)</legend>
<input type="number" class="input w-full" placeholder="0" min="0" />
</fieldset>
<fieldset class="fieldset w-full">
<legend>Material Daur (kg)</legend>
<input type="number" class="input w-full" placeholder="0" min="0" />
</fieldset>
<fieldset class="fieldset w-full">
<legend>Residu (kg)</legend>
<input type="number" class="input w-full" placeholder="0" min="0" />
</fieldset>
<fieldset class="fieldset w-full">
<legend>E-Waste / B3 (kg)</legend>
<input type="number" class="input w-full" placeholder="0" min="0" />
</fieldset>
</div>
<div class="modal-action mt-6">
<button type="button" class="btn rounded-full" onclick="modalDataSampah.close()">
<span class="icon me-1">close</span>
Batalkan
</button>
<button id="BtnSimpanDataSampah" class="btn btn-primary rounded-full text-white">
<span class="icon me-1">save</span>
Simpan
</button>
</div>
</div>
</dialog>
<script src="/lib/jquery/jquery-3.7.1.js"></script> <script src="/lib/jquery/jquery-3.7.1.js"></script>
<script src="/lib/datatables/dataTables.js"></script> <script src="/lib/datatables/dataTables.js"></script>
<script src="/plugins/datatables/dataTables.tailwindcss.js"></script> <script src="/plugins/datatables/dataTables.tailwindcss.js"></script>
@ -180,6 +226,13 @@ $(document).ready(function () {
$('#BtnSimpanInput').on('click', function (e) { $('#BtnSimpanInput').on('click', function (e) {
e.preventDefault(); e.preventDefault();
modalDataSampah.showModal();
});
$('#BtnSimpanDataSampah').on('click', function (e) {
e.preventDefault();
modalDataSampah.close();
Swal.fire({ Swal.fire({
title: 'Simpan Input Checklist Rumah?', title: 'Simpan Input Checklist Rumah?',