feat(validation button): add dialog approval and reason modal
parent
59fc3d18c9
commit
a44a39565e
|
|
@ -200,6 +200,67 @@
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$('#example').on('click', '.btn-circle.btn-success', function (e) {
|
||||||
|
Swal.fire({
|
||||||
|
title: 'Validasi Data Bank Sampah',
|
||||||
|
text: 'Silakan pilih tindakan untuk data bank sampah yang sedang diperiksa.',
|
||||||
|
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();
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue