$(document).ready(function() {
var table = $('#verify-table').DataTable ({
processing: false,
serverSide: false,
paging: false,
order: [],
searching: false,
lengthMenu: [20],
ajax: $('#verify-table').data('url'),
columns: [
{ data: 'DT_RowIndex',
name: 'DT_RowIndex',
orderable: false
},
{
data: 'id',
name: 'id',
class: 'text-center'
},
{
data: 'no_pol',
name: 'no_pol',
class: 'text-center',
},
{
data: 'jenis_mobil',
name: 'jenis_mobil',
class: 'text-center',
},
{
data: 'waktu_masuk',
name: 'waktu_masuk',
class: 'text-center',
render: function(data, type, row) {
return moment(data).format("DD-MM-YYYY HH:mm:ss")
}
},
{
data: 'waktu_keluar',
name: 'waktu_keluar',
class: 'text-center',
render: function(data, type, row) {
return moment(data).format("DD-MM-YYYY HH:mm:ss")
}
},
{
data: 'id_pintu_masuk',
name: 'id_pintu_masuk',
class: 'text-center'
},
{
data: 'out_gate',
name: 'out_gate',
class: 'text-center'
},
{
data: 'status',
name: 'status',
render: function (data, type, row) {
if (data === 1) {
return 'Pending';
} else {
return '';
}
},
class: 'text-center',
},
// { data: 'id', name: 'id' },
{
data: 'id',
render: function(data, type, row) {
return `
`;
//
//
},
class: 'text-center'
}
],
columnDefs: [
{
targets: '_all', // Mengatur semua kolom
orderable: false // Tidak bisa diurutkan
}
]
});
$('#verify-table tbody').on('click', '.view-images', function() {
var id = $(this).data('id');
var no_pol = $(this).data('no_pol');
console.log(no_pol);
$.ajax({
// url: '/verify/' + id,
url: '/verify/show',
type: 'POST',
data: {
id: id,
no_pol: no_pol,
_token: $('meta[name="csrf-token"]').attr('content')
},
success: function(response) {
console.log(response);
if (response.pic_masuk && response.pic_masuk !== '') {
$('#pic_body_masuk').attr('src', 'data:image/jpeg;base64,' + response.pic_masuk).show();
} else {
$('#pic_body_masuk').attr('src', '/images/no-image.jpeg').show();
}
if (response.driver_masuk && response.driver_masuk !== '') {
$('#pic_driver_masuk').attr('src', 'data:image/jpeg;base64,' + response.driver_masuk).show();
} else {
$('#pic_driver_masuk').attr('src', '/images/no-image.jpeg').show();
}
if (response.pic_keluar && response.pic_keluar !== '') {
$('#pic_body_keluar').attr('src', 'data:image/jpeg;base64,' + response.pic_keluar).show();
// $('#pic_body_keluar').attr('src', imgData).show();
} else {
$('#pic_body_keluar').attr('src', '/images/no-image.jpeg').show();
}
if (response.driver_keluar && response.driver_keluar !== '') {
$('#pic_driver_keluar').attr('src', 'data:image/jpeg;base64,' + response.driver_keluar).show();
} else {
$('#pic_driver_keluar').attr('src', '/images/no-image.jpeg').show();
}
// $('#pic_body_masuk').attr('src', 'data:image/jpeg;base64,' + response.pic_masuk).show();
// $('#time-in').text('Jam masuk : ' + data.waktu_masuk).show();
},
error: function(xhr, status, error) {
console.log(status, error);
alert('Gagal mengambil data gambar');
}
});
});
// $('#verify-table tbody').on('click', '.verify-data', function() {
$('#verify-table tbody').on('click', '.verify-data, .remove-item', function() {
var id = $(this).data('id');
var no_pol = $(this).data('no_pol');
// var veriCheckValue = $(this).hasClass('verify-data') ? 2 : 0;
var veriCheckValue;
if ($(this).hasClass('verify-data')) {
veriCheckValue = 2;
} else if ($(this).hasClass('remove-item')) {
veriCheckValue = 0;
}
console.log(id, no_pol, veriCheckValue);
$.ajax({
url: '/verify/' + id,
type: 'PUT', // Sesuaikan dengan metode HTTP yang Anda gunakan untuk update
data: {
// Data yang dikirim untuk update, sesuaikan dengan kebutuhan Anda
// Misalnya:
// status: 'verified',
// veri_check: 2,
veri_check: veriCheckValue,
no_pol: no_pol,
// _token: '{{ csrf_token() }}' // Token CSRF untuk keamanan
_token: $('meta[name="csrf-token"]').attr('content')
},
success: function(data) {
var message = veriCheckValue === 2 ? 'Data berhasil diverifikasi' : 'Kendaran tidak sesuai';
// alert(message);
// alert('Data berhasil diverifikasi');
// Bisa tambahkan logika untuk refresh tabel atau mengupdate tampilan
table.ajax.reload(null, false); // Reload data table tanpa mereset pagination
},
error: function() {
alert('Gagal memverifikasi data');
}
});
});
function refreshTable() {
table.ajax.reload(null, false); // Mengambil data baru tanpa reset paging
}
setInterval(refreshTable, 5000);
// Menambahkan event listener untuk row click
// $('#verify-table tbody').on('click', 'tr', function() {
// var data = table.row(this).data();
// console.log (data);
// if (data) {
// $.ajax({
// url: '/verify/' + data.id,
// // type: 'GET',
// success: function(response) {
// // Menampilkan card-body saat data ditemukan
// $('.card-body').slideDown();
// }
// });
// }
// });
});