Novie/project-webgis
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add database dump, backup script, dashboard and address feature

Browse Source
This commit is contained in:
noooviiieee
2026-06-13 18:17:19 +07:00
parent ada87b49d0
commit fa8b6a4ea9
9 changed files with 1193 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
backup_databases.bat
+79
View File
@@ -0,0 +1,79 @@
@echo off
SETLOCAL EnableDelayedExpansion
:: Set paths
SET "MYSQLDUMP_PATH=C:\laragon\bin\mysql\mysql-8.4.3-winx64\bin\mysqldump.exe"
SET "DB_DIR=%~dp0database"
:: Check if mysqldump exists
IF NOT EXIST "%MYSQLDUMP_PATH%" (
:: Try to search in PATH
where mysqldump >nul 2>nul
IF !ERRORLEVEL! EQU 0 (
SET "MYSQLDUMP_PATH=mysqldump"
) ELSE (
echo [ERROR] mysqldump.exe tidak ditemukan di %MYSQLDUMP_PATH% atau PATH sistem.
echo Silakan sesuaikan MYSQLDUMP_PATH di dalam berkas script ini.
pause
exit /b 1
)
)
:: Create database directory if not exists
IF NOT EXIST "%DB_DIR%" (
mkdir "%DB_DIR%"
)
echo.
echo ==============================================
echo Mengekspor Database ke Folder /database
echo ==============================================
echo [*] Mengekspor database peta_spbu...
"%MYSQLDUMP_PATH%" --user=root --result-file="%DB_DIR%\peta_spbu.sql" peta_spbu
IF !ERRORLEVEL! EQU 0 (
echo [OK] peta_spbu.sql berhasil diekspor.
) ELSE (
echo [GAGAL] Gagal mengekspor peta_spbu.
)
echo [*] Mengekspor database webgis_baru...
"%MYSQLDUMP_PATH%" --user=root --result-file="%DB_DIR%\webgis_baru.sql" webgis_baru
IF !ERRORLEVEL! EQU 0 (
echo [OK] webgis_baru.sql berhasil diekspor.
) ELSE (
echo [GAGAL] Gagal mengekspor webgis_baru.
)
echo.
echo ==============================================
echo Push Perubahan ke Gitea
echo ==============================================
:: Check if git is available
where git >nul 2>nul
IF !ERRORLEVEL! NEQ 0 (
echo [WARNING] Git tidak ditemukan di PATH. Tidak dapat melakukan push otomatis.
pause
exit /b 0
)
:: Add files to git
echo [*] Menambahkan file dump ke git staging...
git add "%DB_DIR%\peta_spbu.sql" "%DB_DIR%\webgis_baru.sql"
:: Get current timestamp for commit message
for /f "tokens=2 delims==" %%I in ('wmic os get localdatetime /value') do set datetime=%%I
set "timestamp=%datetime:~0,4%-%datetime:~4,2%-%datetime:~6,2% %datetime:~8,2%:%datetime:~10,2%:%datetime:~12,2%"
echo [*] Melakukan git commit...
git commit -m "Backup database: %timestamp%"
echo [*] Melakukan git push ke Gitea...
git push origin main
echo.
echo ==============================================
echo Proses backup selesai!
echo ==============================================
pause
database/peta_spbu.sql
+189
View File
@@ -0,0 +1,189 @@
-- MySQL dump 10.13 Distrib 8.4.3, for Win64 (x86_64)
--
-- Host: localhost Database: peta_spbu
-- ------------------------------------------------------
-- Server version 8.4.3
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!50503 SET NAMES utf8mb4 */;
/*!40103 SET @OLD_TIME_ZONE=@@TIME_ZONE */;
/*!40103 SET TIME_ZONE='+00:00' */;
/*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;
/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;
/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;
--
-- Table structure for table `jalan`
--
DROP TABLE IF EXISTS `jalan`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!50503 SET character_set_client = utf8mb4 */;
CREATE TABLE `jalan` (
`id` int NOT NULL AUTO_INCREMENT,
`nama_jalan` varchar(100) NOT NULL,
`status_jalan` enum('Nasional','Provinsi','Kabupaten') NOT NULL,
`panjang_jalan` double NOT NULL,
`geojson` text NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=10 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `jalan`
--
LOCK TABLES `jalan` WRITE;
/*!40000 ALTER TABLE `jalan` DISABLE KEYS */;
INSERT INTO `jalan` VALUES (7,'Jalan Ahmad Yani','Nasional',2658.06,'{\"type\":\"Feature\",\"properties\":{},\"geometry\":{\"type\":\"LineString\",\"coordinates\":[[109.338083,-0.04189],[109.346366,-0.051593],[109.352245,-0.058506],[109.353576,-0.060094]]}}'),(8,'Jalan Purnama','Provinsi',997.65,'{\"type\":\"Feature\",\"properties\":{},\"geometry\":{\"type\":\"LineString\",\"coordinates\":[[109.324265,-0.057912],[109.325058,-0.056988],[109.326024,-0.056108],[109.32729,-0.054756],[109.329093,-0.05321],[109.330766,-0.05175]]}}'),(9,'Jalan Diponegoro','Kabupaten',1336.24,'{\"type\":\"Feature\",\"properties\":{},\"geometry\":{\"type\":\"LineString\",\"coordinates\":[[109.33332,-0.03497],[109.335551,-0.032867],[109.337482,-0.030891],[109.339199,-0.029518],[109.342589,-0.027414]]}}');
/*!40000 ALTER TABLE `jalan` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `kemiskinan`
--
DROP TABLE IF EXISTS `kemiskinan`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!50503 SET character_set_client = utf8mb4 */;
CREATE TABLE `kemiskinan` (
`id` int NOT NULL AUTO_INCREMENT,
`nama_kepala` varchar(100) NOT NULL,
`jumlah_kk` int NOT NULL,
`alamat` text NOT NULL,
`lat` double NOT NULL,
`lng` double NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `kemiskinan`
--
LOCK TABLES `kemiskinan` WRITE;
/*!40000 ALTER TABLE `kemiskinan` DISABLE KEYS */;
/*!40000 ALTER TABLE `kemiskinan` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `masjid`
--
DROP TABLE IF EXISTS `masjid`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!50503 SET character_set_client = utf8mb4 */;
CREATE TABLE `masjid` (
`id` int NOT NULL AUTO_INCREMENT,
`nama_masjid` varchar(100) NOT NULL,
`pic_masjid` varchar(100) NOT NULL,
`alamat` text NOT NULL,
`radius` int DEFAULT '500',
`lat` double NOT NULL,
`lng` double NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `masjid`
--
LOCK TABLES `masjid` WRITE;
/*!40000 ALTER TABLE `masjid` DISABLE KEYS */;
/*!40000 ALTER TABLE `masjid` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `parsil_tanah`
--
DROP TABLE IF EXISTS `parsil_tanah`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!50503 SET character_set_client = utf8mb4 */;
CREATE TABLE `parsil_tanah` (
`id` int NOT NULL AUTO_INCREMENT,
`status_kepemilikan` enum('SHM','HGB','HGU','HP') NOT NULL,
`luas_tanah` double NOT NULL,
`geojson` text NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `parsil_tanah`
--
LOCK TABLES `parsil_tanah` WRITE;
/*!40000 ALTER TABLE `parsil_tanah` DISABLE KEYS */;
INSERT INTO `parsil_tanah` VALUES (1,'SHM',206633.96,'{\"type\":\"Feature\",\"properties\":{},\"geometry\":{\"type\":\"Polygon\",\"coordinates\":[[[109.343448,-0.042118],[109.3504,-0.042675],[109.350486,-0.047479],[109.343448,-0.042118]]]}}'),(2,'HGB',156134.99,'{\"type\":\"Feature\",\"properties\":{},\"geometry\":{\"type\":\"Polygon\",\"coordinates\":[[[109.343898,-0.047524],[109.351516,-0.049583],[109.344435,-0.050977],[109.343898,-0.047524]]]}}'),(4,'HGU',877993.51,'{\"type\":\"Feature\",\"properties\":{},\"geometry\":{\"type\":\"Polygon\",\"coordinates\":[[[109.356709,-0.031797],[109.373188,-0.041329],[109.369497,-0.030595],[109.356709,-0.031797]]]}}'),(5,'HP',397069.12,'{\"type\":\"Feature\",\"properties\":{},\"geometry\":{\"type\":\"Polygon\",\"coordinates\":[[[109.37233,-0.042359],[109.365163,-0.044721],[109.373403,-0.050947],[109.37233,-0.042359]]]}}');
/*!40000 ALTER TABLE `parsil_tanah` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `spbu`
--
DROP TABLE IF EXISTS `spbu`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!50503 SET character_set_client = utf8mb4 */;
CREATE TABLE `spbu` (
`id` int NOT NULL AUTO_INCREMENT,
`nama_spbu` varchar(100) NOT NULL,
`no_wa` varchar(20) NOT NULL,
`buka_24jam` enum('Ya','Tidak') NOT NULL,
`lat` double NOT NULL,
`lng` double NOT NULL,
`nama_pengelola` varchar(255) DEFAULT '',
`alamat_lengkap` text,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=7 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `spbu`
--
LOCK TABLES `spbu` WRITE;
/*!40000 ALTER TABLE `spbu` DISABLE KEYS */;
INSERT INTO `spbu` VALUES (2,'SPBU OSO MT.Haryono','081356746361','Tidak',-0.044932381323108256,109.33674216270448,'',''),(3,'SPBU Paris','081356746361','Ya',-0.03756252128204861,109.34192419052125,'',NULL),(6,'SPBU Paris','081356746365','Ya',-0.053347291136283656,109.35797452926637,'Saiful','Jalan Suka-suka');
/*!40000 ALTER TABLE `spbu` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `wilayah`
--
DROP TABLE IF EXISTS `wilayah`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!50503 SET character_set_client = utf8mb4 */;
CREATE TABLE `wilayah` (
`id` int NOT NULL AUTO_INCREMENT,
`nama_wilayah` varchar(100) DEFAULT NULL,
`geojson` text,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `wilayah`
--
LOCK TABLES `wilayah` WRITE;
/*!40000 ALTER TABLE `wilayah` DISABLE KEYS */;
/*!40000 ALTER TABLE `wilayah` ENABLE KEYS */;
UNLOCK TABLES;
/*!40103 SET TIME_ZONE=@OLD_TIME_ZONE */;
/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;
/*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;
/*!40014 SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS */;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;
-- Dump completed on 2026-06-13 18:16:56
database/webgis_baru.sql
+363
View File
@@ -0,0 +1,363 @@
-- MySQL dump 10.13 Distrib 8.4.3, for Win64 (x86_64)
--
-- Host: localhost Database: webgis_baru
-- ------------------------------------------------------
-- Server version 8.4.3
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!50503 SET NAMES utf8mb4 */;
/*!40103 SET @OLD_TIME_ZONE=@@TIME_ZONE */;
/*!40103 SET TIME_ZONE='+00:00' */;
/*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;
/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;
/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;
--
-- Table structure for table `anggota_keluarga`
--
DROP TABLE IF EXISTS `anggota_keluarga`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!50503 SET character_set_client = utf8mb4 */;
CREATE TABLE `anggota_keluarga` (
`id` int NOT NULL AUTO_INCREMENT,
`id_warga` int NOT NULL,
`nama` varchar(255) NOT NULL,
`tanggal_lahir` date DEFAULT NULL,
`jenis_kelamin` enum('Laki-laki','Perempuan') DEFAULT NULL,
`hubungan_kk` enum('Kepala Keluarga','Istri/Suami','Anak','Orang Tua','Saudara','Lainnya') NOT NULL,
`pendidikan_terakhir` enum('Tidak Sekolah','SD','SMP','SMA','D3','S1','S2','S3') DEFAULT NULL,
`pekerjaan` varchar(100) DEFAULT NULL,
`riwayat_penyakit` text,
`kepemilikan_jaminan` enum('BPJS Kesehatan','KIS','BPJS Ketenagakerjaan','Tidak Ada') DEFAULT NULL,
PRIMARY KEY (`id`),
KEY `id_warga` (`id_warga`),
CONSTRAINT `anggota_keluarga_ibfk_1` FOREIGN KEY (`id_warga`) REFERENCES `warga_miskin` (`id`) ON DELETE CASCADE
) ENGINE=InnoDB AUTO_INCREMENT=9 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `anggota_keluarga`
--
LOCK TABLES `anggota_keluarga` WRITE;
/*!40000 ALTER TABLE `anggota_keluarga` DISABLE KEYS */;
INSERT INTO `anggota_keluarga` VALUES (2,13,'Mirna','1981-08-09','Perempuan','Istri/Suami','SD','Penjahit','Tidak ada','BPJS Kesehatan'),(5,16,'Siti','1980-01-02','Perempuan','Istri/Suami','SMA','Ibu Rumah Tangga','Tidak ada','BPJS Kesehatan'),(6,16,'Risnu','2000-09-09','Laki-laki','Anak','SMA','Pekerja Lepas','Tidak ada','BPJS Kesehatan'),(7,17,'Adi','1999-09-09','Laki-laki','Anak','SMP','Buruh Harian','Tidak ada','BPJS Kesehatan'),(8,18,'Santi','1980-09-09','Perempuan','Istri/Suami','SMA','Ibu Rumah Tangga','Tidak ada','BPJS Kesehatan');
/*!40000 ALTER TABLE `anggota_keluarga` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `chat_pengurus`
--
DROP TABLE IF EXISTS `chat_pengurus`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!50503 SET character_set_client = utf8mb4 */;
CREATE TABLE `chat_pengurus` (
`id` int unsigned NOT NULL AUTO_INCREMENT,
`pengirim_id` int unsigned NOT NULL COMMENT 'user_id dari tabel users',
`nama_pengirim` varchar(100) COLLATE utf8mb4_unicode_ci NOT NULL COMMENT 'nama_masjid atau username saat pesan dikirim',
`role_pengirim` enum('admin','pengurus_masjid') COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT 'pengurus_masjid',
`pesan` text COLLATE utf8mb4_unicode_ci NOT NULL,
`dibuat_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
PRIMARY KEY (`id`),
KEY `idx_id` (`id`),
KEY `idx_pengirim` (`pengirim_id`),
KEY `idx_dibuat_at` (`dibuat_at`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci COMMENT='Ruang diskusi / chat antar pengurus rumah ibadah';
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `chat_pengurus`
--
LOCK TABLES `chat_pengurus` WRITE;
/*!40000 ALTER TABLE `chat_pengurus` DISABLE KEYS */;
INSERT INTO `chat_pengurus` VALUES (1,2,'Masjid Baitussalam','pengurus_masjid','test','2026-06-10 10:12:17'),(2,2,'Masjid Baitussalam','pengurus_masjid','test','2026-06-10 10:12:20'),(3,2,'Masjid Baitussalam','pengurus_masjid','test','2026-06-10 10:12:21'),(4,2,'Masjid Baitussalam','pengurus_masjid','test','2026-06-10 10:12:22');
/*!40000 ALTER TABLE `chat_pengurus` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `donasi_digital`
--
DROP TABLE IF EXISTS `donasi_digital`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!50503 SET character_set_client = utf8mb4 */;
CREATE TABLE `donasi_digital` (
`id` int NOT NULL AUTO_INCREMENT,
`nama_donatur` varchar(150) NOT NULL,
`jenis_donasi` varchar(50) DEFAULT 'Uang Tunai',
`nominal` int DEFAULT '0',
`deskripsi_barang` varchar(255) DEFAULT NULL,
`pesan_dukungan` text,
`metode_pembayaran` varchar(50) NOT NULL,
`ibadah_id` int DEFAULT NULL,
`status` enum('pending','berhasil','gagal') DEFAULT 'pending',
`bukti_transfer` varchar(255) DEFAULT NULL,
`created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=19 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `donasi_digital`
--
LOCK TABLES `donasi_digital` WRITE;
/*!40000 ALTER TABLE `donasi_digital` DISABLE KEYS */;
INSERT INTO `donasi_digital` VALUES (1,'Orang Baik','Uang Tunai',400000,NULL,'Semoga berkah...','QRIS',NULL,'berhasil','1780846324_6a258ef470a47.jpeg','2026-06-07 15:32:04'),(2,'Orang Berbagi','Uang Tunai',100000,NULL,'Semoga berkah...','QRIS',NULL,'berhasil','1780846886_6a2591260a245.jpeg','2026-06-07 15:41:26'),(3,'Orang SukaSuka','Uang Tunai',500000,NULL,'Semoga dapat digunakan selayaknya','QRIS',2,'berhasil','1780847228_6a25927c02043.jpeg','2026-06-07 15:47:08'),(4,'Cece Baik Hati','Uang Tunai',50000,NULL,'Peng an sun','QRIS',2,'berhasil','1780847618_6a25940293c28.jpeg','2026-06-07 15:53:38'),(5,'Orang Baik Hati','Uang Tunai',400000,NULL,'Berkah selalu','QRIS',3,'berhasil','1780847686_6a2594462e5ac.jpeg','2026-06-07 15:54:46'),(6,'Orang Baik','Uang Tunai',900000,NULL,'Semoga berkah...','QRIS',8,'berhasil','1780847876_6a2595042e5fb.jpeg','2026-06-07 15:57:56'),(7,'Novie','Uang Tunai',500000,NULL,'Berkah selalu','QRIS',2,'berhasil','1780924196_6a26bf245b673.jpeg','2026-06-08 13:09:56'),(8,'Orang Baik','Uang Tunai',50000,NULL,'Semoga berkah...','QRIS',2,'berhasil','1780986353_6a27b1f1336b0.jpeg','2026-06-09 06:25:53'),(9,'Novie','Uang Tunai',500000,NULL,'Semoga berkah','QRIS',2,'berhasil','1781086532_6a293944c7260.jpg','2026-06-10 10:15:32'),(10,'Orang Baik Hati','Uang Tunai',4000000,NULL,'Semoga Berkah','Transfer Bank',2,'berhasil','1781087138_6a293ba2f07d3.jpg','2026-06-10 10:25:38'),(11,'Orang Berbagi','Uang Tunai',500000,NULL,'Semoga Berkah','Transfer Bank',2,'berhasil','1781087211_6a293bebb761d.jpg','2026-06-10 10:26:51'),(12,'Novie','Uang Tunai',500000,NULL,'[BARANG] undefined | Pesan: Semoga berkah','QRIS',2,'berhasil','uploads/bukti_donasi/donasi_1781102960_6a297970957d0.jpg','2026-06-10 14:49:20'),(13,'Orang Baik','Uang Tunai',500000,NULL,'Semoga berkah','QRIS',2,'berhasil','uploads/bukti_donasi/donasi_1781103988_6a297d74b0289.jpg','2026-06-10 15:06:28'),(14,'Novie','Uang Tunai',500000,NULL,'Berkah selalu','QRIS',2,'berhasil','uploads/bukti_donasi/donasi_1781111479_6a299ab785056.jpg','2026-06-10 17:11:19'),(15,'Orang SukaSuka','Uang Tunai',500000,'','Berkah selalu','QRIS',2,'berhasil','uploads/bukti_donasi/donasi_1781137622_6a2a00d65153f.jpg','2026-06-11 00:27:02'),(16,'Anonim','Sembako',0,'5 kg beras','[BARANG] 5 kg beras | Pesan: Berkah selalu','Barang',2,'berhasil','uploads/bukti_donasi/donasi_1781137665_6a2a01012800a.jpg','2026-06-11 00:27:45'),(17,'Anonim','Bantuan Kesehatan',0,'3 pack obat Paracetamol','[BARANG] 3 pack obat Paracetamol | Pesan: Berkah selalu','Barang',2,'berhasil','uploads/bukti_donasi/donasi_1781138697_6a2a050990405.jpg','2026-06-11 00:44:57'),(18,'Novie','Bantuan Pendidikan',0,'12 Buku Non-Fiksi','[BARANG] 12 Buku Non-Fiksi | Pesan: Berkah selalu','Barang',2,'gagal','uploads/bukti_donasi/donasi_1781138979_6a2a06237ed16.jpg','2026-06-11 00:49:39');
/*!40000 ALTER TABLE `donasi_digital` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `histori_bantuan`
--
DROP TABLE IF EXISTS `histori_bantuan`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!50503 SET character_set_client = utf8mb4 */;
CREATE TABLE `histori_bantuan` (
`id` int NOT NULL AUTO_INCREMENT,
`warga_id` int NOT NULL,
`program_id` int DEFAULT NULL,
`jenis_id` int NOT NULL,
`jumlah` decimal(15,2) DEFAULT NULL,
`satuan_custom` varchar(50) DEFAULT NULL,
`tanggal_distribusi` date NOT NULL,
`nama_penyalur` varchar(100) DEFAULT NULL,
`via` varchar(100) DEFAULT NULL,
`status_terima` enum('sudah','belum') DEFAULT 'belum',
`catatan` text,
`operator_id` int DEFAULT NULL,
`created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
PRIMARY KEY (`id`),
KEY `warga_id` (`warga_id`),
KEY `program_id` (`program_id`),
KEY `jenis_id` (`jenis_id`),
CONSTRAINT `histori_bantuan_ibfk_1` FOREIGN KEY (`warga_id`) REFERENCES `warga_miskin` (`id`) ON DELETE CASCADE,
CONSTRAINT `histori_bantuan_ibfk_2` FOREIGN KEY (`program_id`) REFERENCES `program_bantuan` (`id`) ON DELETE SET NULL,
CONSTRAINT `histori_bantuan_ibfk_3` FOREIGN KEY (`jenis_id`) REFERENCES `jenis_bantuan` (`id`) ON DELETE RESTRICT
) ENGINE=InnoDB AUTO_INCREMENT=9 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `histori_bantuan`
--
LOCK TABLES `histori_bantuan` WRITE;
/*!40000 ALTER TABLE `histori_bantuan` DISABLE KEYS */;
INSERT INTO `histori_bantuan` VALUES (3,6,NULL,1,1.00,'Rp 500.000','2026-06-08','Masjid Baitussalam',NULL,'belum','Bantuan uang tunai',NULL,'2026-06-08 12:53:50'),(4,19,NULL,1,1.00,'Rp 500.000','2026-06-08','Masjib B',NULL,'belum','Bantuan uang tunai',NULL,'2026-06-08 13:07:14'),(5,3,NULL,1,1.00,'500000','2026-06-09','Masjid Baitussalam',NULL,'belum','Bantuan uang tunai',NULL,'2026-06-09 06:26:35'),(6,35,NULL,1,1.00,'Rp 500.000','2026-06-10','Masjid Baitussalam',NULL,'belum','Bantuan uang tunai',NULL,'2026-06-10 04:50:23'),(7,8,NULL,2,1.00,'2 kg Beras','2026-06-10','Masjid Baitussalam',NULL,'belum','Bantuan Sembako',NULL,'2026-06-10 12:57:42'),(8,13,NULL,1,1.00,'Rp 500.000','2026-06-10','Masjid Baitussalam',NULL,'belum','Bantuan uang tunai',NULL,'2026-06-10 13:38:15');
/*!40000 ALTER TABLE `histori_bantuan` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `jenis_bantuan`
--
DROP TABLE IF EXISTS `jenis_bantuan`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!50503 SET character_set_client = utf8mb4 */;
CREATE TABLE `jenis_bantuan` (
`id` int NOT NULL AUTO_INCREMENT,
`nama` varchar(100) NOT NULL,
`satuan` varchar(50) DEFAULT NULL,
`keterangan` text,
`created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=7 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `jenis_bantuan`
--
LOCK TABLES `jenis_bantuan` WRITE;
/*!40000 ALTER TABLE `jenis_bantuan` DISABLE KEYS */;
INSERT INTO `jenis_bantuan` VALUES (1,'Uang Tunai','rupiah',NULL,'2026-05-21 04:43:07'),(2,'Sembako','paket',NULL,'2026-05-21 04:43:07'),(3,'Bantuan Kesehatan','rupiah',NULL,'2026-05-21 04:43:07'),(4,'Bantuan Pendidikan','rupiah',NULL,'2026-05-21 04:43:07'),(5,'Lainnya','custom',NULL,'2026-05-21 04:43:07'),(6,'Pakaian','paket',NULL,'2026-06-08 12:12:46');
/*!40000 ALTER TABLE `jenis_bantuan` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `laporan_warga`
--
DROP TABLE IF EXISTS `laporan_warga`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!50503 SET character_set_client = utf8mb4 */;
CREATE TABLE `laporan_warga` (
`id` int NOT NULL AUTO_INCREMENT,
`pelapor_id` int NOT NULL,
`tipe_laporan` enum('diri_sendiri','orang_lain') DEFAULT 'orang_lain',
`nama_kk` varchar(150) NOT NULL,
`jumlah_anggota` int DEFAULT '1',
`alamat` text NOT NULL,
`lat` decimal(10,7) DEFAULT '0.0000000',
`lng` decimal(10,7) DEFAULT '0.0000000',
`pekerjaan` varchar(100) DEFAULT '',
`keterangan` text,
`is_fakir_miskin` tinyint(1) DEFAULT '0',
`is_dhuafa` tinyint(1) DEFAULT '0',
`is_lansia_tunggal` tinyint(1) DEFAULT '0',
`is_anak_yatim` tinyint(1) DEFAULT '0',
`is_korban_bencana` tinyint(1) DEFAULT '0',
`is_disabilitas` tinyint(1) DEFAULT '0',
`status` enum('menunggu','diverifikasi','ditolak') DEFAULT 'menunggu',
`catatan_admin` text,
`warga_id` int DEFAULT NULL,
`created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
`updated_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `laporan_warga`
--
LOCK TABLES `laporan_warga` WRITE;
/*!40000 ALTER TABLE `laporan_warga` DISABLE KEYS */;
INSERT INTO `laporan_warga` VALUES (1,5,'orang_lain','Dinda',1,'Gang Kelantan 4',-0.0301212,109.3414723,'Tidak bekerja','Sebatang Kara',1,0,0,0,0,0,'diverifikasi',NULL,39,'2026-06-11 01:36:18','2026-06-11 01:45:35'),(2,1,'diri_sendiri','Dind',1,'Gang Kelantan 4',-0.0301245,109.3414723,'Tidak bekerja','Sebatang Kara',1,0,0,0,0,0,'diverifikasi',NULL,40,'2026-06-11 01:46:33','2026-06-11 01:46:51');
/*!40000 ALTER TABLE `laporan_warga` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `program_bantuan`
--
DROP TABLE IF EXISTS `program_bantuan`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!50503 SET character_set_client = utf8mb4 */;
CREATE TABLE `program_bantuan` (
`id` int NOT NULL AUTO_INCREMENT,
`nama` varchar(150) NOT NULL,
`sumber_dana` varchar(100) DEFAULT NULL,
`periode` varchar(50) DEFAULT NULL,
`tanggal` date DEFAULT NULL,
`keterangan` text,
`status` enum('aktif','selesai') DEFAULT 'aktif',
`created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `program_bantuan`
--
LOCK TABLES `program_bantuan` WRITE;
/*!40000 ALTER TABLE `program_bantuan` DISABLE KEYS */;
/*!40000 ALTER TABLE `program_bantuan` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `rumah_ibadah`
--
DROP TABLE IF EXISTS `rumah_ibadah`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!50503 SET character_set_client = utf8mb4 */;
CREATE TABLE `rumah_ibadah` (
`id` int NOT NULL AUTO_INCREMENT,
`nama_tempat` varchar(100) NOT NULL,
`kategori` varchar(50) DEFAULT 'Masjid',
`pic` varchar(100) NOT NULL,
`alamat` text NOT NULL,
`radius` int DEFAULT '500',
`lat` double NOT NULL,
`lng` double NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=12 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `rumah_ibadah`
--
LOCK TABLES `rumah_ibadah` WRITE;
/*!40000 ALTER TABLE `rumah_ibadah` DISABLE KEYS */;
INSERT INTO `rumah_ibadah` VALUES (2,'Masjid Baitussalam','Masjid','Susanto','Jalan Penjara',1200,-0.04770244173765413,109.36466932296754),(3,'Masjid Attaqwa','Masjid','Saiful','Jalan Merdeka Nomor 12',1250,-0.053773348619954704,109.37674999237062),(9,'Masjid Al-Ikhlas','Masjid','Saiful','Gang sukasuka',700,-0.0611359793283,109.35743808746),(10,'Gereja SukaCita','Gereja','Dito','Jalan SukaCita',500,-0.070405205159816,109.35973405838),(11,'GBU Tahu Healing Movement','Gereja','Sintia','Gang Sepakat',700,-0.03280288861396,109.36896622181);
/*!40000 ALTER TABLE `rumah_ibadah` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `users`
--
DROP TABLE IF EXISTS `users`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!50503 SET character_set_client = utf8mb4 */;
CREATE TABLE `users` (
`id` int NOT NULL AUTO_INCREMENT,
`username` varchar(50) NOT NULL,
`password` varchar(255) NOT NULL,
`role` enum('admin','pengurus_masjid','walikota','warga') NOT NULL,
`nama_masjid` varchar(100) DEFAULT NULL,
PRIMARY KEY (`id`),
UNIQUE KEY `username` (`username`)
) ENGINE=InnoDB AUTO_INCREMENT=8 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `users`
--
LOCK TABLES `users` WRITE;
/*!40000 ALTER TABLE `users` DISABLE KEYS */;
INSERT INTO `users` VALUES (1,'admin','$2y$10$wTTooOeX5l97AF8pXLq8AOk8Pz7B0HMrXT8xF92agpKEiJLr3uZBu','admin',NULL),(2,'pengurus_baitussalam','$2y$10$sOwd9h/NuYYwvGBj6U8fn.LFS871MoMEb/arMXtdLmTg0qrCqMEWm','pengurus_masjid','Masjid Baitussalam'),(4,'warga_test','12345','warga',NULL),(5,'warga_1','$2y$10$TwlkQR7XrsON2Zx.uTHHU.m8B9IHPJlxkuto2VPEkDUEu04tcFV8O','warga',NULL),(6,'walikota','$2y$10$ktcesFeAQ20D1B40UQkRO.0VoIhHK3fO69/JWd7cvFPkulSD8mYcO','walikota',NULL),(7,'pengurus_al-ikhlas','$2y$10$wSJRUyuk09CgKQ4IOgSjx.MTceOXRrAh6iNp2ZBkWH/wZZZp/l0nq','pengurus_masjid',NULL);
/*!40000 ALTER TABLE `users` ENABLE KEYS */;
UNLOCK TABLES;
--
-- Table structure for table `warga_miskin`
--
DROP TABLE IF EXISTS `warga_miskin`;
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!50503 SET character_set_client = utf8mb4 */;
CREATE TABLE `warga_miskin` (
`id` int NOT NULL AUTO_INCREMENT,
`nama_kk` varchar(100) NOT NULL,
`jumlah_anggota` int NOT NULL,
`alamat` text NOT NULL,
`tanggal_lahir` date DEFAULT NULL COMMENT 'Tanggal lahir kepala keluarga',
`pendidikan_terakhir` enum('Tidak Sekolah','SD','SMP','SMA','D3','S1','S2','S3') DEFAULT NULL COMMENT 'Pendidikan terakhir kepala keluarga',
`pekerjaan` varchar(100) DEFAULT NULL COMMENT 'Pekerjaan/mata pencaharian utama',
`riwayat_penyakit` text COMMENT 'Penyakit kronis atau disabilitas',
`kepemilikan_jaminan` enum('BPJS Kesehatan','KIS','BPJS Ketenagakerjaan','Tidak Ada') DEFAULT NULL COMMENT 'Jaminan sosial yang dimiliki',
`is_fakir_miskin` tinyint(1) DEFAULT '0',
`is_dhuafa` tinyint(1) DEFAULT '0',
`is_lansia_tunggal` tinyint(1) DEFAULT '0',
`is_anak_yatim` tinyint(1) DEFAULT '0',
`is_korban_bencana` tinyint(1) DEFAULT '0',
`is_disabilitas` tinyint(1) DEFAULT '0',
`lat` double NOT NULL,
`lng` double NOT NULL,
`diinput_oleh_id` int DEFAULT '0',
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=41 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
/*!40101 SET character_set_client = @saved_cs_client */;
--
-- Dumping data for table `warga_miskin`
--
LOCK TABLES `warga_miskin` WRITE;
/*!40000 ALTER TABLE `warga_miskin` DISABLE KEYS */;
INSERT INTO `warga_miskin` VALUES (1,'Budi',3,'Jalan Penjara Gang Sukajaya Nomor 10',NULL,NULL,NULL,NULL,NULL,0,0,0,0,0,0,-0.047732567775941,109.36592459679,0),(3,'Dilan',11,'Jalan Penjara Gang Sukacita Nomor 22',NULL,NULL,'','',NULL,0,0,0,0,0,0,-0.046885827162767,109.36652541161,0),(4,'Gilang',3,'Jalan Penjara Gang Sukamakmur Nomor 23',NULL,NULL,NULL,NULL,NULL,0,0,0,0,0,0,-0.047759510540325,109.36508238316,0),(6,'Susanto',3,'Jalan Penjara Gang Sukajadi Nomor 67',NULL,NULL,'','',NULL,0,0,0,0,0,0,-0.048850113949622,109.36640739441,0),(7,'Udin',3,'Jalan Suka Suka Nomo 22',NULL,NULL,NULL,NULL,NULL,0,0,0,0,0,0,-0.045735556730363,109.37108516693,0),(8,'Yanto',2,'Jalan Suka Suka Nomor 45',NULL,NULL,NULL,NULL,NULL,0,0,0,0,0,0,-0.051202846936577,109.37403023243,0),(12,'Budi Pratama',2,'Jalan Sukajadi',NULL,NULL,NULL,NULL,NULL,0,0,0,0,0,0,-0.044194538704672,109.38108444214,0),(13,'Budi Pratama',2,'Jalan Sukajadi',NULL,NULL,'','',NULL,0,0,0,0,0,0,-0.044194538704672,109.38108444214,0),(16,'Aldi',3,'Jalan Adi Sucipto','1980-07-09','SMA','Buruh Harian','Tidak ada','BPJS Ketenagakerjaan',0,0,0,0,0,0,-0.057883807006538,109.36466932297,0),(17,'Budi',2,'Jalan Tani','1999-07-09','SMP','Buruh','Diabetes','BPJS Kesehatan',1,0,1,0,0,0,-0.055182653729648,109.35788869858,0),(18,'Budi',2,'Jalan Sukacita','1987-09-09','SMA','Buruh Harian','Stroke','BPJS Kesehatan',0,0,0,0,0,0,-0.049697732014782,109.37239408493,0),(19,'Budi',1,'Jalan Suka Suka','1980-04-12','SMA','Buruh','Tidak ada','BPJS Kesehatan',0,0,0,0,0,0,-0.049614296697837,109.3735742569,0),(20,'Budi',1,'Jalan Siam','1999-09-09','SD','Buruh','Tidak ada','BPJS Kesehatan',1,0,1,0,0,0,-0.054503046022846,109.37323629856,0),(30,'Budi',1,'n','1960-08-09','SD','Buruh harian','Tidak ada','BPJS Ketenagakerjaan',1,0,0,0,0,0,-0.04289238669434,109.36996936798,0),(32,'Santo',1,'Gang Baitusalam','1970-09-09','SMP','Petani','Tidak ada','BPJS Kesehatan',1,0,0,0,0,0,-0.048292924722202,109.36431527138,0),(33,'Dubi',1,'Gang Sakura','1970-09-09','SMP','Penjahit','Tidak ada','BPJS Kesehatan',0,0,1,0,0,0,-0.063513293480067,109.37121391296,1),(35,'Alip',1,'Jalan Pemda','1970-09-09','SMP','Tidak bekerja','Tidak ada','BPJS Kesehatan',0,0,0,0,0,1,-0.048206302135675,109.37461495399,1),(36,'Ikbal',1,'Gang Husan nomor 23','1980-09-08','SMA','Tukang Parkir','Tidak ada','BPJS Kesehatan',0,0,0,0,1,1,-0.045705589587549,109.37252283096,1),(38,'a',1,'a','1980-09-09','SMA','Buruh Harian','Tidak ada','BPJS Kesehatan',1,0,1,0,0,0,-0.069716399923345,109.36863899231,1),(39,'Dinda',1,'Gang Kelantan 4',NULL,NULL,'Tidak bekerja','',NULL,1,0,0,0,0,0,-0.0301212,109.3414723,5);
/*!40000 ALTER TABLE `warga_miskin` ENABLE KEYS */;
UNLOCK TABLES;
/*!40103 SET TIME_ZONE=@OLD_TIME_ZONE */;
/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;
/*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;
/*!40014 SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS */;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;
-- Dump completed on 2026-06-13 18:17:00
webgisdatakemiskinan/get_schema.php
+12
View File
@@ -0,0 +1,12 @@
<?php
$pdo = new PDO('mysql:host=localhost;dbname=webgis_baru;charset=utf8', 'root', '');
$tablesStmt = $pdo->query("SHOW TABLES");
$tables = $tablesStmt->fetchAll(PDO::FETCH_COLUMN);
$schema = [];
foreach ($tables as $table) {
$stmt = $pdo->query("DESCRIBE $table");
$schema[$table] = $stmt->fetchAll(PDO::FETCH_ASSOC);
}
echo json_encode($schema, JSON_PRETTY_PRINT);
webgisspbu-parsiltanah/dashboard.php
+458
View File
@@ -0,0 +1,458 @@
<?php
include 'koneksi.php';
// Fetch SPBU
$spbu_data = [];
$res = $conn->query("SELECT * FROM spbu");
if ($res) {
while($row = $res->fetch_assoc()) {
$spbu_data[] = $row;
}
}
// Fetch Jalan
$jalan_data = [];
$res = $conn->query("SELECT * FROM jalan");
if ($res) {
while($row = $res->fetch_assoc()) {
$jalan_data[] = $row;
}
}
// Fetch Parsil
$parsil_data = [];
$res = $conn->query("SELECT * FROM parsil_tanah");
if ($res) {
while($row = $res->fetch_assoc()) {
$parsil_data[] = $row;
}
}
$conn->close();
?>
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Dashboard Data - WebGIS</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<style>
:root {
--blue: #2563EB;
--blue-d: #1D4ED8;
--blue-l: #EFF6FF;
--navy: #1E293B; /* softer navy */
--navy-d: #0F172A;
--green: #10B981;
--green-d: #059669;
--green-l: #ECFDF5;
--red: #EF4444;
--amber: #F59E0B;
--surface: #FFFFFF;
--border: #E2E8F0;
--border-l:#F1F5F9;
--text-2: #475569;
--text-3: #94A3B8;
--r: 16px;
--r2: 12px;
--r3: 8px;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: 'Plus Jakarta Sans', sans-serif;
background: #F8FAFC;
min-height: 100vh;
color: var(--navy-d);
padding-top: 80px; /* space for navbar */
}
/* ── NAVBAR ── */
#navbar {
position: fixed;
top: 0; left: 0; right: 0;
height: 56px;
z-index: 1200;
background: rgba(255,255,255,0.92);
backdrop-filter: blur(24px);
border-bottom: 1px solid rgba(226,232,240,0.7);
box-shadow: 0 1px 16px rgba(15,23,42,0.08);
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 16px;
}
.nav-brand {
display: flex;
align-items: center;
gap: 9px;
text-decoration: none;
}
.nav-brand-logo {
width: 32px; height: 32px;
border-radius: 9px;
background: linear-gradient(135deg, var(--navy), var(--navy-d));
display: flex; align-items: center; justify-content: center;
box-shadow: 0 2px 8px rgba(15,23,42,0.2);
}
.nav-brand-text {
font-size: 14px;
font-weight: 800;
color: var(--navy-d);
letter-spacing: -0.3px;
}
.nav-link {
text-decoration: none;
font-size: 13px;
font-weight: 700;
color: var(--navy-d);
display: flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
border-radius: 8px;
transition: all 0.2s;
background: white;
border: 1px solid var(--border);
}
.nav-link:hover {
background: var(--border-l);
color: var(--navy-d);
}
/* ── DASHBOARD CONTAINER ── */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px 40px;
}
.page-header {
margin-bottom: 24px;
}
.page-title {
font-size: 28px;
font-weight: 800;
letter-spacing: -0.5px;
margin-bottom: 8px;
color: var(--navy-d);
}
.page-subtitle {
color: var(--text-2);
font-size: 14px;
font-weight: 500;
}
/* ── TABS ── */
.tabs {
display: flex;
gap: 12px;
margin-bottom: 24px;
border-bottom: 1px solid var(--border);
padding-bottom: 12px;
}
.tab-btn {
background: none;
border: none;
padding: 10px 16px;
font-family: inherit;
font-size: 14px;
font-weight: 700;
color: var(--text-3);
cursor: pointer;
border-radius: var(--r2);
transition: all 0.2s;
display: flex;
align-items: center;
gap: 8px;
}
.tab-btn:hover {
color: var(--navy-d);
background: var(--border-l);
}
.tab-btn.active {
color: white;
background: var(--navy);
box-shadow: 0 2px 8px rgba(15,23,42,0.15);
}
.tab-icon {
width: 18px; height: 18px;
}
/* ── TABLE ── */
.table-container {
background: white;
border-radius: var(--r);
box-shadow: 0 4px 24px rgba(15,23,42,0.06);
border: 1px solid var(--border-l);
overflow: hidden;
width: 100%;
overflow-x: auto;
}
table {
width: 100%;
border-collapse: collapse;
text-align: left;
font-size: 13px;
}
th {
background: var(--navy);
padding: 14px 20px;
font-weight: 800;
color: white;
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 11px;
border-bottom: none;
white-space: nowrap;
}
td {
padding: 14px 20px;
border-bottom: 1px solid var(--border-l);
color: var(--navy-d);
font-weight: 500;
vertical-align: middle;
}
/* Striped Rows */
tr:nth-child(even) td {
background-color: #F8FAFC;
}
tr:nth-child(odd) td {
background-color: #FFFFFF;
}
tr:hover td {
background-color: #F1F5F9 !important;
}
tr:last-child td {
border-bottom: none;
}
/* Badges */
.badge {
display: inline-flex;
align-items: center;
padding: 4px 10px;
border-radius: 20px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.02em;
}
.badge.green { background: var(--green-l); color: var(--green-d); }
.badge.red { background: #FEF2F2; color: var(--red); }
.badge.blue { background: var(--blue-l); color: var(--blue-d); }
.badge.amber { background: #FFFBEB; color: #D97706; }
.btn-map {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
border-radius: 6px;
background: var(--blue);
color: white;
text-decoration: none;
font-size: 11px;
font-weight: 700;
transition: all 0.2s;
white-space: nowrap;
}
.btn-map:hover {
background: var(--blue-d);
}
.empty-state {
padding: 40px;
text-align: center;
color: var(--text-3);
font-size: 14px;
font-weight: 500;
}
/* TAB CONTENT */
.tab-pane {
display: none;
animation: fadeIn 0.3s ease;
}
.tab-pane.active {
display: block;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
</style>
</head>
<body>
<!-- NAVBAR -->
<nav id="navbar">
<div class="nav-brand">
<div class="nav-brand-logo">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><rect x="7" y="7" width="3" height="9"></rect><rect x="14" y="7" width="3" height="5"></rect>
</svg>
</div>
<div class="nav-brand-text">Dashboard WebGIS</div>
</div>
<a href="index.php" class="nav-link">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline>
</svg>
Kembali ke Peta
</a>
</nav>
<div class="container">
<div class="page-header">
<h1 class="page-title">Data Overview</h1>
<p class="page-subtitle">Kelola dan tinjau semua data aset SPBU, jaringan jalan, dan parsil tanah yang terdaftar pada sistem.</p>
</div>
<!-- TABS -->
<div class="tabs">
<button class="tab-btn active" onclick="openTab('tab-spbu')">
<svg class="tab-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
Data SPBU (<?= count($spbu_data) ?>)
</button>
<button class="tab-btn" onclick="openTab('tab-jalan')">
<svg class="tab-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
Data Jalan (<?= count($jalan_data) ?>)
</button>
<button class="tab-btn" onclick="openTab('tab-parsil')">
<svg class="tab-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21"></polygon></svg>
Data Parsil (<?= count($parsil_data) ?>)
</button>
</div>
<!-- SPBU TAB -->
<div id="tab-spbu" class="tab-pane active">
<div class="table-container">
<?php if(count($spbu_data) > 0): ?>
<table>
<thead>
<tr>
<th>ID</th>
<th>Nama SPBU</th>
<th>Pengelola</th>
<th>Kontak</th>
<th>Alamat Lengkap</th>
<th>Status</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
<?php foreach($spbu_data as $row):
$is24 = (trim($row['buka_24jam']) === 'Ya');
?>
<tr>
<td style="color:var(--text-3); font-weight:700;">#<?= $row['id'] ?></td>
<td><b><?= htmlspecialchars($row['nama_spbu']) ?></b></td>
<td><?= htmlspecialchars($row['nama_pengelola'] ? $row['nama_pengelola'] : '-') ?></td>
<td><?= htmlspecialchars($row['no_wa']) ?></td>
<td style="max-width: 250px; white-space: normal; line-height: 1.4;"><?= htmlspecialchars($row['alamat_lengkap'] ? $row['alamat_lengkap'] : '-') ?></td>
<td>
<?php if($is24): ?>
<span class="badge green">Buka 24 Jam</span>
<?php else: ?>
<span class="badge red">Tutup Malam</span>
<?php endif; ?>
</td>
<td>
<a href="index.php?lat=<?= $row['lat'] ?>&lng=<?= $row['lng'] ?>&zoom=18" class="btn-map">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
Lihat di Peta
</a>
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
<?php else: ?>
<div class="empty-state">Belum ada data SPBU tersimpan.</div>
<?php endif; ?>
</div>
</div>
<!-- JALAN TAB -->
<div id="tab-jalan" class="tab-pane">
<div class="table-container">
<?php if(count($jalan_data) > 0): ?>
<table>
<thead>
<tr>
<th>ID</th>
<th>Nama Jalan</th>
<th>Status Jalan</th>
<th>Panjang</th>
</tr>
</thead>
<tbody>
<?php foreach($jalan_data as $row):
$badgeClass = 'amber';
if($row['status_jalan'] == 'Nasional') $badgeClass = 'red';
else if($row['status_jalan'] == 'Provinsi') $badgeClass = 'blue';
else if($row['status_jalan'] == 'Kabupaten') $badgeClass = 'green';
?>
<tr>
<td style="color:var(--text-3); font-weight:700;">#<?= $row['id'] ?></td>
<td><b><?= htmlspecialchars($row['nama_jalan']) ?></b></td>
<td><span class="badge <?= $badgeClass ?>"><?= htmlspecialchars($row['status_jalan']) ?></span></td>
<td><?= htmlspecialchars($row['panjang_jalan']) ?> m</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
<?php else: ?>
<div class="empty-state">Belum ada data Jalan tersimpan.</div>
<?php endif; ?>
</div>
</div>
<!-- PARSIL TAB -->
<div id="tab-parsil" class="tab-pane">
<div class="table-container">
<?php if(count($parsil_data) > 0): ?>
<table>
<thead>
<tr>
<th>ID</th>
<th>Status Kepemilikan</th>
<th>Luas Tanah</th>
</tr>
</thead>
<tbody>
<?php foreach($parsil_data as $row): ?>
<tr>
<td style="color:var(--text-3); font-weight:700;">#<?= $row['id'] ?></td>
<td><b><?= htmlspecialchars($row['status_kepemilikan']) ?></b></td>
<td><?= htmlspecialchars($row['luas_tanah']) ?> m²</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
<?php else: ?>
<div class="empty-state">Belum ada data Parsil Tanah tersimpan.</div>
<?php endif; ?>
</div>
</div>
</div>
<script>
function openTab(tabId) {
// Hide all tab panes
document.querySelectorAll('.tab-pane').forEach(el => el.classList.remove('active'));
// Remove active class from all tab buttons
document.querySelectorAll('.tab-btn').forEach(el => el.classList.remove('active'));
// Show selected tab
document.getElementById(tabId).classList.add('active');
// Add active class to clicked button
event.currentTarget.classList.add('active');
}
</script>
</body>
</html>
webgisspbu-parsiltanah/db_update.php
+1 -1
View File
@@ -1,6 +1,6 @@
<?php
include 'koneksi.php';
$sql = "ALTER TABLE spbu ADD COLUMN nama_pengelola VARCHAR(255) DEFAULT '';";
$sql = "ALTER TABLE spbu ADD COLUMN alamat_lengkap TEXT DEFAULT NULL;";
if ($conn->query($sql) === TRUE) {
echo "Sukses_DB";
} else {
webgisspbu-parsiltanah/index.php
+86 -4
View File
@@ -54,6 +54,7 @@
box-shadow: 0 1px 16px rgba(15,23,42,0.08);
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 16px;
}
.nav-brand {
@@ -75,6 +76,23 @@
color: var(--navy);
letter-spacing: -0.3px;
}
.nav-link {
text-decoration: none;
font-size: 13px;
font-weight: 700;
color: var(--blue);
display: flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
border-radius: 8px;
transition: all 0.2s;
background: var(--blue-l);
}
.nav-link:hover {
background: var(--blue);
color: white;
}
/* ── MAP ── */
#map {
@@ -382,6 +400,12 @@
</div>
<div class="nav-brand-text">WebGIS SPBU & Parsil Tanah</div>
</a>
<a href="dashboard.php" class="nav-link">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><rect x="7" y="7" width="3" height="9"></rect><rect x="14" y="7" width="3" height="5"></rect>
</svg>
Dashboard Data
</a>
</nav>
<div id="map"></div>
@@ -572,6 +596,10 @@
<label>No. Whatsapp</label>
<input type="text" id="no_wa" placeholder="Contoh: 0812..." required>
</div>
<div class="ff">
<label>Alamat Lengkap</label>
<input type="text" id="alamat_lengkap" placeholder="Masukkan alamat lengkap" required>
</div>
<div class="ff" style="margin-bottom:0;">
<label>Buka 24 Jam?</label>
<select id="buka_24jam">
@@ -596,10 +624,12 @@
let pengelola = document.getElementById('nama_pengelola').value;
let wa = document.getElementById('no_wa').value;
let jam = document.getElementById('buka_24jam').value;
if (!nama || !pengelola || !wa || jam === "") { alert("Harap isi semua data termasuk status 24 jam!"); return; }
let alamat = document.getElementById('alamat_lengkap').value;
if (!nama || !pengelola || !wa || !alamat || jam === "") { alert("Harap isi semua data!"); return; }
let fd = new FormData();
fd.append('nama_spbu', nama); fd.append('nama_pengelola', pengelola); fd.append('no_wa', wa);
fd.append('alamat_lengkap', alamat);
fd.append('buka_24jam', jam); fd.append('lat', tempLatLng.lat); fd.append('lng', tempLatLng.lng);
let btn = document.querySelector('.btn-sv.g');
@@ -631,12 +661,19 @@
<div class="lp-su">Kontak: ${spbu.no_wa}</div>
</div>
<div class="lp-bd">
Alamat: ${spbu.alamat_lengkap || '-'}<br>
Status: <b>${is24 ? '<span style="color:#10B981;">Buka 24 Jam</span>' : '<span style="color:#EF4444;">Tutup Malam</span>'}</b><br>
<i style="font-size:10px; color:#94A3B8; display:block; margin-top:8px;">Geser pin untuk mengubah lokasi koordinat.</i>
</div>
<div class="lp-btns" style="display:flex; gap:6px;">
<button class="btn-sv w" onclick="bukaFormEdit(${spbu.id})">Edit</button>
<button class="btn-sv r" onclick="hapusSPBU(${spbu.id})">Hapus</button>
<div class="lp-btns" style="display:flex; flex-direction: column; gap:6px;">
<button class="btn-sv b" onclick="window.open('https://www.google.com/maps/dir/?api=1&destination=${spbu.lat},${spbu.lng}', '_blank')">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="3 11 22 2 13 21 11 13 3 11"></polygon></svg>
Rute ke SPBU
</button>
<div style="display:flex; gap:6px;">
<button class="btn-sv w" onclick="bukaFormEdit(${spbu.id})">Edit</button>
<button class="btn-sv r" onclick="hapusSPBU(${spbu.id})">Hapus</button>
</div>
</div>
</div>
@@ -657,6 +694,10 @@
<label>No. Whatsapp</label>
<input type="text" id="edit_wa_${spbu.id}" value="${spbu.no_wa}">
</div>
<div class="ff">
<label>Alamat Lengkap</label>
<input type="text" id="edit_alamat_${spbu.id}" value="${spbu.alamat_lengkap || ''}">
</div>
<div class="ff" style="margin-bottom:0;">
<label>Buka 24 Jam?</label>
<select id="edit_jam_${spbu.id}">
@@ -701,6 +742,7 @@
fd.append('nama_spbu', document.getElementById(`edit_nama_${id}`).value);
fd.append('nama_pengelola', document.getElementById(`edit_pengelola_${id}`).value);
fd.append('no_wa', document.getElementById(`edit_wa_${id}`).value);
fd.append('alamat_lengkap', document.getElementById(`edit_alamat_${id}`).value);
fd.append('buka_24jam', document.getElementById(`edit_jam_${id}`).value);
fetch('update.php', { method: 'POST', body: fd })
@@ -1105,6 +1147,46 @@
muatDataSPBU();
muatDataJalan();
muatDataKavling();
// ============================================================
// FOCUS PETA DARI URL PARAMETERS
// ============================================================
window.addEventListener('load', function() {
const urlParams = new URLSearchParams(window.location.search);
const focusLat = urlParams.get('lat');
const focusLng = urlParams.get('lng');
const focusZoom = urlParams.get('zoom') || 17;
if (focusLat && focusLng) {
let lat = parseFloat(focusLat);
let lng = parseFloat(focusLng);
map.setView([lat, lng], parseInt(focusZoom));
// Tambahkan marker sementara untuk menyorot lokasi
let highlight = L.circleMarker([lat, lng], {
radius: 30,
color: '#F59E0B',
fillColor: '#FCD34D',
fillOpacity: 0.4,
weight: 2
}).addTo(map);
// Animate pulse
let size = 30;
let growing = true;
let pulseInterval = setInterval(() => {
if (growing) { size += 1; if(size >= 40) growing = false; }
else { size -= 1; if(size <= 30) growing = true; }
highlight.setRadius(size);
}, 50);
// Hapus marker highlight setelah 5 detik
setTimeout(() => {
clearInterval(pulseInterval);
map.removeLayer(highlight);
}, 5000);
}
});
</script>
</body>
webgisspbu-parsiltanah/simpan.php
+3 -2
View File
@@ -6,11 +6,12 @@ if (isset($_POST['nama_spbu'])) {
$pengelola = $_POST['nama_pengelola'];
$wa = $_POST['no_wa'];
$buka_24jam = $_POST['buka_24jam'];
$alamat_lengkap = $_POST['alamat_lengkap'];
$lat = $_POST['lat'];
$lng = $_POST['lng'];
$sql = "INSERT INTO spbu (nama_spbu, nama_pengelola, no_wa, buka_24jam, lat, lng)
VALUES ('$nama', '$pengelola', '$wa', '$buka_24jam', '$lat', '$lng')";
$sql = "INSERT INTO spbu (nama_spbu, nama_pengelola, no_wa, buka_24jam, alamat_lengkap, lat, lng)
VALUES ('$nama', '$pengelola', '$wa', '$buka_24jam', '$alamat_lengkap', '$lat', '$lng')";
if ($conn->query($sql) === TRUE) {
echo "Sukses";
webgisspbu-parsiltanah/update.php
+2 -1
View File
@@ -7,9 +7,10 @@ $nama = $_POST['nama_spbu'];
$pengelola = $_POST['nama_pengelola'];
$wa = $_POST['no_wa'];
$buka_24jam = $_POST['buka_24jam'];
$alamat_lengkap = $_POST['alamat_lengkap'];
// Query UPDATE untuk mengubah data berdasarkan ID-nya
$sql = "UPDATE spbu SET nama_spbu='$nama', nama_pengelola='$pengelola', no_wa='$wa', buka_24jam='$buka_24jam' WHERE id='$id'";
$sql = "UPDATE spbu SET nama_spbu='$nama', nama_pengelola='$pengelola', no_wa='$wa', buka_24jam='$buka_24jam', alamat_lengkap='$alamat_lengkap' WHERE id='$id'";
if ($conn->query($sql) === TRUE) {
echo "Sukses";