120 lines
4.1 KiB
JavaScript

function initDt(selectDate = []){
datatablePekerjaan.bootstrapTable('destroy');
datatablePekerjaan.bootstrapTable({
url: "/dashboard/datatable/pekerjaan",
method:'get',
queryParams: function(params) {
params.tanggal = selectDate;
return params;
},
showColumns: true,
showColumnsToggleAll: true,
showRefresh: true,
sortable: true,
search: true,
searchOnEnterKey: false,
searchHighlight: true,
pagination: true,
serverSide:true,
pageSize: 10,
pageList: [10, 20, 30, 40, 50, 100, 200],
cookie: true,
cookieIdTable: "table_rma_ssc_id",
icons: {
refresh: "fas fa-sync-alt", // atau ganti ke icon lain
columns: "fas fa-th-large"
},
columns: [
{
title: "Action",
field:'order_id',
formatter: function(value, row) {
let buttons = ''
if(row?.status_order !== "Selesai"){
buttons += `
<button class="btn btn-sm btn-success me-2" onclick="approve(this)" data-id="${row.order_detail_id}" data-nama_pemesan="${row?.order?.nama_pemesan}" data-no_order="${row?.order?.no_order}" data-menu="${row?.menu?.nama_menu || row?.paket_menu?.nama_paket}" data-jenis_customer="${row?.order?.jenis_customer}" data-type="${row?.type}">
<i class="fa fa-check me-1"></i>
</button>
`
}
buttons += `
<button class="btn btn-sm btn-primary me-2" onclick="detailOrder(${row?.order_detail_id})">
<i class="fa-solid fa-circle-info"></i>
</button>
`
return `
<div class="d-flex space-x">
${buttons}
</div>
`;
}
},
{
title: "No.Order",
field: 'order.no_order',
sortable: true,
},
{
title: "Status",
field: 'order_detail_id',
sortable: true,
formatter: function(value, row) {
const status = row?.status_order;
let badgeClass = 'bg-secondary';
if (status === "Selesai") {
badgeClass = 'bg-success text-dark';
} else{
badgeClass = 'bg-primary';
}
return `
<span class="badge ${badgeClass} px-3 py-1">${status}</span>
`;
},
},
{
title: "Menu",
field: 'order_detail_id',
formatter:function(value, row){
return row?.menu?.nama_menu || row?.paket_menu?.nama_paket
},
sortable: true,
},
{
title: "Pemesan",
field:'order.nama_pemesan',
formatter: function(value, row){
return `<ul class="list-unstyled mb-0 text-nowrap;">
<li><i class="fa fa-user me-1 text-muted"></i> <strong> ${row?.order.nama_pemesan ?? '-'} </strong></li>
<li><i class="fa fa-tag me-1 text-muted"></i> ${row?.order?.jenis_customer ?? '-'}</li>
</ul>`
},
sortable: true,
},
{
title: "Tgl Antar",
field: 'tgl_antar',
},
{
title: "Waktu Pemesanan",
field: 'type',
sortable: true,
},
{
title: "Catatan",
field: 'catatan',
sortable: true,
},
],
});
}