112 lines
4.0 KiB
Plaintext
112 lines
4.0 KiB
Plaintext
<div class="flex w-full flex-col items-end p-4">
|
|
<button onclick="modal_add_surat_usulan.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="tableSuratUsulan">
|
|
<thead>
|
|
<tr>
|
|
<th class="w-[5%]">No</th>
|
|
<th class="w-[50%]">Nama Surat</th>
|
|
<th class="w-[10%]">Tanggal Surat</th>
|
|
<th class="w-[10%]">File Upload</th>
|
|
<th class="w-[10%]">Status</th>
|
|
<th class="w-[15%]">Aksi</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<!--Modal Add Surat Usulan-->
|
|
<dialog id="modal_add_surat_usulan" class="modal">
|
|
<div class="modal-box relative w-full max-w-md rounded-2xl shadow-lg">
|
|
<!-- Close Button -->
|
|
<label onclick="modal_add_surat_usulan.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 Surat Usulan</h3>
|
|
|
|
<!-- Form -->
|
|
<form method="post" action="" class="gap-y-6">
|
|
<!-- 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>
|
|
|
|
<!-- Detail Usulan -->
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend">
|
|
Detail Usulan
|
|
</legend>
|
|
<textarea class="textarea h-24 w-full" placeholder="Detail Usulan"></textarea>
|
|
</fieldset>
|
|
|
|
<!-- Nomor Usulan -->
|
|
<fieldset class="fieldset">
|
|
<legend class="fieldset-legend">
|
|
Nomor Usulan
|
|
</legend>
|
|
<input type="number" class="input w-full" placeholder="Nomor Usulan" />
|
|
</fieldset>
|
|
|
|
<!-- Action Button -->
|
|
<div class="modal-action flex justify-end gap-3">
|
|
<button onclick="modal_add_surat_usulan.close()" type="button" class="btn btn-outline btn-sm">
|
|
<span class="icon me-1">cancel</span>
|
|
Batalkan
|
|
</button>
|
|
<button id="btnSimpanSuratUsulan" 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 () {
|
|
$('#btnSimpanSuratUsulan').on('click', function (e) {
|
|
e.preventDefault();
|
|
|
|
modal_add_surat_usulan.close();
|
|
|
|
Swal.fire({
|
|
title: 'Simpan Surat Susulan?',
|
|
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: 'Surat Susulan berhasil disimpan.',
|
|
icon: 'success',
|
|
confirmButtonText: 'OK',
|
|
confirmButtonColor: '#22c55e'
|
|
});
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script> |