feat(DataOfftaker): add validation button and add 'Belum Disetujui' status

main
Kevin Hendrawan 2025-11-20 00:53:13 +07:00
parent b34287af5b
commit 57f82200ca
2 changed files with 150 additions and 18 deletions

View File

@ -21,9 +21,9 @@ namespace BankSampahApp.Controllers.Main
kecamatan = "Cipayung", kecamatan = "Cipayung",
status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>", status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" + "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>", "</div>",
}, },
new { new {
nama = "Siti Nurhaliza", nama = "Siti Nurhaliza",
@ -31,9 +31,9 @@ namespace BankSampahApp.Controllers.Main
kecamatan = "Matraman", kecamatan = "Matraman",
status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>", status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" + "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>", "</div>",
}, },
new { new {
nama = "Budi Santoso", nama = "Budi Santoso",
@ -41,9 +41,9 @@ namespace BankSampahApp.Controllers.Main
kecamatan = "Kramat Jati", kecamatan = "Kramat Jati",
status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>", status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" + "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>", "</div>",
}, },
new { new {
nama = "Nina Sari", nama = "Nina Sari",
@ -51,9 +51,9 @@ namespace BankSampahApp.Controllers.Main
kecamatan = "Pulogadung", kecamatan = "Pulogadung",
status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>", status= "<div class=\"badge badge-success badge-soft rounded-full\">Disetujui</div>",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" + "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>", "</div>",
}, },
new { new {
nama = "Dewi Lestari", nama = "Dewi Lestari",
@ -61,9 +61,9 @@ namespace BankSampahApp.Controllers.Main
kecamatan = "Cakung", kecamatan = "Cakung",
status= "<div class=\"badge badge-error badge-soft rounded-full\">Tidak Disetujui</div>", status= "<div class=\"badge badge-error badge-soft rounded-full\">Tidak Disetujui</div>",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" + "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>", "</div>",
}, },
new { new {
nama = "Rudi Hartono", nama = "Rudi Hartono",
@ -71,12 +71,65 @@ namespace BankSampahApp.Controllers.Main
kecamatan = "Jatinegara", kecamatan = "Jatinegara",
status= "<div class=\"badge badge-error badge-soft rounded-full\">Tidak Disetujui</div>", status= "<div class=\"badge badge-error badge-soft rounded-full\">Tidak Disetujui</div>",
aksi = "<div class=\"flex gap-2\">" + aksi = "<div class=\"flex gap-2\">" +
"<a href=\"#\" class=\"btn btn-circle btn-warning text-white btn-sm\"><i class=\"ph ph-note-pencil\"></i></a>" + "<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" + "<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>", "</div>",
},
// Tambahan 5 data baru
new {
nama = "Fajar Ramadhan",
kabupaten = "Kota Adm Jakarta Timur",
kecamatan = "Duren Sawit",
status= "<div class=\"badge badge-warning badge-soft rounded-full\">Belum Disetujui</div>",
aksi = "<div class=\"flex gap-2\">" +
"<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>",
},
new {
nama = "Rina Oktaviani",
kabupaten = "Kota Adm Jakarta Timur",
kecamatan = "Makassar",
status= "<div class=\"badge badge-warning badge-soft rounded-full\">Belum Disetujui</div>",
aksi = "<div class=\"flex gap-2\">" +
"<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>",
},
new {
nama = "Tono Wijaya",
kabupaten = "Kota Adm Jakarta Timur",
kecamatan = "Ciracas",
status= "<div class=\"badge badge-warning badge-soft rounded-full\">Belum Disetujui</div>",
aksi = "<div class=\"flex gap-2\">" +
"<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>",
},
new {
nama = "Lilis Mawarni",
kabupaten = "Kota Adm Jakarta Timur",
kecamatan = "Pasar Rebo",
status= "<div class=\"badge badge-warning badge-soft rounded-full\">Belum Disetujui</div>",
aksi = "<div class=\"flex gap-2\">" +
"<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>",
},
new {
nama = "Yusuf Mahendra",
kabupaten = "Kota Adm Jakarta Timur",
kecamatan = "Cilangkap",
status= "<div class=\"badge badge-warning badge-soft rounded-full\">Belum Disetujui</div>",
aksi = "<div class=\"flex gap-2\">" +
"<a href=\"javascript:void(0)\" class=\"btn btn-circle btn-success text-white btn-sm\"><i class=\"ph ph-check\"></i></a>" +
"<a href=\"#\" class=\"btn btn-circle btn-error delete text-white btn-sm\"><i class=\"ph ph-trash\"></i></a>" +
"</div>",
}, },
}; };
var response = new var response = new
{ {
data = data data = data

View File

@ -114,6 +114,7 @@
<option value="" disabled selected>Pilih status</option> <option value="" disabled selected>Pilih status</option>
<option value="Disetujui">Disetujui</option> <option value="Disetujui">Disetujui</option>
<option value="Tidak Disetujui">Tidak Disetujui</option> <option value="Tidak Disetujui">Tidak Disetujui</option>
<option value="Belum Disetujui">Belum Disetujui</option>
</select> </select>
</fieldset> </fieldset>
</div> </div>
@ -243,6 +244,84 @@
}); });
}); });
$('#example').on('click', '.btn-circle.btn-success', function (e) {
Swal.fire({
title: 'Validasi Data Offtaker',
html: `
<div class="text-left text-sm leading-relaxed">
<p><strong>Nama Offtaker:</strong> BPS11</p>
<p><strong>Email:</strong> bps11@gmail.com</p>
<p><strong>Nomor HP:</strong> 0813191501974</p>
<hr class="my-3">
<p><strong>Provinsi:</strong> DKI JAKARTA</p>
<p><strong>Kota:</strong> KOTA ADM. JAKARTA TIMUR</p>
<p><strong>Kecamatan:</strong> KRAMATJATI</p>
<p><strong>Kelurahan:</strong> KRAMATJATI</p>
<hr class="my-3">
<p><strong>Alamat:</strong> jalan dato tonggara V</p>
<p><strong>RT / RW:</strong> 016 / 011</p>
<p><strong>Kode Pos:</strong> 13510</p>
<p><strong>Status:</strong> Disetujui</p>
</div>
`,
icon: 'question',
showCancelButton: true,
showDenyButton: true,
confirmButtonText: 'Setujui Data',
denyButtonText: 'Tolak Data',
cancelButtonText: 'Batal',
buttonsStyling: false,
customClass: {
confirmButton: 'btn bg-bank-sampah-primary-500 rounded-full text-white',
denyButton: 'btn bg-red-500 text-white hover:bg-red-600 px-4 py-2 rounded-full mr-2',
cancelButton: 'btn bg-white text-gray-500 hover:bg-gray-50 px-4 py-2 rounded-full border border-gray-300'
},
}).then((result) => {
// APPROVE
if (result.isConfirmed) {
Swal.fire({
icon: 'success',
title: 'Sukses!',
text: 'Data berhasil di setujui.',
timer: 1000,
showConfirmButton: false
});
}
// REJECT → open reason form
else if (result.isDenied) {
Swal.fire({
title: 'Alasan Penolakan',
input: 'textarea',
inputPlaceholder: 'Masukkan keterangan mengapa data ditolak...',
inputAttributes: {
'aria-label': 'Reason'
},
showCancelButton: true,
confirmButtonText: 'Ya, Tolak',
cancelButtonText: 'Batal',
buttonsStyling: false,
customClass: {
confirmButton: 'btn bg-red-500 text-white hover:bg-red-600 px-4 py-2 rounded-full mr-2',
cancelButton: 'btn bg-white text-gray-500 hover:bg-gray-50 px-4 py-2 rounded-full border border-gray-300',
},
}).then((reasonResult) => {
if (reasonResult.isConfirmed) {
Swal.fire({
icon: 'success',
title: 'Sukses!',
text: 'Data berhasil di tolak.',
timer: 1000,
showConfirmButton: false
});
}
});
}
});
});
function closeModal() { function closeModal() {
// Reset form // Reset form
$('#formTambah')[0].reset(); $('#formTambah')[0].reset();