daengdeni/lpj
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Perbarui logika dan tampilan halaman persetujuan pembayaran

Browse Source 
- Mengubah nama kolom pada tabel: "Bukti KSL" menjadi "Bukti Bayar", "Tanggal Penyelesaian" menjadi "Keterangan".
- Menambahkan validasi kosong untuk data penawaran jika permohonan tidak ditemukan.
- Memperbaiki fungsi render untuk menangani data permohonan dan penawaran secara kondisional.
- Menghapus tombol aksi yang tidak relevan dan menyederhanakan elemen tombol dalam tabel.
This commit is contained in:
Daeng Deni Mardaeni
2024-12-30 11:45:27 +07:00
parent 7766d92f99
commit dfc5c73695
1 changed files with 68 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
resources/views/pembayaran/approval.blade.php
View File

@@ -67,12 +67,8 @@
<span class="sort"> <span class="sort-label"> Nominal bayar </span> <span class="sort"> <span class="sort-label"> Nominal bayar </span>
<span class="sort-icon"> </span> </span> <span class="sort-icon"> </span> </span>
</th> </th>
<th class="min-w-[150px]" data-datatable-column="bukti_ksl"> <th class="min-w-[150px]" data-datatable-column="bukti_bayar">
<span class="sort"> <span class="sort-label"> Bukti KSL </span> <span class="sort"> <span class="sort-label"> Bukti Bayar </span>
<span class="sort-icon"> </span> </span>
</th>
<th class="min-w-[150px]" data-datatable-column="tanggal_penyelesaian">
<span class="sort"> <span class="sort-label"> Tanggal Penyelesaian </span>
<span class="sort-icon"> </span> </span> <span class="sort-icon"> </span> </span>
</th> </th>
<th class="min-w-[150px]" data-datatable-column="approval_by"> <th class="min-w-[150px]" data-datatable-column="approval_by">
@@ -80,6 +76,11 @@
<span class="sort-icon"> </span> </span> <span class="sort-icon"> </span> </span>
</th> </th>
<th class="min-w-[150px]" data-datatable-column="approve_keterangan_bayar">
<span class="sort"> <span class="sort-label"> Keterangan </span>
<span class="sort-icon"> </span> </span>
</th>
<th class="min-w-[50px] text-center" data-datatable-column="actions">Action</th> <th class="min-w-[50px] text-center" data-datatable-column="actions">Action</th>
</tr> </tr>
</thead> </thead>
@@ -190,8 +191,11 @@
render: (item, data) => { render: (item, data) => {
if (data.permohonan) { if (data.permohonan) {
return `${data.permohonan.nomor_registrasi}`; return `${data.permohonan.nomor_registrasi}`;
} else if(data.penawaran) {
return `${data.penawaran.permohonan.nomor_registrasi}`;
} }
return `${data.penawaran.permohonan.nomor_registrasi}`; return "";
}, },
}, },
tanggal_permohonan: { tanggal_permohonan: {
@@ -199,8 +203,10 @@
render: (item, data) => { render: (item, data) => {
if (data.permohonan) { if (data.permohonan) {
return `${data.permohonan.tanggal_permohonan}`; return `${data.permohonan.tanggal_permohonan}`;
} else if(data.penawaran) {
return `${data.penawaran.permohonan.tanggal_permohonan}`;
} }
return `${data.penawaran.permohonan.tanggal_permohonan}`; return "";
}, },
}, },
user_id: { user_id: {
@@ -209,7 +215,11 @@
if (data.permohonan) { if (data.permohonan) {
return `${data.permohonan.user.name}`; return `${data.permohonan.user.name}`;
} }
return `${data.penawaran.permohonan.user.name}`; else if(data.penawaran) {
return `${data.penawaran.permohonan.user.name}`;
}
return "";
}, },
}, },
branch_id: { branch_id: {
@@ -218,7 +228,11 @@
if (data.permohonan) { if (data.permohonan) {
return `${data.permohonan.branch.name}`; return `${data.permohonan.branch.name}`;
} }
return `${data.penawaran.permohonan.branch.name}`; else if(data.penawaran) {
return `${data.penawaran.permohonan.branch.name}`;
}
return "";
}, },
}, },
debitur_id: { debitur_id: {
@@ -227,7 +241,11 @@
if (data.permohonan) { if (data.permohonan) {
return `${data.permohonan.debiture.name}`; return `${data.permohonan.debiture.name}`;
} }
return `${data.penawaran.permohonan.debiture.name}`; else if(data.penawaran) {
return `${data.penawaran.permohonan.debiture.name}`;
}
return "";
}, },
}, },
status_bayar: { status_bayar: {
@@ -235,17 +253,22 @@
render: (item, data) => { render: (item, data) => {
if(data.permohonan){ if(data.permohonan){
var permohonan = data.permohonan; var permohonan = data.permohonan;
} else { } else if(data.penawaran){
var permohonan = data.penawaran.permohonan; var permohonan = data.penawaran.permohonan;
} }
const status = permohonan.status_bayar.replace(/_/g, if(permohonan) {
' ');
const statusClass = permohonan.status_bayar === 'belum_bayar' ? 'text-red-600' : const status = permohonan.status_bayar.replace(/_/g,
'text-green-600'; ' ');
return `<span class="text-md font-bold ${statusClass} uppercase"> const statusClass = permohonan.status_bayar === 'belum_bayar' ? 'text-red-600' :
'text-green-600';
return `<span class="text-md font-bold ${statusClass} uppercase">
${status} ${status}
</span>`; </span>`;
}
return "-";
}, },
}, },
tanggal_setor: { tanggal_setor: {
@@ -260,11 +283,11 @@
return `${window.formatRupiah(data.nominal_bayar)}`; return `${window.formatRupiah(data.nominal_bayar)}`;
}, },
}, },
bukti_ksl: { bukti_bayar:{
title: 'Bukti KSL', title: 'Bukti Bayar',
render: (item, data) => { render: (item, data) => {
if (data.bukti_ksl) { if (data.bukti_bayar) {
return `<a href="storage/${data.bukti_ksl}" download="storage/${data.bukti_ksl}" target="_blank" class="badge badge-sm badge-outline"> return `<a href="storage/${data.bukti_bayar}" download="storage/${data.bukti_bayar}" target="_blank" class="badge badge-sm badge-outline">
Download <i class="ki-filled ki-cloud-download"></i> Download <i class="ki-filled ki-cloud-download"></i>
</a>`; </a>`;
} else { } else {
@@ -272,15 +295,6 @@
} }
}, },
}, },
tanggal_penyelesaian: {
title: 'Tanggal Penyelesaian',
render: (item, data) => {
if(data.status==1) {
return `${window.formatTanggalIndonesia(data.updated_at)}`;
}
return "-";
},
},
approve_bayar_by: { approve_bayar_by: {
title: 'Status Approve', title: 'Status Approve',
render: (item, data) => { render: (item, data) => {
@@ -297,22 +311,39 @@
return "Menunggu Approval"; return "Menunggu Approval";
}, },
}, },
approve_keterangan_bayar: {
title: 'Status Approve',
render: (item, data) => {
if(data.permohonan){
var permohonan = data.permohonan;
} else {
var permohonan = data.penawaran.permohonan;
}
if(permohonan.approve_keterangan_bayar) {
return `${permohonan.approve_keterangan_bayar}`;
}
return "";
},
},
actions: { actions: {
title: 'Status', title: 'Status',
render: (item, data) => { render: (item, data) => {
if(data.permohonan){
var permohonan = data.permohonan;
} else {
var permohonan = data.penawaran.permohonan;
}
var iconPembayaranOtorisator = ''; var iconPembayaranOtorisator = '';
if (!data.approve_bayar_by) { if (!data.approve_bayar_by) {
iconPembayaranOtorisator = `<a class="btn btn-sm btn-icon btn-clear btn-primary " onclick="pembayaranOtorisator(${data.id})"> iconPembayaranOtorisator = `<a class="btn btn-sm btn-icon btn-clear btn-primary " onclick="pembayaranOtorisator(${permohonan.id})">
<i class="ki-filled ki-double-check"></i> <i class="ki-filled ki-double-check"></i>
</a>`; </a>`;
} }
return `<div class="flex flex-nowrap justify-center"> return `<div class="flex flex-nowrap justify-center">`+ iconPembayaranOtorisator + `</div>`;
<a class="btn btn-sm btn-icon btn-clear btn-warning " href="#">
<i class="ki-outline ki-eye"></i>
</a>`
+ iconPembayaranOtorisator + `
</div>`;
}, },
} }