fix: import wasnt working properly

This commit is contained in:
miaaurl
2026-06-13 21:22:42 +07:00
parent 5780307b35
commit 606f6f4de7
3 changed files with 55 additions and 23 deletions

View File

@@ -46,10 +46,15 @@ function updateCoverage($conn) {
$penduduk = $conn->query("SELECT * FROM penduduk_miskin"); $penduduk = $conn->query("SELECT * FROM penduduk_miskin");
while ($p = $penduduk->fetch_assoc()) { while ($p = $penduduk->fetch_assoc()) {
if ($p['lat'] === null || $p['lng'] === null) continue;
$terdekat_id = "NULL"; $terdekat_id = "NULL";
$jarak_min = INF; $jarak_min = INF;
foreach ($rumah_ibadah_list as $ri) { foreach ($rumah_ibadah_list as $ri) {
if ($ri['lat'] === null || $ri['lng'] === null) continue;
if ((float)$ri['lat'] === 0.0 && (float)$ri['lng'] === 0.0) continue;
$jarak = hitungJarak($p['lat'], $p['lng'], $ri['lat'], $ri['lng']); $jarak = hitungJarak($p['lat'], $p['lng'], $ri['lat'], $ri['lng']);
if ($jarak <= $ri['radius'] && $jarak < $jarak_min) { if ($jarak <= $ri['radius'] && $jarak < $jarak_min) {
$jarak_min = $jarak; $jarak_min = $jarak;
@@ -527,14 +532,30 @@ if ($action == 'delete_user' && $_SERVER['REQUEST_METHOD'] == 'POST') {
// ── GET GEOCODING QUEUE ─────────────────────────────────────────────────────── // ── GET GEOCODING QUEUE ───────────────────────────────────────────────────────
if ($action == 'get_geocoding_queue') { if ($action == 'get_geocoding_queue') {
requireAdmin($role); requireAdmin($role);
$res = $conn->query(" $rows = [];
SELECT id, nama_kepala, jumlah_anggota, alamat, status_geocoding
$res1 = $conn->query("
SELECT id, nama_kepala AS nama, alamat, status_geocoding
FROM penduduk_miskin FROM penduduk_miskin
WHERE lat IS NULL OR lng IS NULL WHERE lat IS NULL OR lng IS NULL
ORDER BY id DESC ORDER BY id DESC
"); ");
$rows = []; while ($row = $res1->fetch_assoc()) {
while ($row = $res->fetch_assoc()) $rows[] = $row; $row['tipe'] = 'penduduk';
$rows[] = $row;
}
$res2 = $conn->query("
SELECT id, nama, alamat, NULL AS status_geocoding
FROM rumah_ibadah
WHERE (lat IS NULL OR lng IS NULL) OR (lat = 0 AND lng = 0)
ORDER BY id DESC
");
while ($row = $res2->fetch_assoc()) {
$row['tipe'] = 'ri';
$rows[] = $row;
}
echo json_encode($rows); echo json_encode($rows);
} }
@@ -544,7 +565,13 @@ if ($action == 'update_lokasi' && $_SERVER['REQUEST_METHOD'] == 'POST') {
$id = (int)$_POST['id']; $id = (int)$_POST['id'];
$lat = (float)$_POST['lat']; $lat = (float)$_POST['lat'];
$lng = (float)$_POST['lng']; $lng = (float)$_POST['lng'];
$tipe = $_POST['tipe'] ?? 'penduduk';
if ($tipe === 'ri') {
$conn->query("UPDATE rumah_ibadah SET lat=$lat, lng=$lng WHERE id=$id");
} else {
$conn->query("UPDATE penduduk_miskin SET lat=$lat, lng=$lng, status_geocoding='sukses' WHERE id=$id"); $conn->query("UPDATE penduduk_miskin SET lat=$lat, lng=$lng, status_geocoding='sukses' WHERE id=$id");
}
updateCoverage($conn); updateCoverage($conn);
echo json_encode(['status' => 'success']); echo json_encode(['status' => 'success']);
} }

View File

@@ -151,7 +151,7 @@ while (($row = fgetcsv($handle, 0, $delim)) !== false) {
// Simpan tanpa koordinat — admin klik peta untuk melengkapi // Simpan tanpa koordinat — admin klik peta untuk melengkapi
$conn->query("INSERT INTO rumah_ibadah (nama, jenis, alamat, radius, lat, lng) $conn->query("INSERT INTO rumah_ibadah (nama, jenis, alamat, radius, lat, lng)
VALUES ('$nama', '$jenis', '$alamat', $radius, NULL, NULL)"); VALUES ('$nama', '$jenis', '$alamat', $radius, 0, 0)");
$sukses++; $sukses++;
sse('row', ['num'=>$row_num,'total'=>$total,'status'=>'sukses','nama'=>$row[0], sse('row', ['num'=>$row_num,'total'=>$total,'status'=>'sukses','nama'=>$row[0],
'msg'=>"$jenis · radius {$radius}m · koordinat perlu dilengkapi manual"]); 'msg'=>"$jenis · radius {$radius}m · koordinat perlu dilengkapi manual"]);

View File

@@ -336,7 +336,7 @@ $is_koordinator = ($role === 'koordinator');
<span class="text-amber-500 flex-shrink-0 mt-0.5">&#9888;</span> <span class="text-amber-500 flex-shrink-0 mt-0.5">&#9888;</span>
<div class="text-[11px] text-amber-800"> <div class="text-[11px] text-amber-800">
<span class="font-bold" id="stat-belum-validasi">0</span> data belum punya koordinat <span class="font-bold" id="stat-belum-validasi">0</span> data belum punya koordinat
(hasil import CSV yang gagal geocoding). (hasil import CSV, koordinat belum dilengkapi).
<?php if ($is_admin): ?> <?php if ($is_admin): ?>
<button onclick="switchTab('wilayah')" class="underline font-semibold hover:text-amber-900 ml-1">Lihat Antrean →</button> <button onclick="switchTab('wilayah')" class="underline font-semibold hover:text-amber-900 ml-1">Lihat Antrean →</button>
<?php endif; ?> <?php endif; ?>
@@ -388,7 +388,7 @@ $is_koordinator = ($role === 'koordinator');
<span id="chevron-antrean" class="chevron text-amber-400 text-xs">&#9660;</span> <span id="chevron-antrean" class="chevron text-amber-400 text-xs">&#9660;</span>
</button> </button>
<div id="collapse-antrean" class="collapse-body closed"> <div id="collapse-antrean" class="collapse-body closed">
<p class="text-[10px] text-amber-700 px-3 pb-2">Data ini gagal di-geocoding otomatis. Klik "Bidik di Peta" lalu klik lokasi rumah yang sesuai.</p> <p class="text-[10px] text-amber-700 px-3 pb-2">Data hasil import CSV belum punya koordinat. Klik "Bidik di Peta" lalu klik lokasi yang sesuai.</p>
<div id="list-antrean" class="px-3 pb-3 space-y-1.5"></div> <div id="list-antrean" class="px-3 pb-3 space-y-1.5"></div>
</div> </div>
</section> </section>
@@ -725,14 +725,14 @@ $is_koordinator = ($role === 'koordinator');
<div class="font-semibold text-slate-600 mb-1">Format kolom (Penduduk):</div> <div class="font-semibold text-slate-600 mb-1">Format kolom (Penduduk):</div>
<div class="font-mono bg-white border border-slate-100 rounded px-2 py-1 text-slate-700">Nama KK · Jml Anggota · Alamat · RT · RW · Kelurahan · Kecamatan</div> <div class="font-mono bg-white border border-slate-100 rounded px-2 py-1 text-slate-700">Nama KK · Jml Anggota · Alamat · RT · RW · Kelurahan · Kecamatan</div>
<div class="mt-1">• Baris pertama (header) diabaikan &nbsp;• Delimiter koma atau titik koma</div> <div class="mt-1">• Baris pertama (header) diabaikan &nbsp;• Delimiter koma atau titik koma</div>
<div>• Jika geocoding gagal → masuk Antrean Validasi Lokasi</div> <div>• Koordinat tidak di-geocode otomatis → lengkapi via "Bidik di Peta" pada Antrean Validasi Lokasi</div>
</div> </div>
<div id="import-format-ri" class="hidden mt-3 bg-slate-50 border border-slate-200 rounded-lg p-2.5 text-[10px] text-slate-500 space-y-0.5"> <div id="import-format-ri" class="hidden mt-3 bg-slate-50 border border-slate-200 rounded-lg p-2.5 text-[10px] text-slate-500 space-y-0.5">
<div class="font-semibold text-slate-600 mb-1">Format kolom (Rumah Ibadah):</div> <div class="font-semibold text-slate-600 mb-1">Format kolom (Rumah Ibadah):</div>
<div class="font-mono bg-white border border-slate-100 rounded px-2 py-1 text-slate-700">Nama · Jenis · Alamat · Radius(opsional)</div> <div class="font-mono bg-white border border-slate-100 rounded px-2 py-1 text-slate-700">Nama · Jenis · Alamat · Radius(opsional)</div>
<div class="mt-1">• Jenis: Masjid / Gereja Protestan / Gereja Katolik / Vihara / Pura / Kelenteng</div> <div class="mt-1">• Jenis: Masjid / Gereja Protestan / Gereja Katolik / Vihara / Pura / Kelenteng</div>
<div>• Jenis kosong → default Masjid &nbsp;• Radius kosong → default 500m</div> <div>• Jenis kosong → default Masjid &nbsp;• Radius kosong → default 500m</div>
<div class="text-amber-600 font-semibold">• RI yang gagal geocoding tidak diinsert</div> <div class="text-amber-600 font-semibold">• Semua RI diinsert tanpa koordinat → lengkapi via "Bidik di Peta" pada Antrean Validasi Lokasi</div>
</div> </div>
<button id="btn-start-import" onclick="startImport()" disabled <button id="btn-start-import" onclick="startImport()" disabled
class="w-full mt-3 bg-blue-600 hover:bg-blue-700 disabled:opacity-40 disabled:cursor-not-allowed text-white font-bold text-sm py-2.5 rounded-lg transition"> class="w-full mt-3 bg-blue-600 hover:bg-blue-700 disabled:opacity-40 disabled:cursor-not-allowed text-white font-bold text-sm py-2.5 rounded-lg transition">
@@ -1604,7 +1604,7 @@ document.getElementById('exif-file-input').addEventListener('change', async func
</p> </p>
<input type="text" id="kepala" placeholder="Nama Kepala Keluarga *" class="w-full mb-1 p-1 text-xs border rounded"> <input type="text" id="kepala" placeholder="Nama Kepala Keluarga *" class="w-full mb-1 p-1 text-xs border rounded">
<input type="number" id="anggota" placeholder="Jumlah Anggota KK *" class="w-full mb-1 p-1 text-xs border rounded"> <input type="number" id="anggota" placeholder="Jumlah Anggota KK *" class="w-full mb-1 p-1 text-xs border rounded">
<input type="hidden" id="alamat_pm" value="${alamat.replace(/"/g,'&quot;')}"> <textarea id="alamat_pm" rows="2" class="w-full mb-1 p-1 text-xs border rounded">${alamat}</textarea>
<label class="text-[10px] text-slate-500 block mt-1 mb-0.5"> <label class="text-[10px] text-slate-500 block mt-1 mb-0.5">
Foto Rumah Foto Rumah
<span class="text-violet-600 font-semibold">(terisi otomatis dari foto GPS &#10003;)</span> <span class="text-violet-600 font-semibold">(terisi otomatis dari foto GPS &#10003;)</span>
@@ -1666,7 +1666,7 @@ map.on('click',function(e){
<div id="formPM"${!isPM?' class="hidden"':''}> <div id="formPM"${!isPM?' class="hidden"':''}>
<input type="text" id="kepala" placeholder="Nama Kepala Keluarga" class="w-full mb-1 p-1 text-xs border rounded"> <input type="text" id="kepala" placeholder="Nama Kepala Keluarga" class="w-full mb-1 p-1 text-xs border rounded">
<input type="number" id="anggota" placeholder="Jumlah Anggota KK" class="w-full mb-1 p-1 text-xs border rounded"> <input type="number" id="anggota" placeholder="Jumlah Anggota KK" class="w-full mb-1 p-1 text-xs border rounded">
<input type="hidden" id="alamat_pm" value="${alamat.replace(/"/g,'&quot;')}"> <textarea id="alamat_pm" rows="2" class="w-full mb-1 p-1 text-xs border rounded">${alamat}</textarea>
<label class="text-[10px] text-slate-500 block mt-1 mb-0.5">Foto Rumah (opsional)</label> <label class="text-[10px] text-slate-500 block mt-1 mb-0.5">Foto Rumah (opsional)</label>
<input type="file" id="foto_rumah_input" accept="image/*" class="w-full text-[10px] p-0.5 border border-slate-300 rounded bg-white"> <input type="file" id="foto_rumah_input" accept="image/*" class="w-full text-[10px] p-0.5 border border-slate-300 rounded bg-white">
</div> </div>
@@ -1922,15 +1922,15 @@ window.loadGecodingQueue = () => {
list.innerHTML = rows.map(r => ` list.innerHTML = rows.map(r => `
<div class="group relative flex items-center gap-2 bg-white rounded-lg border border-amber-200 px-2 py-1.5 hover:border-amber-300 transition"> <div class="group relative flex items-center gap-2 bg-white rounded-lg border border-amber-200 px-2 py-1.5 hover:border-amber-300 transition">
<div class="min-w-0 flex-1"> <div class="min-w-0 flex-1">
<div class="text-xs font-semibold text-slate-800 truncate pr-5">${r.nama_kepala}</div> <div class="text-xs font-semibold text-slate-800 truncate pr-5">${r.nama}${r.tipe==='ri' ? ' <span class=\"text-amber-500\">(RI)</span>' : ''}</div>
<div class="text-[10px] text-slate-400 truncate">${r.alamat||'Alamat tidak tersedia'}</div> <div class="text-[10px] text-slate-400 truncate">${r.alamat||'Alamat tidak tersedia'}</div>
</div> </div>
<button onclick="openBidikMode(${r.id},'${escQ(r.nama_kepala)}')" <button onclick="openBidikMode(${r.id},'${escQ(r.nama)}','${r.tipe}')"
class="flex-shrink-0 text-[10px] font-bold px-2 py-1 bg-amber-500 hover:bg-amber-600 text-white rounded-lg transition whitespace-nowrap"> class="flex-shrink-0 text-[10px] font-bold px-2 py-1 bg-amber-500 hover:bg-amber-600 text-white rounded-lg transition whitespace-nowrap">
&#127919; Bidik &#127919; Bidik
</button> </button>
<!-- Tombol hapus, muncul saat hover --> <!-- Tombol hapus, muncul saat hover -->
<button onclick="hapusAntrean(${r.id},'${escQ(r.nama_kepala)}')" <button onclick="hapusAntrean(${r.id},'${escQ(r.nama)}','${r.tipe}')"
class="absolute top-1 right-1 opacity-0 group-hover:opacity-100 transition-opacity class="absolute top-1 right-1 opacity-0 group-hover:opacity-100 transition-opacity
w-4 h-4 flex items-center justify-center rounded-full w-4 h-4 flex items-center justify-center rounded-full
bg-red-100 hover:bg-red-500 text-red-500 hover:text-white text-[9px] font-bold leading-none" bg-red-100 hover:bg-red-500 text-red-500 hover:text-white text-[9px] font-bold leading-none"
@@ -1939,22 +1939,25 @@ window.loadGecodingQueue = () => {
}); });
}; };
window.hapusAntrean = (id, nama) => { window.hapusAntrean = (id, nama, tipe) => {
if (!confirm(`Hapus data "${nama}"?\nData ini akan dihapus permanen dari database.`)) return; if (!confirm(`Hapus data "${nama}"?\nData ini akan dihapus permanen dari database.`)) return;
const fd = new FormData(); fd.append('id', id); const fd = new FormData(); fd.append('id', id);
fetch('api.php?action=delete_pm', {method:'POST', body:fd}) const endpoint = tipe === 'ri' ? 'delete_ri' : 'delete_pm';
fetch(`api.php?action=${endpoint}`, {method:'POST', body:fd})
.then(r => r.json()) .then(r => r.json())
.then(() => { loadData(); loadGecodingQueue(); }); .then(() => { loadData(); loadGecodingQueue(); });
}; };
// ── BIDIK MODE ──────────────────────────────────────────────────────── // ── BIDIK MODE ────────────────────────────────────────────────────────
let _bidikPmId = null; let _bidikPmId = null;
let _bidikTipe = 'penduduk';
window.openBidikMode = (id, nama) => { window.openBidikMode = (id, nama, tipe) => {
_bidikPmId = id; _bidikPmId = id;
_bidikTipe = tipe || 'penduduk';
document.getElementById('map').classList.add('map-crosshair'); document.getElementById('map').classList.add('map-crosshair');
document.getElementById('add-mode-toast-icon').innerHTML = '&#127919;'; document.getElementById('add-mode-toast-icon').innerHTML = '&#127919;';
document.getElementById('add-mode-toast-text').textContent = `Bidik lokasi rumah: ${nama}`; document.getElementById('add-mode-toast-text').textContent = `Bidik lokasi: ${nama}`;
document.getElementById('add-mode-toast').classList.remove('hidden'); document.getElementById('add-mode-toast').classList.remove('hidden');
// Pastikan tab wilayah terbuka supaya user bisa lihat antrian // Pastikan tab wilayah terbuka supaya user bisa lihat antrian
if (activeTab !== 'wilayah') switchTab('wilayah'); if (activeTab !== 'wilayah') switchTab('wilayah');
@@ -1962,6 +1965,7 @@ window.openBidikMode = (id, nama) => {
window.cancelBidikMode = () => { window.cancelBidikMode = () => {
_bidikPmId = null; _bidikPmId = null;
_bidikTipe = 'penduduk';
document.getElementById('map').classList.remove('map-crosshair'); document.getElementById('map').classList.remove('map-crosshair');
document.getElementById('add-mode-toast').classList.add('hidden'); document.getElementById('add-mode-toast').classList.add('hidden');
}; };
@@ -1971,9 +1975,10 @@ map.on('click', function(e) {
if (!_bidikPmId) return; if (!_bidikPmId) return;
const {lat, lng} = e.latlng; const {lat, lng} = e.latlng;
const id = _bidikPmId; const id = _bidikPmId;
const tipe = _bidikTipe;
cancelBidikMode(); cancelBidikMode();
const fd = new FormData(); const fd = new FormData();
fd.append('id', id); fd.append('lat', lat); fd.append('lng', lng); fd.append('id', id); fd.append('lat', lat); fd.append('lng', lng); fd.append('tipe', tipe);
fetch('api.php?action=update_lokasi', {method:'POST', body:fd}) fetch('api.php?action=update_lokasi', {method:'POST', body:fd})
.then(r => r.json()) .then(r => r.json())
.then(() => { loadData(); loadGecodingQueue(); }); .then(() => { loadData(); loadGecodingQueue(); });