fix: Adjustments to the checkbox box, checkbox position, and success alert
parent
fb814270e9
commit
7def029774
|
|
@ -22,7 +22,7 @@
|
|||
<span class="icon">arrow_back</span>
|
||||
Kembali
|
||||
</a>
|
||||
<button type="button" class="btn btn-primary rounded-full text-white border-0">
|
||||
<button id="BtnVerifikasi" class="btn btn-primary rounded-full text-white border-0">
|
||||
<span class="icon icon-fill me-2">check_circle</span>
|
||||
Verifikasi
|
||||
</button>
|
||||
|
|
@ -66,10 +66,10 @@
|
|||
<th class="w-[5%]">No</th>
|
||||
<th class="w-[35%]">Alamat Rumah</th>
|
||||
<th class="w-[8%]">RW</th>
|
||||
<th class="w-[10%]">Mudah Terurai</th>
|
||||
<th class="w-[10%]">Material Daur</th>
|
||||
<th class="w-[8%]">B3</th>
|
||||
<th class="w-[10%]">Residu</th>
|
||||
<th class="w-[10%] text-center">Mudah Terurai</th>
|
||||
<th class="w-[10%] text-center">Material Daur</th>
|
||||
<th class="w-[8%] text-center">B3</th>
|
||||
<th class="w-[10%] text-center">Residu</th>
|
||||
<th class="w-[14%]">Photo</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
|
@ -99,6 +99,7 @@
|
|||
<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
|
||||
<script src="https://cdn.datatables.net/2.3.4/js/dataTables.js"></script>
|
||||
<script src="/plugins/datatables/dataTables.tailwindcss.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
|
|
@ -115,19 +116,31 @@
|
|||
{ data: 'rw' },
|
||||
{
|
||||
data: 'mudah_terurai',
|
||||
render: (value) => value ? '<input type="checkbox" checked="checked" class="checkbox checkbox-success checked:text-white" disabled />' : '<input type="checkbox" class="checkbox" disabled />'
|
||||
className: '!align-middle !text-center',
|
||||
render: (value) => value
|
||||
? '<input type="checkbox" checked class="checkbox checkbox-success text-white" disabled />'
|
||||
: '<input type="checkbox" class="checkbox" disabled />'
|
||||
},
|
||||
{
|
||||
data: 'material_daur',
|
||||
render: (value) => value ? '<input type="checkbox" checked="checked" class="checkbox checkbox-success checked:text-white" disabled />' : '<input type="checkbox" class="checkbox" disabled />'
|
||||
className: '!align-middle !text-center',
|
||||
render: (value) => value
|
||||
? '<input type="checkbox" checked class="checkbox checkbox-success text-white" disabled />'
|
||||
: '<input type="checkbox" class="checkbox" disabled />'
|
||||
},
|
||||
{
|
||||
data: 'b3',
|
||||
render: (value) => value ? '<input type="checkbox" checked="checked" class="checkbox checkbox-success checked:text-white" disabled />' : '<input type="checkbox" class="checkbox" disabled />'
|
||||
className: '!align-middle !text-center',
|
||||
render: (value) => value
|
||||
? '<input type="checkbox" checked class="checkbox checkbox-success" disabled />'
|
||||
: '<input type="checkbox" class="checkbox" disabled />'
|
||||
},
|
||||
{
|
||||
data: 'residu',
|
||||
render: (value) => value ? '<input type="checkbox" checked="checked" class="checkbox checkbox-success checked:text-white" disabled />' : '<input type="checkbox" class="checkbox" disabled />'
|
||||
className: '!align-middle !text-center',
|
||||
render: (value) => value
|
||||
? '<input type="checkbox" checked class="checkbox checkbox-success text-white" disabled />'
|
||||
: '<input type="checkbox" class="checkbox" disabled />'
|
||||
},
|
||||
{ data: 'photo' }
|
||||
]
|
||||
|
|
@ -136,5 +149,34 @@
|
|||
$(document).on('click', '.btn-lihat-gambar', function() {
|
||||
modal_image.showModal();
|
||||
});
|
||||
|
||||
$('#BtnVerifikasi').on('click', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
Swal.fire({
|
||||
title: 'Verifikasi Checklist Harian?',
|
||||
text: "Pastikan semua data pada checklist ini sudah benar.",
|
||||
icon: 'question',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#22c55e',
|
||||
cancelButtonColor: '#6b7280',
|
||||
confirmButtonText: 'Verifikasi',
|
||||
cancelButtonText: 'Batal'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
|
||||
Swal.fire({
|
||||
title: 'Berhasil Diverifikasi!',
|
||||
text: 'Checklist Harian berhasil diverifikasi.',
|
||||
icon: 'success',
|
||||
confirmButtonText: 'OK',
|
||||
confirmButtonColor: '#22c55e'
|
||||
}).then(() => {
|
||||
window.location.href = '/DataVerifikasiChecklistHarian/Index';
|
||||
});
|
||||
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Loading…
Reference in New Issue