148 lines
5.3 KiB
Plaintext
148 lines
5.3 KiB
Plaintext
<div class="flex w-full flex-col items-end p-4">
|
|
<button onclick="modal_add_lokasi.showModal()"
|
|
class="btn btn-primary w-32 rounded-full text-white">
|
|
<span class="icon icon-fill me-2">add</span>
|
|
Tambah
|
|
</button>
|
|
</div>
|
|
<div class="overflow-x-auto">
|
|
<table class="table-zebra table w-full text-sm" id="tableLokasi">
|
|
<thead>
|
|
<tr>
|
|
<th class="w-[5%]">No</th>
|
|
<th class="w-[10%]">Usulan</th>
|
|
<th class="w-[20%]">Alamat Lokasi</th>
|
|
<th class="w-[10%]">Status Lahan</th>
|
|
<th class="w-[20%]">Pemilik Lahan</th>
|
|
<th class="w-[10%]">Luas Lahan</th>
|
|
<th class="w-[10%]">Status Usulan</th>
|
|
<th class="w-[15%] text-center">Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<!--Modal Add Lokasi-->
|
|
<dialog id="modal_add_lokasi" class="modal">
|
|
<div class="modal-box relative w-full max-w-md rounded-2xl shadow-lg">
|
|
<!-- Close Button -->
|
|
<label onclick="modal_add_lokasi.close()"
|
|
class="btn btn-sm btn-circle btn-ghost absolute top-3 right-3">
|
|
✕
|
|
</label>
|
|
|
|
<!-- Header -->
|
|
<h3 class="mb-5 text-lg font-semibold text-gray-800">Tambah Lokasi</h3>
|
|
|
|
<!-- Form -->
|
|
<form id="formTambahLokasi" class="space-y-4">
|
|
<!-- Jenis Usulan -->
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend">
|
|
Jenis Usulan
|
|
</legend>
|
|
<select class="select w-full">
|
|
<option value="">Pilih jenis usulan</option>
|
|
<option value="TP3SR">TP3SR</option>
|
|
<option value="Parkir Pengumpulan">Parkir Pengumpulan</option>
|
|
</select>
|
|
</fieldset>
|
|
|
|
<!-- Alamat -->
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend">
|
|
Alamat
|
|
</legend>
|
|
<textarea class="textarea h-24 w-full" placeholder="Alamat"></textarea>
|
|
</fieldset>
|
|
|
|
<!-- Nama Pemilik -->
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend">
|
|
Nama Pemilik Lahan
|
|
</legend>
|
|
<input type="text" class="input w-full" placeholder="Nama Pemilik Lahan" />
|
|
</fieldset>
|
|
|
|
<!-- Status & Luas Lahan -->
|
|
<div class="grid grid-cols-2 gap-3">
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend">
|
|
Status Lahan
|
|
</legend>
|
|
<select class="select">
|
|
<option value="">Pilih status lahan</option>
|
|
<option value="Milik Pemda">Milik Pemda</option>
|
|
<option value="Milik Warga">Milik Warga</option>
|
|
<option value="Sewa">Sewa</option>
|
|
</select>
|
|
</fieldset>
|
|
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend">
|
|
Luas Lahan
|
|
</legend>
|
|
<input type="number" class="input" placeholder="Luas Lahan" />
|
|
</fieldset>
|
|
</div>
|
|
|
|
<!-- Keterangan -->
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend">
|
|
Keterangan
|
|
</legend>
|
|
<textarea class="textarea h-24 w-full" placeholder="Keterangan"></textarea>
|
|
</fieldset>
|
|
|
|
<!-- Action Button -->
|
|
<div class="modal-action mt-6 flex justify-end gap-3">
|
|
<button onclick="modal_add_lokasi.close()" type="button" class="btn btn-outline btn-sm">
|
|
<span class="icon me-1">cancel</span>
|
|
Batalkan
|
|
</button>
|
|
<button id="btnSimpanLokasi" type="submit" class="btn btn-primary btn-sm text-white">
|
|
<span class="icon me-1">save</span>
|
|
Simpan
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</dialog>
|
|
|
|
<script src="/lib/jquery/jquery-3.7.1.js"></script>
|
|
<script src="/lib/sweetalert2/sweetalert2-11.26.4.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
$('#btnSimpanLokasi').on('click', function (e) {
|
|
e.preventDefault();
|
|
|
|
modal_add_lokasi.close();
|
|
|
|
Swal.fire({
|
|
title: 'Simpan Lokasi?',
|
|
text: "Pastikan semua data sudah benar.",
|
|
icon: 'question',
|
|
showCancelButton: true,
|
|
confirmButtonColor: '#22c55e',
|
|
cancelButtonColor: '#6b7280',
|
|
confirmButtonText: 'Simpan',
|
|
cancelButtonText: 'Batal'
|
|
}).then((result) => {
|
|
|
|
if (result.isConfirmed) {
|
|
Swal.fire({
|
|
title: 'Berhasil!',
|
|
text: 'Lokasi berhasil disimpan.',
|
|
icon: 'success',
|
|
confirmButtonText: 'OK',
|
|
confirmButtonColor: '#22c55e'
|
|
});
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script>
|