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

feat(bank-data): tambahkan filter kategori dan sumber pada tabel bank data

Browse Source 
- Menambahkan dropdown untuk memilih kategori pada form filter.
- Menambahkan kolom sumber pada tabel bank data.
- Mengatur warna marker pada peta berdasarkan kategori.
This commit is contained in:
Daeng Deni Mardaeni
2025-04-08 09:38:51 +07:00
parent 159dea6573
commit 548956d403
1 changed files with 25 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
resources/views/bank-data/index.blade.php
View File

@@ -16,6 +16,16 @@
<div class="card-body px-5">
<form id="filter-form">
<div class="grid gap-4 w-full p-5">
<div>
<label for="kategori" class="block text-sm font-medium text-gray-700">Kategori</label>
<select id="kategori" name="kategori" class="select tomselect w-full @error('kategori') border-danger bg-danger-light @enderror">
<option value="">Semua Kategori</option>
<option value="data_pembanding">Data Pembanding</option>
<option value="penilaian">Penilaian</option>
<option value="input_manual">Input Manual</option>
</select>
</div>
<div>
<label for="jenis_asset" class="block text-sm font-medium text-gray-700">Jenis Asset</label>
<select id="jenis_asset" name="jenis_asset" class="select tomselect w-full @error('jenis_asset') border-danger bg-danger-light @enderror">
@@ -115,6 +125,10 @@
<th class="w-14">
<input class="checkbox checkbox-sm" data-datatable-check="true" type="checkbox"/>
</th>
<th class="min-w-[150px]" data-datatable-column="sumber">
<span class="sort"> <span class="sort-label"> Sumber </span>
<span class="sort-icon"> </span> </span>
</th>
<th class="min-w-[150px]" data-datatable-column="jenis_aset">
<span class="sort"> <span class="sort-label"> Jenis Aset </span>
<span class="sort-icon"> </span> </span>
@@ -236,11 +250,18 @@
[lat, lng] = item.location.map(coord => parseFloat(coord));
}
const markerColors = {
data_pembanding: 'http://maps.google.com/mapfiles/ms/icons/red-dot.png',
penilaian: 'http://maps.google.com/mapfiles/ms/icons/blue-dot.png',
input_manual: 'http://maps.google.com/mapfiles/ms/icons/yellow-dot.png'
};
if (lat && lng) {
const marker = new google.maps.Marker({
position: {lat: lat, lng: lng},
map: map,
title: item.jenis_aset
title: item.jenis_aset,
icon: markerColors[item.kategori] || 'http://maps.google.com/mapfiles/ms/icons/red-dot.png' // Default to red if category is not recognized
});
// Create info window content
@@ -443,6 +464,9 @@
return checkbox.outerHTML.trim();
},
},
sumber: {
title: 'Sumber'
},
jenis_aset: {
title: 'Jenis Aset'
},