From bd8a64e1cf06df4e8519cff5d2a96506c35f2848 Mon Sep 17 00:00:00 2001 From: Romeo3 Date: Tue, 9 Jun 2026 16:40:53 +0700 Subject: [PATCH] style: memperbaiki warna pada edit card penduduk dan rumah ibadah --- WebGISPovertyMap/script.js | 249 ++----------------------------------- WebGISPovertyMap/style.css | 38 +++++- 2 files changed, 43 insertions(+), 244 deletions(-) diff --git a/WebGISPovertyMap/script.js b/WebGISPovertyMap/script.js index 8dce2c0..e97251c 100644 --- a/WebGISPovertyMap/script.js +++ b/WebGISPovertyMap/script.js @@ -61,78 +61,6 @@ var rumahIbadahIcon = L.divIcon({ popupAnchor: [0, -38] }); -// Leaflet Draw toolbar removed - -// ========================================== -// 3. FUNGSI LOAD DATA DARI DATABASE -// ========================================== - -/* -function loadBatasKota() { - batasKotaLayer.clearLayers(); - var grupKecamatan = {}; - fetch('adminKecamatan.json') - .then(res => res.json()) - .then(data => { - L.geoJSON(data, { - style: function () { - return { color: "#00FF00", weight: 2, opacity: 1, fillOpacity: 0.1 }; - }, - onEachFeature: function (feature, layer) { - var namaKec = feature.properties.Ket; - var popupHTML = ` -
-
-

${namaKec}

- 📍 Batas Kecamatan -
-
-
- Wilayah - Kota Pontianak -
-
-
`; - layer.bindPopup(popupHTML); - if (!grupKecamatan[namaKec]) grupKecamatan[namaKec] = L.featureGroup(); - grupKecamatan[namaKec].addLayer(layer); - } - }).addTo(batasKotaLayer); - }) - .catch(e => console.log('Gagal memuat adminKecamatan.json', e)); -} - -function loadSungai() { - sungaiLayer.clearLayers(); - fetch('sungai.json') - .then(res => res.json()) - .then(data => { - L.geoJSON(data, { - style: function () { - return { color: "#0ea5e9", weight: 2, opacity: 1, fillOpacity: 0.1 }; - }, - onEachFeature: function (feature, layer) { - var namaSung = feature.properties.Ket; - var popupHTML = ` -
-
-

${namaSung}

- 🌊 Sungai -
-
-
- Wilayah - Kota Pontianak -
-
-
`; - layer.bindPopup(popupHTML); - } - }).addTo(sungaiLayer); - }) - .catch(e => console.log('Gagal memuat sungai.json', e)); -} -*/ var databasePendudukMiskin = []; function loadRumahIbadah() { @@ -390,174 +318,7 @@ map.on('click', function () { loadRumahIbadah(); -// SPBU & draw-related globals removed -// ========================================== -// 4. EVENT SAAT MENGGAMBAR SELESAI -// ========================================== -/* -map.on(L.Draw.Event.CREATED, function (e) { - var type = e.layerType, layer = e.layer; - var geojson = layer.toGeoJSON(); - koordinatSementara = JSON.stringify(geojson.geometry); - var popupContent = ""; - - if (type === 'polyline') { - var panjangMeter = turf.length(geojson, { units: 'meters' }).toFixed(2); - popupContent = ` -
-
-

Input Data Jalan

- 🛣️ Polyline Baru -
-
-
- - - Panjang Terukur - - -
-
-
`; - } else if (type === 'polygon') { - var luasMeter = turf.area(geojson).toFixed(2); - popupContent = ` -
-
-

Input Data Parsil

- 🏘️ Polygon Baru -
-
-
- - - Luas Terukur - - -
-
-
`; - } else if (type === 'marker') { - tempLat = layer.getLatLng().lat; - tempLng = layer.getLatLng().lng; - popupContent = ` -
-
-

Tambah Titik Baru

- 📍 Marker Baru -
-
- -
- - - - -
- - -
-
`; - } - - layer.bindPopup(popupContent).openPopup(); - drawnItems.addLayer(layer); -}); -*/ - -/* -// ========================================== -// 6. FUNGSI SIMPAN DATA -// ========================================== -function saveSPBU(e) { - e.preventDefault(); - var formData = new FormData(); - formData.append('nama_spbu', document.getElementById('new_nama').value); - formData.append('no_hp', document.getElementById('new_nohp').value); - formData.append('kategori', document.getElementById('new_kategori').value); - formData.append('latitude', tempLat); - formData.append('longitude', tempLng); - fetch('save.php', { method: 'POST', body: formData }) - .then(r => r.text()).then(res => { alert(res); map.closePopup(); drawnItems.clearLayers(); loadSPBU(); }) - .catch(error => console.error('Error:', error)); -} - -function saveJalan(e) { - e.preventDefault(); - var formData = new FormData(); - formData.append('nama_jalan', document.getElementById('j_nama').value); - formData.append('status', document.getElementById('j_status').value); - formData.append('panjang', document.getElementById('j_panjang').value); - formData.append('koordinat', koordinatSementara); - fetch('save_jalan.php', { method: 'POST', body: formData }) - .then(r => r.text()).then(res => { alert(res); map.closePopup(); drawnItems.clearLayers(); loadJalan(); }) - .catch(error => console.error('Error:', error)); -} - -function saveParsil(e) { - e.preventDefault(); - var formData = new FormData(); - formData.append('nama_pemilik', document.getElementById('p_nama').value); - formData.append('status', document.getElementById('p_status').value); - formData.append('luas', document.getElementById('p_luas').value); - formData.append('koordinat', koordinatSementara); - fetch('save_parsil.php', { method: 'POST', body: formData }) - .then(r => r.text()).then(res => { alert(res); map.closePopup(); drawnItems.clearLayers(); loadParsil(); }) - .catch(error => console.error('Error:', error)); -} - -function toggleFormMarker() { - var pilihan = document.getElementById('kategori_marker').value; - document.getElementById('form_spbu').style.display = pilihan === 'spbu' ? 'block' : 'none'; - document.getElementById('form_rumah_ibadah').style.display = pilihan === 'rumah_ibadah' ? 'block' : 'none'; - document.getElementById('form_penduduk').style.display = pilihan === 'penduduk' ? 'block' : 'none'; -} - -function saveRumahIbadah(e) { - e.preventDefault(); - var formData = new FormData(); - formData.append('nama', document.getElementById('ri_nama').value); - formData.append('latitude', tempLat); - formData.append('longitude', tempLng); - fetch('save_rumah_ibadah.php', { method: 'POST', body: formData }) - .then(r => r.text()).then(res => { alert(res); map.closePopup(); drawnItems.clearLayers(); loadRumahIbadah(); }) - .catch(error => console.error('Error:', error)); -} - -function savePenduduk(e) { - e.preventDefault(); - var formData = new FormData(); - formData.append('nama', document.getElementById('pm_nama').value); - formData.append('latitude', tempLat); - formData.append('longitude', tempLng); - fetch('save_penduduk_miskin.php', { method: 'POST', body: formData }) - .then(r => r.text()).then(res => { alert(res); map.closePopup(); drawnItems.clearLayers(); loadRumahIbadah(); }) - .catch(error => console.error('Error:', error)); -} -*/ // ========================================== // 7. HAPUS DATA @@ -609,9 +370,12 @@ function formEditPenduduk(id, nama, alamat, statusBantuan, lat, lng) {
- - + NAMA KEPALA KELUARGA + + ALAMAT LENGKAP + + STATUS BANTUAN