142 lines
5.9 KiB
JavaScript
142 lines
5.9 KiB
JavaScript
|
|
datatablePending.bootstrapTable({
|
|
url: "/dashboard/datatable/pending",
|
|
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 === "Dibatalkan") return ''
|
|
if(row?.status_order === "Menunggu Konfirmasi Pembayaran"){
|
|
buttons += `
|
|
<button class="btn btn-sm btn-success me-2" onclick="approveOrder(this)" data-order_id="${row.order_id}" data-nama_pemesan="${row?.nama_pemesan}" data-no_order="${row?.no_order}" data-bukti_bayar="${row?.bukti_pembayaran}" data-jenis_customer="${row?.jenis_customer}">
|
|
<i class="fa fa-check me-1"></i>
|
|
</button>
|
|
`
|
|
}
|
|
if(row?.status_order !== "Lunas"){
|
|
buttons += `
|
|
<button class="btn btn-sm btn-danger me-2" onclick="rejectOrder(this)"
|
|
data-order_id="${row.order_id}" data-nama_pemesan="${row?.nama_pemesan}" data-no_order="${row?.no_order}" data-bukti_bayar="${row?.bukti_pembayaran}" data-jenis_customer="${row?.jenis_customer}">
|
|
<i class="fa fa-times me-1"></i>
|
|
</button>
|
|
`
|
|
}
|
|
|
|
if(row?.status_order === "Menunggu Konfirmasi Pembayaran Via Billing"){
|
|
buttons += `
|
|
<button class="btn btn-sm btn-info me-2" onclick="AdminApproved(this)"
|
|
data-order_id="${row.order_id}" data-nama_pemesan="${row?.nama_pemesan}" data-no_order="${row?.no_order}" data-jenis_customer="${row?.jenis_customer}">
|
|
<i class="fa-solid fa-person-circle-check"></i>
|
|
</button>
|
|
`
|
|
}
|
|
if(row?.status_order === "Lunas"){
|
|
buttons += `
|
|
<button class="btn btn-sm btn-warning text-dark" onclick="approveProgress('${row.order_id}')">
|
|
<i class="fa fa-utensils me-1"></i>
|
|
</button>
|
|
`
|
|
}
|
|
|
|
return `
|
|
<div class="d-flex space-x">
|
|
${buttons}
|
|
</div>
|
|
`;
|
|
}
|
|
},
|
|
|
|
{
|
|
title: "No.Order",
|
|
field: 'no_order',
|
|
sortable: true,
|
|
},
|
|
{
|
|
title: "Status Pembayaran",
|
|
field: 'status_order',
|
|
sortable: true,
|
|
formatter: function(value, row) {
|
|
const status = value;
|
|
let badgeClass = 'bg-secondary';
|
|
if (status === "Belum Bayar") {
|
|
badgeClass = 'bg-warning text-dark';
|
|
} else if (status === "Menunggu Konfirmasi Pembayaran") {
|
|
badgeClass = 'bg-primary';
|
|
} else if (status === "Lunas" || status === "Sudah Bayar") {
|
|
badgeClass = 'bg-success text-dark';
|
|
} else if(status === "Dibatalkan"){
|
|
badgeClass = 'bg-danger';
|
|
}
|
|
return `
|
|
<span class="badge ${badgeClass} px-3 py-1">${status}</span>
|
|
${status === 'Dibatalkan' && row.note_dibatalkan ? `
|
|
<div class="text-danger small mt-1">
|
|
<i class="fa fa-info-circle"></i> ${row.note_dibatalkan}
|
|
</div>
|
|
` : ''}
|
|
`;
|
|
}
|
|
},
|
|
{
|
|
title: "Status Pesanan",
|
|
formatter: function(value, row) {
|
|
const progress = parseInt(row.progress) || 0;
|
|
const total = row.total_detail || 0;
|
|
const selesai = row.selesai_detail || 0;
|
|
|
|
return `
|
|
<div class="text-center">
|
|
<div class="progress" style="height: 18px;">
|
|
<div class="progress-bar bg-success" role="progressbar"
|
|
style="width: ${progress}%;"
|
|
aria-valuenow="${progress}" aria-valuemin="0" aria-valuemax="100">
|
|
${progress}%
|
|
</div>
|
|
</div>
|
|
<small class="text-muted">${selesai} / ${total} selesai</small>
|
|
</div>
|
|
`;
|
|
},
|
|
sortable: true,
|
|
},
|
|
{
|
|
title: "Pemesan",
|
|
field:'nama_pemesan',
|
|
sortable: true,
|
|
},
|
|
{
|
|
title: "Kategori Customer",
|
|
field: 'jenis_customer',
|
|
sortable: true,
|
|
},
|
|
{
|
|
title: "Total Harga Pesanan",
|
|
field:'total_harga',
|
|
formatter: function(value, row){
|
|
return 'Rp ' + parseInt(row.total_harga).toLocaleString('id-ID')
|
|
}
|
|
}
|
|
|
|
],
|
|
});
|