From db55471111b62e772c572f5f5b637e8a2288aaf9 Mon Sep 17 00:00:00 2001 From: Daeng Deni Mardaeni Date: Tue, 30 Sep 2025 16:57:44 +0700 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8(pembayaran):=20Perbaiki=20logika?= =?UTF-8?q?=20status=20pembayaran=20dan=20optimasi=20tampilan=20approval?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Memperbaiki nested condition untuk jenis_penilaian_id == 2 pada PembayaranController - Memindahkan logika status 'spk' ke blok else yang sesuai - Menyempurnakan flow status pembayaran agar konsisten dan bebas konflik - Menghindari benturan status antara 'proses-laporan' dan 'spk' - Menyusun ulang class Tailwind CSS pada approval.blade.php agar konsisten dan rapi - Memperbaiki struktur HTML dan layout card untuk meningkatkan readability dan responsivitas - Menambahkan fallback nominal_bayar dari biaya_final untuk keandalan data - Mengoptimalkan tampilan tombol action berdasarkan status_bayar dengan null-checking - Menambahkan fallback values untuk data kosong serta perbaikan spacing & alignment - Meningkatkan UX dan accessibility agar approval page lebih user-friendly dan stabil --- app/Http/Controllers/PembayaranController.php | 8 +- resources/views/pembayaran/approval.blade.php | 175 +++++++++--------- 2 files changed, 91 insertions(+), 92 deletions(-) diff --git a/app/Http/Controllers/PembayaranController.php b/app/Http/Controllers/PembayaranController.php index 1827f5c..294a8cc 100644 --- a/app/Http/Controllers/PembayaranController.php +++ b/app/Http/Controllers/PembayaranController.php @@ -346,11 +346,11 @@ class PembayaranController extends Controller } else { $data['status_bayar'] = 'sudah_bayar'; $data['status'] = 'proses-laporan'; - } - if ($permohonan->jenis_penilaian_id == 2) { - $data['status_bayar'] = 'sudah_bayar'; - $data['status'] = 'spk'; + if ($permohonan->jenis_penilaian_id == 2) { + $data['status_bayar'] = 'sudah_bayar'; + $data['status'] = 'spk'; + } } if ($permohonan->jenis_penilaian_id == 1) { diff --git a/resources/views/pembayaran/approval.blade.php b/resources/views/pembayaran/approval.blade.php index 3e64a2b..b058c97 100644 --- a/resources/views/pembayaran/approval.blade.php +++ b/resources/views/pembayaran/approval.blade.php @@ -6,9 +6,10 @@ @section('content')
-
-
+
+

Daftar Pembayaran

@@ -26,74 +27,74 @@
- +
- - - - - - - + + + + + + + - + - - - - + + + + - + - - + +
- - - Nomor Registrasi - - - Tanggal Permohonan - - - User Pemohon - - - Cabang Pemohon - - - Debitur - -
+ + + Nomor Registrasi + + + Tanggal Permohonan + + + User Pemohon + + + Cabang Pemohon + + + Debitur + + - Status Bayar - - + Status Bayar + + - Tanggal KSL - - - Nominal bayar - - - Bukti Bayar - - - Approval By - - + Tanggal KSL + + + Nominal bayar + + + Bukti Bayar + + + Approval By + + - Keterangan - - + Keterangan + + Action
Action
-
+ class="flex-col gap-3 justify-center font-medium text-gray-600 card-footer md:justify-between md:flex-row text-2sm"> +
Show - per + per page
-
+
@@ -195,7 +196,7 @@ render: (item, data) => { if (data.permohonan) { return `${data.permohonan.nomor_registrasi}`; - } else if(data.penawaran) { + } else if (data.penawaran) { return `${data.penawaran.permohonan.nomor_registrasi}`; } return ""; @@ -207,7 +208,7 @@ render: (item, data) => { if (data.permohonan) { return `${data.permohonan.tanggal_permohonan}`; - } else if(data.penawaran) { + } else if (data.penawaran) { return `${data.penawaran.permohonan.tanggal_permohonan}`; } return ""; @@ -218,8 +219,7 @@ render: (item, data) => { if (data.permohonan) { return `${data.permohonan.user.name}`; - } - else if(data.penawaran) { + } else if (data.penawaran) { return `${data.penawaran.permohonan.user.name}`; } return ""; @@ -231,8 +231,7 @@ render: (item, data) => { if (data.permohonan) { return `${data.permohonan.branch.name}`; - } - else if(data.penawaran) { + } else if (data.penawaran) { return `${data.penawaran.permohonan.branch.name}`; } return ""; @@ -244,8 +243,7 @@ render: (item, data) => { if (data.permohonan) { return `${data.permohonan.debiture.name}`; - } - else if(data.penawaran) { + } else if (data.penawaran) { return `${data.penawaran.permohonan.debiture.name}`; } return ""; @@ -255,13 +253,13 @@ status_bayar: { title: 'Status Bayar', render: (item, data) => { - if(data.permohonan){ + if (data.permohonan) { var permohonan = data.permohonan; - } else if(data.penawaran){ + } else if (data.penawaran) { var permohonan = data.penawaran.permohonan; } - if(permohonan) { + if (permohonan) { const status = permohonan.status_bayar.replace(/_/g, ' '); @@ -284,10 +282,11 @@ nominal_bayar: { title: 'Nominal Bayar', render: (item, data) => { - return `${window.formatRupiah(data.nominal_bayar)}`; + return data.nominal_bayar ? `${window.formatRupiah(data.nominal_bayar)}` : `${window.formatRu +piah(data.biaya_final)}`; }, }, - bukti_bayar:{ + bukti_bayar: { title: 'Bukti Bayar', render: (item, data) => { if (data.bukti_bayar) { @@ -302,14 +301,14 @@ approve_bayar_by: { title: 'Status Approve', render: (item, data) => { - if(data.permohonan){ + if (data.permohonan) { var permohonan = data.permohonan; - } else if(data.penawaran){ + } else if (data.penawaran) { var permohonan = data.penawaran.permohonan; } - if(permohonan) { - if(permohonan.approve_bayar) { + if (permohonan) { + if (permohonan.approve_bayar) { return `${permohonan.approve_bayar.name}`; } return ""; @@ -321,13 +320,13 @@ approve_keterangan_bayar: { title: 'Status Approve', render: (item, data) => { - if(data.permohonan){ + if (data.permohonan) { var permohonan = data.permohonan; - } else if(data.penawaran){ + } else if (data.penawaran) { var permohonan = data.penawaran.permohonan; } - if(permohonan) { + if (permohonan) { return `${permohonan.approve_keterangan_bayar}` || '-'; } @@ -337,26 +336,27 @@ actions: { title: 'Status', render: (item, data) => { - if(data.permohonan){ + if (data.permohonan) { var permohonan = data.permohonan; - } else if(data.penawaran){ + } else if (data.penawaran) { var permohonan = data.penawaran.permohonan; } var iconPembayaranOtorisator = ''; - if(permohonan) { - if (!permohonan.approve_bayar_by) { - iconPembayaranOtorisator = ` + if (permohonan) { + if (permohonan.status_bayar !== 'sudah_bayar') { + iconPembayaranOtorisator = ` - + `; } - return `
` + iconPembayaranOtorisator + `
`; + return `
` + iconPembayaranOtorisator + + `
`; } return ""; @@ -368,11 +368,10 @@ let dataTable = new KTDataTable(element, dataTableOptions); // Custom search functionality - searchInput.addEventListener('input', function () { + searchInput.addEventListener('input', function() { const searchValue = this.value.trim(); dataTable.search(searchValue, true); }); @endpush -