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

89
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-icon"> </span> </span>
</th>
<th class="min-w-[150px]" data-datatable-column="bukti_ksl">
<span class="sort"> <span class="sort-label"> Bukti KSL </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>
<th class="min-w-[150px]" data-datatable-column="bukti_bayar">
<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="approval_by">
@@ -80,6 +76,11 @@
<span class="sort-icon"> </span> </span>
</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>
</tr>
</thead>
@@ -190,8 +191,11 @@
render: (item, data) => {
if (data.permohonan) {
return `${data.permohonan.nomor_registrasi}`;
}
} else if(data.penawaran) {
return `${data.penawaran.permohonan.nomor_registrasi}`;
}
return "";
},
},
tanggal_permohonan: {
@@ -199,8 +203,10 @@
render: (item, data) => {
if (data.permohonan) {
return `${data.permohonan.tanggal_permohonan}`;
}
} else if(data.penawaran) {
return `${data.penawaran.permohonan.tanggal_permohonan}`;
}
return "";
},
},
user_id: {
@@ -209,7 +215,11 @@
if (data.permohonan) {
return `${data.permohonan.user.name}`;
}
else if(data.penawaran) {
return `${data.penawaran.permohonan.user.name}`;
}
return "";
},
},
branch_id: {
@@ -218,7 +228,11 @@
if (data.permohonan) {
return `${data.permohonan.branch.name}`;
}
else if(data.penawaran) {
return `${data.penawaran.permohonan.branch.name}`;
}
return "";
},
},
debitur_id: {
@@ -227,7 +241,11 @@
if (data.permohonan) {
return `${data.permohonan.debiture.name}`;
}
else if(data.penawaran) {
return `${data.penawaran.permohonan.debiture.name}`;
}
return "";
},
},
status_bayar: {
@@ -235,10 +253,12 @@
render: (item, data) => {
if(data.permohonan){
var permohonan = data.permohonan;
} else {
} else if(data.penawaran){
var permohonan = data.penawaran.permohonan;
}
if(permohonan) {
const status = permohonan.status_bayar.replace(/_/g,
' ');
const statusClass = permohonan.status_bayar === 'belum_bayar' ? 'text-red-600' :
@@ -246,6 +266,9 @@
return `<span class="text-md font-bold ${statusClass} uppercase">
${status}
</span>`;
}
return "-";
},
},
tanggal_setor: {
@@ -260,11 +283,11 @@
return `${window.formatRupiah(data.nominal_bayar)}`;
},
},
bukti_ksl: {
title: 'Bukti KSL',
bukti_bayar:{
title: 'Bukti Bayar',
render: (item, data) => {
if (data.bukti_ksl) {
return `<a href="storage/${data.bukti_ksl}" download="storage/${data.bukti_ksl}" target="_blank" class="badge badge-sm badge-outline">
if (data.bukti_bayar) {
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>
</a>`;
} 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: {
title: 'Status Approve',
render: (item, data) => {
@@ -297,22 +311,39 @@
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: {
title: 'Status',
render: (item, data) => {
if(data.permohonan){
var permohonan = data.permohonan;
} else {
var permohonan = data.penawaran.permohonan;
}
var iconPembayaranOtorisator = '';
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>
</a>`;
}
return `<div class="flex flex-nowrap justify-center">
<a class="btn btn-sm btn-icon btn-clear btn-warning " href="#">
<i class="ki-outline ki-eye"></i>
</a>`
+ iconPembayaranOtorisator + `
</div>`;
return `<div class="flex flex-nowrap justify-center">`+ iconPembayaranOtorisator + `</div>`;
},
}