From 2a1ecfd9e25b1c41e04f0fcfa8a14d41063dedb7 Mon Sep 17 00:00:00 2001 From: Daeng Deni Mardaeni Date: Tue, 16 Sep 2025 16:24:32 +0700 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat(slik):=20tambahkan=20fitur=20d?= =?UTF-8?q?etail=20SLIK=20dengan=20tampilan=20responsive?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Menambahkan fitur detail SLIK yang menampilkan informasi lengkap debitur dengan desain yang responsive dan user-friendly. - Menambahkan kolom "Kolektibilitas" dan "Fasilitas" pada tabel DataTable - Menghapus filter tahun, bulan, dan status yang tidak digunakan - Menambahkan tombol "Detail" untuk setiap baris data - Memperbaiki responsive design dengan CSS khusus untuk mobile - Menambahkan class `min-w-[1200px]` untuk memastikan tabel dapat discroll horizontal - Memperbarui konfigurasi DataTable untuk menampilkan kolom baru - Menambahkan fungsi JavaScript `showDetail()` untuk redirect ke halaman detail - Menghapus modal detail yang tidak digunakan lagi - Memperbaiki styling dengan Tailwind CSS untuk konsistensi - Membuat halaman detail baru dengan layout yang responsive - Menampilkan informasi lengkap debitur dalam format card yang terorganisir - Menggunakan grid layout 2 kolom untuk desktop dan 1 kolom untuk mobile - Menampilkan data dalam kategori: Data Debitur, Data Fasilitas, dan Informasi Tambahan - Menambahkan tombol kembali untuk navigasi mudah - Menggunakan Tailwind CSS untuk styling yang konsisten dengan halaman index - Responsive design yang optimal untuk semua ukuran layar --- resources/views/slik/index.blade.php | 181 ++++++++++++++------------- resources/views/slik/show.blade.php | 174 +++++++++++++++++++++++++ 2 files changed, 270 insertions(+), 85 deletions(-) create mode 100644 resources/views/slik/show.blade.php diff --git a/resources/views/slik/index.blade.php b/resources/views/slik/index.blade.php index 717879f..58e3ad8 100644 --- a/resources/views/slik/index.blade.php +++ b/resources/views/slik/index.blade.php @@ -6,7 +6,8 @@ @section('content')
-
+

Data SLIK @@ -21,29 +22,6 @@
- - - - - - - - -

-
+
- +
- - - + - + + - +
- - - - No - - +
+ @@ -81,12 +55,6 @@ - - Bulan - - - No Rekening @@ -105,6 +73,18 @@ + + Kolektibilitas + + + + + Fasilitas + + + Nilai Agunan @@ -118,11 +98,12 @@ Aksi
-
+
Show per page @@ -137,6 +118,8 @@
+ + @endsection +@push('styles') + +@endpush + @push('scripts') @@ -247,17 +243,14 @@ return checkbox.outerHTML.trim(); }, }, - no: { - title: 'No', - }, sandi_bank: { title: 'Sandi Bank', }, tahun: { title: 'Tahun', - }, - bulan: { - title: 'Bulan', + render: (item, data) => { + return data.bulan + '-' + data.tahun; + } }, no_rekening: { title: 'No Rekening', @@ -272,6 +265,18 @@ return nama.length > 30 ? nama.substring(0, 30) + '...' : nama; }, }, + kolektibilitas: { + title: 'Kolektibilitas', + render: (item, data) => { + return data.kolektibilitas || '-'; + }, + }, + fasilitas: { + title: 'Fasilitas', + render: (item, data) => { + return data.fasilitas || '-'; + }, + }, nilai_agunan_formatted: { title: 'Nilai Agunan', render: (item, data) => { @@ -287,7 +292,13 @@ actions: { title: 'Aksi', render: (item, data) => { - return data.actions || ''; + return ` +
+ +
+ `; }, } }, @@ -298,7 +309,7 @@ dataTable.showSpinner(); // Fungsi pencarian - searchInput.addEventListener('input', function () { + searchInput.addEventListener('input', function() { const searchValue = this.value.trim(); dataTable.search(searchValue, true); }); @@ -335,9 +346,9 @@ if (monthFilter.value) params.append('month', monthFilter.value); if (statusFilter.value) params.append('status', statusFilter.value); - const exportUrl = '{{ route("slik.export") }}?' + params.toString(); + const exportUrl = '{{ route('slik.export') }}?' + params.toString(); window.open(exportUrl, '_blank'); }); }); -@endpush \ No newline at end of file +@endpush diff --git a/resources/views/slik/show.blade.php b/resources/views/slik/show.blade.php new file mode 100644 index 0000000..7a2bf0b --- /dev/null +++ b/resources/views/slik/show.blade.php @@ -0,0 +1,174 @@ +@extends('layouts.main') + +@section('breadcrumbs') + {{ Breadcrumbs::render('slik') }} +@endsection + +@section('content') +
+
+ +
+
+

Detail SLIK

+

Informasi lengkap debitur {{ $slik->nama_debitur }}

+
+
+ + + Kembali + +
+
+ + +
+
+

Informasi Debitur

+
+
+
+ +
+

Data Debitur

+ +
+
+ Nama Debitur: + {{ $slik->nama_debitur ?? '-' }} +
+ +
+ No. Rekening: + {{ $slik->no_rekening ?? '-' }} +
+ +
+ CIF: + {{ $slik->cif ?? '-' }} +
+ +
+ NPWP: + {{ $slik->npwp ?? '-' }} +
+ +
+ No. KTP: + {{ $slik->no_ktp ?? '-' }} +
+
+
+ + +
+

Data Fasilitas

+ +
+
+ Fasilitas: + {{ $slik->fasilitas ?? '-' }} +
+ +
+ Kolektibilitas: + {{ $slik->kolektibilitas ?? '-' }} +
+ +
+ Jenis Agunan: + {{ $slik->jenis_agunan ?? '-' }} +
+ +
+ Nilai Agunan: + Rp + {{ number_format($slik->nilai_agunan ?? 0, 0, ',', '.') }} +
+
+
+
+ + +
+

Informasi Tambahan

+ +
+
+
+ Tanggal Mulai: + {{ $slik->tanggal_mulai ? \Carbon\Carbon::parse($slik->tanggal_mulai)->format('d/m/Y') : '-' }} +
+ +
+ Tanggal Jatuh Tempo: + {{ $slik->tanggal_jatuh_tempo ? \Carbon\Carbon::parse($slik->tanggal_jatuh_tempo)->format('d/m/Y') : '-' }} +
+ +
+ Tanggal Restrukturisasi: + {{ $slik->tanggal_restrukturisasi ? \Carbon\Carbon::parse($slik->tanggal_restrukturisasi)->format('d/m/Y') : '-' }} +
+
+ +
+
+ Tanggal Kondisi: + {{ $slik->tanggal_kondisi ? \Carbon\Carbon::parse($slik->tanggal_kondisi)->format('d/m/Y') : '-' }} +
+ +
+ Tanggal Lapor: + {{ $slik->tanggal_lapor ? \Carbon\Carbon::parse($slik->tanggal_lapor)->format('d/m/Y') : '-' }} +
+ +
+ Tanggal Selesai: + {{ $slik->tanggal_selesai ? \Carbon\Carbon::parse($slik->tanggal_selesai)->format('d/m/Y') : '-' }} +
+
+ +
+
+ Kode Kantor: + {{ $slik->kode_kantor ?? '-' }} +
+ +
+ Kode Cabang: + {{ $slik->kode_cabang ?? '-' }} +
+ +
+ Status: + + + {{ $slik->status ?? 'aktif' }} + + +
+
+
+
+
+
+
+
+@endsection + +@push('scripts') + +@endpush