Menambahkan log ketika di kirim surat tender dari setiap kjpp

This commit is contained in:
2024-11-20 17:35:06 +07:00
committed by putrakuningan
parent 7482ed67c6
commit 264642795d
7 changed files with 152 additions and 69 deletions

View File

@@ -24,7 +24,6 @@
const apiUrl = element.getAttribute('data-api-url');
const dataTableOptions = {
apiEndpoint: apiUrl,
pageSize: 5,
columns: {
no: {
title: 'No',
@@ -92,7 +91,31 @@
status: {
title: 'Status',
render: (item, data) => {
return `${data.emailTenderLog?.status ?? '-'}`
// Cek jika ada email log
if (data.penawaran.email_tender_log && data.penawaran.email_tender_log.length > 0) {
// Buat full string KJPP untuk matching
const kjppString = `${data.kjpp.code} | ${data.kjpp.name}`;
// Filter log berdasarkan string KJPP yang sesuai
const log = data.penawaran.email_tender_log.find(log =>
log.kjpp === kjppString
);
if (log) {
// Set warna badge berdasarkan status
const statusColors = {
'success': 'badge-success',
'failed': 'badge-danger'
};
const color = statusColors[log.status] || 'badge-secondary';
return `<span class="badge ${color} mb-1">${log.status}</span>`;
}
}
// Jika tidak ada log, tampilkan strip
return '<span class="badge">-</span>';
}
},
actions: {

View File

@@ -34,8 +34,7 @@
</div>
<div class="card-body grid gap-5">
<div class="grid">
<div class="card card-grid min-w-full" data-datatable="false" data-datatable-page-size="5"
id="kjpp-table"
<div class="card card-grid min-w-full" data-datatable="false" id="kjpp-table"
data-api-url="{{ route('tender.penawaran.showKirimSurat.datatables', $noreg) }}">
<div class="card-header py-5 flex-wrap">
<div class="card-title">
@@ -89,21 +88,6 @@
</table>
</div>
<div
class="card-footer justify-center md:justify-between flex-col md:flex-row gap-3 text-gray-600 text-2sm font-medium">
<div class="flex items-center gap-2">
Show
<select class="select select-sm w-16" data-datatable-size="true" name="perpage">
</select>
per page
</div>
<div class="flex items-center gap-4">
<span data-datatable-info="true"> </span>
<div class="pagination" data-datatable-pagination="true">
</div>
</div>
</div>
</div>
</div>
</div>