Tambah Kolom Dokumen Persetujuan dan Proses Data
Menambahkan kolom baru "Dokumen Persetujuan" pada tampilan tabel persetujuan penawaran untuk dapat mengunduh dokumen terkait. Juga menambahkan fungsi JavaScript "prosesData" yang menggunakan Swal untuk konfirmasi persetujuan atau pengembalian data penawaran untuk dikaji ulang. Fungsi render untuk beberapa kolom diperbarui untuk menampilkan data dengan format yang lebih sesuai.
This commit is contained in:
@@ -49,6 +49,10 @@
|
|||||||
<span class="sort"> <span class="sort-label"> Tanggal Proposal </span>
|
<span class="sort"> <span class="sort-label"> Tanggal Proposal </span>
|
||||||
<span class="sort-icon"> </span> </span>
|
<span class="sort-icon"> </span> </span>
|
||||||
</th>
|
</th>
|
||||||
|
<th class="min-w-[150px]" data-datatable-column="dokumen_persetujuan">
|
||||||
|
<span class="sort"> <span class="sort-label"> Dokumen Persetujuan </span>
|
||||||
|
<span class="sort-icon"> </span> </span>
|
||||||
|
</th>
|
||||||
<th class="min-w-[150px]" data-datatable-column="biaya_final">
|
<th class="min-w-[150px]" data-datatable-column="biaya_final">
|
||||||
<span class="sort"> <span class="sort-label"> Biaya Final </span>
|
<span class="sort"> <span class="sort-label"> Biaya Final </span>
|
||||||
<span class="sort-icon"> </span> </span>
|
<span class="sort-icon"> </span> </span>
|
||||||
@@ -75,6 +79,43 @@
|
|||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
@push('scripts')
|
@push('scripts')
|
||||||
|
<script type="text/javascript">
|
||||||
|
function prosesData(data) {
|
||||||
|
Swal.fire({
|
||||||
|
title: 'Persetujuan Penawaran',
|
||||||
|
text: "Apakah Anda yakin ingin menyetujui data penawaran ini?",
|
||||||
|
icon: 'info',
|
||||||
|
showCancelButton: true,
|
||||||
|
confirmButtonColor: '#3085d6',
|
||||||
|
cancelButtonColor: '#d33',
|
||||||
|
confirmButtonText: 'Ya',
|
||||||
|
cancelButtonText: 'Tidak'
|
||||||
|
}).then((result) => {
|
||||||
|
if (result.isConfirmed) {
|
||||||
|
window.location.href = `persetujuan-penawaran/${data}/edit`;
|
||||||
|
} else if (result.isCancelled) {
|
||||||
|
$.ajaxSetup({
|
||||||
|
headers: {
|
||||||
|
'X-CSRF-TOKEN': '{{ csrf_token() }}'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$.ajax(`persetujuan-penawaran/${data}`, {
|
||||||
|
type: 'GET',
|
||||||
|
data: {'status': 'tender'}
|
||||||
|
}).then((response) => {
|
||||||
|
swal.fire('Success!', 'Data Persetujuan telah dikembalikan untuk di kaji ulang', 'success').then(() => {
|
||||||
|
window.location.reload();
|
||||||
|
});
|
||||||
|
}).catch((error) => {
|
||||||
|
console.error('Error:', error);
|
||||||
|
Swal.fire('Error!', 'An error occurred while deleting the file.', 'error');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
<script type="module">
|
<script type="module">
|
||||||
const element = document.querySelector('#persetujuan-penawaran-table');
|
const element = document.querySelector('#persetujuan-penawaran-table');
|
||||||
const searchInput = document.getElementById('search');
|
const searchInput = document.getElementById('search');
|
||||||
@@ -112,31 +153,65 @@
|
|||||||
tanggal_proposal_penawaran: {
|
tanggal_proposal_penawaran: {
|
||||||
title: 'Tanggal Proposal',
|
title: 'Tanggal Proposal',
|
||||||
render: (item, data) => {
|
render: (item, data) => {
|
||||||
return `${data.penawaran_tender.detail.tgl_proposal}`;
|
return window.formatTanggalIndonesia(`${data.penawaran_tender.detail.tgl_proposal}`);
|
||||||
},
|
},
|
||||||
|
|
||||||
},
|
},
|
||||||
|
dokumen_persetujuan: {
|
||||||
|
title: 'Dokumen Persetujuan',
|
||||||
|
render: (item, data) => {
|
||||||
|
if (data.penawaran_tender.detail.dokumen_persetujuan) {
|
||||||
|
return `<a href="${data.penawaran_tender.detail.dokumen_persetujuan}" download="${data.penawaran_tender.detail.dokumen_persetujuan}" target="_blank" class="badge badge-sm badge-outline">
|
||||||
|
Download <i class="ki-filled ki-cloud-download"></i>
|
||||||
|
</a>`;
|
||||||
|
} else {
|
||||||
|
return 'Tidak ada dokumen';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
biaya_final: {
|
biaya_final: {
|
||||||
title: 'Biaya Final',
|
title: 'Biaya Final',
|
||||||
render: (item, data) => {
|
render: (item, data) => {
|
||||||
return `${data.penawaran_tender.detail.biaya_penawaran}`;
|
return window.formatRupiah(`${data.penawaran_tender.detail.biaya_penawaran}`);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
sla_resume: {
|
sla_resume: {
|
||||||
title: 'SLA Resume',
|
title: 'SLA Resume',
|
||||||
|
render: (item, data) => {
|
||||||
|
if(data.penawaran_tender.persetujuan) {
|
||||||
|
if (data.penawaran_tender.persetujuan.sla_resume) {
|
||||||
|
return window.formatTanggalIndonesia(`${data.penawaran_tender.persetujuan.sla_resume}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return '-';
|
||||||
|
},
|
||||||
},
|
},
|
||||||
sla_final: {
|
sla_final: {
|
||||||
title: 'SLA Final',
|
title: 'SLA Final',
|
||||||
|
render: (item, data) => {
|
||||||
|
if(data.penawaran_tender.persetujuan) {
|
||||||
|
if (data.penawaran_tender.persetujuan.sla_final) {
|
||||||
|
return window.formatTanggalIndonesia(`${data.penawaran_tender.persetujuan.sla_final}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return '-';
|
||||||
|
}
|
||||||
},
|
},
|
||||||
catatan: {
|
catatan: {
|
||||||
title: 'Catatan',
|
title: 'Catatan',
|
||||||
|
render: (item, data) => {
|
||||||
|
if(data.penawaran_tender.persetujuan) {
|
||||||
|
return data.penawaran_tender.persetujuan.catatan;
|
||||||
|
}
|
||||||
|
return '-';
|
||||||
|
},
|
||||||
},
|
},
|
||||||
actions: {
|
actions: {
|
||||||
title: 'Action',
|
title: 'Action',
|
||||||
render: (item, data) => {
|
render: (item, data) => {
|
||||||
return `<div class="flex flex-nowrap justify-center">
|
return `<div class="flex flex-nowrap justify-center">
|
||||||
<a class="btn btn-sm btn-icon btn-clear btn-warning" href="persetujuan-penawaran/${data.id}/edit">
|
<a class="btn btn-sm btn-outline btn-info" onclick="prosesData(${data.id})">
|
||||||
<i class="ki-outline ki-pencil"></i>
|
<i class="ki-filled ki-double-check"></i>
|
||||||
</a>
|
</a>
|
||||||
</div>`;
|
</div>`;
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user