Add Layanan Polsek submenu polsek terdekat

Seeder menu keamanan -> menu ekonomi submenu : demografi pekerjaan, junlah pengangguran, lowongan kerja lokal, pasar desa, program kemiskinan, sektor unggulan, struktur organisasi
This commit is contained in:
2026-01-17 10:32:48 +08:00
parent 184854d273
commit 17b20e0d40
67 changed files with 3238 additions and 1079 deletions

View File

@@ -0,0 +1,56 @@
[
{
"id": "cmkf3kv0b0004vnys6hh7ugj2",
"pekerjaan": "Petani/Pekebun",
"lakiLaki": 180,
"perempuan": 120
},
{
"id": "cmkf3kv0b0004vnys6hh8vhk3",
"pekerjaan": "Perajin Industri",
"lakiLaki": 95,
"perempuan": 140
},
{
"id": "cmkf3kv0b0004vnys6hh9wil4",
"pekerjaan": "Pedagang/UMKM",
"lakiLaki": 130,
"perempuan": 170
},
{
"id": "cmkf3kv0b0004vnys6hh0xjm5",
"pekerjaan": "Karyawan Swasta",
"lakiLaki": 260,
"perempuan": 310
},
{
"id": "cmkf3kv0b0004vnys6hh1ykn6",
"pekerjaan": "PNS/TNI/Polri",
"lakiLaki": 85,
"perempuan": 75
},
{
"id": "cmkf3kv0b0004vnys6hh2zlo7",
"pekerjaan": "Buruh Harian Lepas",
"lakiLaki": 140,
"perempuan": 90
},
{
"id": "cmkf3kv0b0004vnys6hh3amp8",
"pekerjaan": "Wiraswasta",
"lakiLaki": 165,
"perempuan": 110
},
{
"id": "cmkf3kv0b0004vnys6hh4bnq9",
"pekerjaan": "Pelajar/Mahasiswa",
"lakiLaki": 220,
"perempuan": 240
},
{
"id": "cmkf3kv0b0004vnys6hh5cor0",
"pekerjaan": "Belum/Tidak Bekerja",
"lakiLaki": 70,
"perempuan": 95
}
]

View File

@@ -0,0 +1,57 @@
[
{
"id": "3b3e817b-c136-4488-ac79-9a7d408939a2",
"posisi": "Lowongan TPS3R Pudak Mesari",
"namaPerusahaan": "TPS3R Pudak Mesari Desa Darmasaba",
"lokasi": "Desa Darmasaba, Abiansemal, Kabupaten Badung, Bali",
"tipePekerjaan": "Freelance",
"gaji": "1.500.000",
"deskripsi": "Menjalankan tugas di TPS3R Pudak Mesari.",
"kualifikasi": "Usia 18-30 tahun, SMA/SMK minimal",
"notelp": "089647037426"
},
{
"id": "3b3e817b-c136-4488-bd80-9a7d408939a2",
"posisi": "Marketing Executive",
"namaPerusahaan": "PT Mitra Krida Mandiri (Dealer Honda MKM Darmasaba)",
"lokasi": "Jalan Raya Darmasaba No.169, Abiansemal, Badung, Bali",
"tipePekerjaan": "Full Time",
"gaji": "2.500.000",
"deskripsi": "Menjalankan tugas pemasaran dan penjualan produk Honda di area Darmasaba.",
"kualifikasi": "Usia 18-30 tahun, SMA/SMK minimal, memiliki sepeda motor Honda dan smartphone.",
"notelp": "081296001047"
},
{
"id": "3b3e817b-c136-4488-ce91-9a7d408939a2",
"posisi": "Kasir",
"namaPerusahaan": "GOGO DARMASABA",
"lokasi": "Jl. Raya Darmasaba, Darmasaba, Kec. Abiansemal, Kabupaten Badung, Bali",
"tipePekerjaan": "Full Time",
"gaji": "2.500.000",
"deskripsi": "Melakukan pelayanan kasir dan administrasi pelanggan di restoran/food service.",
"kualifikasi": "Wanita, 18-30 tahun, SMA/SMK minimal pengalaman 1-3 tahun sebagai kasir atau Customer Service.",
"notelp": "089647037426"
},
{
"id": "3b3e817b-c136-4488-df02-9a7d408939a2",
"posisi": "Kasir / Teknisi Handphone",
"namaPerusahaan": "Jaya Cell Darmasaba",
"lokasi": "Jl. Raya Darmasaba, Darmasaba, Abiansemal, Badung, Bali",
"tipePekerjaan": "Full Time",
"gaji": "2.000.000",
"deskripsi": "Melakukan pelayanan kasir serta teknisi ponsel termasuk troubleshooting dan perbaikan.",
"kualifikasi": "Tidak disebutkan pengalaman khusus, memiliki KTP dan keinginan kuat untuk bekerja.",
"notelp": "089647037426"
},
{
"id": "3b3e817b-c136-4488-eg13-9a7d408939a2",
"posisi": "Guru Les (Pengajar Anak)",
"namaPerusahaan": "Bimba AIUEO Darmasaba",
"lokasi": "Darmasaba, Kabupaten Badung, Bali",
"tipePekerjaan": "Full Time",
"gaji": "2.000.000",
"deskripsi": "Mengajar calistung dan perkembangan dasar anak usia 3-6 tahun.",
"kualifikasi": "Minimal SMA/SMK, komunikasi baik, berinteraksi dengan anak-anak.",
"notelp": "089647037426"
}
]

View File

@@ -6,5 +6,17 @@
{ {
"id": "5c06chf7-123f-6hfe-0663-5e9h76e55060", "id": "5c06chf7-123f-6hfe-0663-5e9h76e55060",
"nama": "Minuman" "nama": "Minuman"
},
{
"id": "5c06chf7-123f-7igd-0663-5e9h76e55060",
"nama": "Sembako"
},
{
"id": "5c06chf7-123f-8jhe-0663-5e9h76e55060",
"nama": "Sayur Mayur"
},
{
"id": "5c06chf7-123f-9kif-0663-5e9h76e55060",
"nama": "Protein Hewani"
} }
] ]

View File

@@ -0,0 +1,42 @@
[
{
"id": "f6b52033-5016-45d9-b0fd-b9d4b6c4729b",
"kategoriId": "5c06chf7-123f-9kif-0663-5e9h76e55060",
"pasarDesaId": "d62660a2-ac6b-428a-acf6-58cc837ef789"
},
{
"id": "d2ef373c-043c-44b5-adde-6a25a54199d3",
"kategoriId": "5c06chf7-123f-7igd-0663-5e9h76e55060",
"pasarDesaId": "d62660a2-ac6b-428a-acf6-58cc837ef789"
},
{
"id": "ad427752-fea0-4ef3-a312-5961eefd5ee3",
"kategoriId": "4b95bge6-012e-5ged-9552-4d8g65d44959",
"pasarDesaId": "d62660a2-ac6b-428a-acf6-58cc837ef789"
},
{
"id": "bd00ab59-7ac8-4d40-94de-a86bb0eb4557",
"kategoriId": "5c06chf7-123f-8jhe-0663-5e9h76e55060",
"pasarDesaId": "24c6b992-49da-4c6e-aebb-72cf89f75438"
},
{
"id": "b7d311a2-a23a-499d-a339-823c5e30849a",
"kategoriId": "5c06chf7-123f-7igd-0663-5e9h76e55060",
"pasarDesaId": "24c6b992-49da-4c6e-aebb-72cf89f75438"
},
{
"id": "50ccc6c9-92c1-4d86-9585-85d48d35f640",
"kategoriId": "4b95bge6-012e-5ged-9552-4d8g65d44959",
"pasarDesaId": "24c6b992-49da-4c6e-aebb-72cf89f75438"
},
{
"id": "3b27f795-1d1d-4655-90f9-b779a009094e",
"kategoriId": "4b95bge6-012e-5ged-9552-4d8g65d44959",
"pasarDesaId": "6dea2257-b710-4cd2-8d94-9b6737e658d8"
},
{
"id": "d45873c5-5948-40f9-a88d-aa0861132bae",
"kategoriId": "4b95bge6-012e-5ged-9552-4d8g65d44959",
"pasarDesaId": "1b7a17ea-83f7-4e73-a94d-96e2b4a623f2"
}
]

View File

@@ -0,0 +1,46 @@
[
{
"id": "1b7a17ea-83f7-4e73-a94d-96e2b4a623f2",
"nama": "Warung Pasar Darmasaba",
"harga": 30000,
"imageId": "cmkew56ls0000vnysrnzr9ttx",
"rating": 4.3,
"alamatUsaha": "Br. Baler Pasar, Desa Darmasaba, Kec. Abiansemal",
"kontak": "081234567890",
"deskripsi": "Warung tradisional yang menjual kebutuhan pokok harian seperti sembako, jajanan pasar, dan minuman.",
"kategoriProdukId": "5c06chf7-123f-7igd-0663-5e9h76e55060"
},
{
"id": "6dea2257-b710-4cd2-8d94-9b6737e658d8",
"nama": "Jajanan Pasar Bu Made",
"imageId": "cmkewaa2s0001vnysvvs9tu56",
"harga": 5000,
"rating": 4.6,
"alamatUsaha": "Jl. Raya Darmasaba, dekat Banjar Baler Pasar",
"kontak": "082145678901",
"deskripsi": "Menjual berbagai jajanan pasar tradisional Bali seperti laklak, klepon, dan pisang rai.",
"kategoriProdukId": "4b95bge6-012e-5ged-9552-4d8g65d44959"
},
{
"id": "24c6b992-49da-4c6e-aebb-72cf89f75438",
"nama": "Sayur Segar Pak Wayan",
"imageId": "cmkewcvfq0002vnys6985nm90",
"harga": 20000,
"rating": 4.4,
"alamatUsaha": "Area Pasar Desa Darmasaba",
"kontak": "087865432109",
"deskripsi": "Lapak sayur segar yang menyediakan sayuran lokal hasil petani sekitar Desa Darmasaba.",
"kategoriProdukId": "5c06chf7-123f-8jhe-0663-5e9h76e55060"
},
{
"id": "d62660a2-ac6b-428a-acf6-58cc837ef789",
"nama": "Ayam & Daging Segar Darmasaba",
"imageId": "cmkewf4u90003vnys87en35nj",
"harga": 80000,
"rating": 4.2,
"alamatUsaha": "Br. Baler Pasar, Desa Darmasaba",
"kontak": "081998877665",
"deskripsi": "Menjual ayam potong dan daging segar untuk kebutuhan rumah tangga dan upacara adat.",
"kategoriProdukId": "5c06chf7-123f-9kif-0663-5e9h76e55060"
}
]

View File

@@ -0,0 +1,23 @@
[
{
"id": "dd92a029-cd7d-4b60-8a3b-dd88e61fe715",
"nama": "BLT-DD (Bantuan Langsung Tunai Dana Desa)",
"icon": "bantuan",
"deskripsi": "<p>Program pemberian Bantuan Langsung Tunai yang dibiayai dari Dana Desa untuk meringankan beban ekonomi keluarga miskin/prasejahtera di Desa Darmasaba.</p>",
"statistikId": "d59481a3-ff7f-4e52-cd5c-89e143eeb869"
},
{
"id": "dd92a029-cd7d-4b60-9b4c-dd88e61fe715",
"nama": "Penguatan Ketahanan Pangan",
"icon": "air",
"deskripsi": "<p>Kegiatan pemberdayaan masyarakat dalam ketahanan pangan untuk mendukung ketersediaan pangan keluarga kurang mampu dan meningkatkan kemampuan produksi pangan lokal.</p>",
"statistikId": "d59481a3-ff7f-4e52-de6d-89e143eeb869"
},
{
"id": "dd92a029-cd7d-4b60-0c5d-dd88e61fe715",
"nama": "Peningkatan IKM berbasis E-commerce",
"icon": "ekonomi",
"deskripsi": "<p>Program peningkatan keterampilan usaha mikro kecil (IKM) termasuk pelatihan branding, pengemasan, dan promosi digital untuk memperkuat ekonomi rumah tangga melalui pemasaran online.</p>",
"statistikId": "d59481a3-ff7f-4e52-df7e-89e143eeb869"
}
]

View File

@@ -0,0 +1,17 @@
[
{
"id": "d59481a3-ff7f-4e52-cd5c-89e143eeb869",
"tahun": 2023,
"jumlah": 20
},
{
"id": "d59481a3-ff7f-4e52-de6d-89e143eeb869",
"tahun": 2024,
"jumlah": 30
},
{
"id": "d59481a3-ff7f-4e52-df7e-89e143eeb869",
"tahun": 2025,
"jumlah": 20
}
]

View File

@@ -0,0 +1,44 @@
[
{
"id": "053999e8-e5c4-4a50-b587-0e0ce15aba1a",
"name": "Pertanian",
"description": "Sektor pertanian meliputi kegiatan bercocok tanam padi, palawija, dan tanaman lain di subak yang menjadi basis mata pencaharian warga",
"value": 90
},
{
"id": "8e0d2f2d-512d-4c05-8880-b6e7d144a34d",
"name": "UMKM Kecil",
"description": "Usaha Mikro Kecil Menengah termasuk IKM berbasis pengolahan pangan dan kuliner yang tumbuh di desa sebagai penggerak ekonomi lokal",
"value": 45
},
{
"id": "0378b10a-f0e3-421c-9272-225d931179ce",
"name": "Peternakan",
"description": "Peternakan ikan lele dan mata pencaharian lain yang mendukung ketahanan pangan dan ekonomi masyarakat desa",
"value": 30
},
{
"id": "4fa28680-8014-4c46-9dd0-1aa910630fd3",
"name": "BUMDes",
"description": "BUMDes Pudak Mesari sebagai lembaga usaha desa yang mengembangkan potensi lokal dan layanan ekonomi",
"value": 20
},
{
"id": "669464b2-dd7e-44be-b609-97a9b844df8b",
"name": "Kawasan Kuliner",
"description": "Potensi kawasan kuliner desa yang menjadi daya tarik ekonomi dan pariwisata kecil di daerah Darmasaba",
"value": 15
},
{
"id": "ef65e122-84ce-4483-93e9-c1a8bcee9b79",
"name": "Pariwisata",
"description": "Potensi wisata lokal seperti Jogging Track, taman dan water park yang memberikan nilai tambah ekonomi masyarakat",
"value": 35
},
{
"id": "08443c84-8ca9-4690-b900-e5e3e753cc97",
"name": "Kerajinan Genteng",
"description": "Kerajinan genteng press di Desa Adat Tegal yang merupakan usaha kerajinan lokal dengan kontribusi ekonomi",
"value": 25
}
]

View File

@@ -1115,5 +1115,59 @@
"mimeType": "image/webp", "mimeType": "image/webp",
"link": "/api/fileStorage/findUnique/DyX82oztXbHfu6HEvbrpt-desktop.webp", "link": "/api/fileStorage/findUnique/DyX82oztXbHfu6HEvbrpt-desktop.webp",
"category": "image" "category": "image"
},
{
"id": "cmkc2tcn30000vnt9esmx8kyb",
"name": "K0wY911212dinYA3AFB_f-desktop.webp",
"realName": "keamananl-1.jpg",
"path": "uploads/images",
"mimeType": "image/webp",
"link": "/api/fileStorage/findUnique/K0wY911212dinYA3AFB_f-desktop.webp",
"category": "image"
},
{
"id": "cmkc2xm1z0003vnt98682dv0a",
"name": "x0_-siY2V8IehBzo4_uph-desktop.webp",
"realName": "keamananl-2.jpg",
"path": "uploads/images",
"mimeType": "image/webp",
"link": "/api/fileStorage/findUnique/x0_-siY2V8IehBzo4_uph-desktop.webp",
"category": "image"
},
{
"id": "cmkc36q2j0006vnt9g87h5it4",
"name": "TXknK9CSRSxwvM2hPW6BO-desktop.webp",
"realName": "pecalang.jpeg",
"path": "uploads/images",
"mimeType": "image/webp",
"link": "/api/fileStorage/findUnique/TXknK9CSRSxwvM2hPW6BO-desktop.webp",
"category": "image"
},
{
"id": "cmkccs50d0000vn2mfuk0d9dw",
"name": "U7rePDZq5E59z-Eo9tLBe-desktop.webp",
"realName": "tips-keamanan-1.jpg",
"path": "uploads/images",
"mimeType": "image/webp",
"link": "/api/fileStorage/findUnique/U7rePDZq5E59z-Eo9tLBe-desktop.webp",
"category": "image"
},
{
"id": "cmkccyh7t0003vn2mjdrqtuu0",
"name": "TTur8BttDlAS9UgZVe3M8-desktop.webp",
"realName": "tipskaman.jpg",
"path": "uploads/images",
"mimeType": "image/webp",
"link": "/api/fileStorage/findUnique/TTur8BttDlAS9UgZVe3M8-desktop.webp",
"category": "image"
},
{
"id": "cmkdu8kb20002vn4lihwo4k86",
"name": "6DQbAvn0St-xHdPGW3vpY-desktop.webp",
"realName": "Jamban4.jpg",
"path": "uploads/images",
"mimeType": "image/webp",
"link": "/api/fileStorage/findUnique/6DQbAvn0St-xHdPGW3vpY-desktop.webp",
"category": "image"
} }
] ]

View File

@@ -0,0 +1,20 @@
[
{
"id": "cmkc2tcs00002vnt9c0ssj05n",
"name": "Sosialisasi dan Pembinaan Keamanan Lingkungan Desa Darmasaba",
"deskripsi": "<p>Pemerintah Desa Darmasaba melaksanakan Sosialisasi dan Pembinaan tentang keamanan dan ketertiban lingkungan kepada warga Perumahan Darmasaba Permai di Wantilan Perum Darmasaba Permai, Desa Darmasaba. Kegiatan ini melibatkan Perbekel Darmasaba, Bhabinkamtibmas, Babinsa, anggota BPD, LPM Desa, KBD dan KBA untuk mengajak warga berperan aktif dalam menjaga keamanan lingkungan, serta mendukung pemasangan lampu penerangan jalan guna mencegah kriminalitas dan kecelakaan di wilayah lingkungan.</p>",
"imageId": "cmkc2tcn30000vnt9esmx8kyb"
},
{
"id": "cmkc2xmdh0005vnt9ri6f4nk8",
"name": "Sinergi Aparat dan Masyarakat untuk Keamanan Lingkungan",
"deskripsi": "<p>Desa Darmasaba bersama aparat seperti Polres Badung dan elemen masyarakat berkomitmen menjalin sinergi untuk menciptakan keamanan dan ketertiban lingkungan yang kondusif, memperkuat kepedulian serta tindakan nyata dalam menjaga situasi kamtibmas desa.</p>",
"imageId": "cmkc2xm1z0003vnt98682dv0a"
},
{
"id": "cmkc36qbl0008vnt9odvekex6",
"name": "Peran Sistem Keamanan Lingkungan (Siskamling) dan Pecalang di Bali",
"deskripsi": "<p>Sistem keamanan lingkungan (Siskamling) di Bali termasuk di Desa Darmasaba melibatkan kolaborasi antara pemerintah desa, satlinmas, dan pecalang sebagai pranata adat Bali. Sinergi ini penting untuk menjaga ketertiban masyarakat serta harmoni sosial berdasarkan kearifan lokal seperti Tri Hita Karana, meskipun perlu pembinaan dan koordinasi terus menerus dari desa dan aparat terkait.</p>",
"imageId": "cmkc36q2j0006vnt9g87h5it4"
}
]

View File

@@ -0,0 +1,20 @@
[
{
"id": "keamanan-polisi",
"nama": "Kepolisian",
"icon": "keamanan",
"kategoriId": "item-polisi"
},
{
"id": "keamanan-damkar",
"nama": "Pemadam Kebakaran",
"icon": "pemadam",
"kategoriId": "item-damkar"
},
{
"id": "keamanan-sar",
"nama": "SAR & Evakuasi",
"icon": "sar",
"kategoriId": "item-sar"
}
]

View File

@@ -0,0 +1,17 @@
[
{
"id": "map-polisi-1",
"kontakDaruratId": "keamanan-polisi",
"kontakItemId": "item-polsek-darmasaba"
},
{
"id": "map-polisi-2",
"kontakDaruratId": "keamanan-polisi",
"kontakItemId": "item-polres-badung"
},
{
"id": "map-damkar-1",
"kontakDaruratId": "keamanan-damkar",
"kontakItemId": "item-damkar-badung"
}
]

View File

@@ -0,0 +1,45 @@
[
{
"id": "item-polisi",
"nama": "Polisi",
"nomorTelepon": "110",
"icon": "keamanan"
},
{
"id": "item-damkar",
"nama": "Pemadam Kebakaran",
"nomorTelepon": "113",
"icon": "pemadam"
},
{
"id": "item-sar",
"nama": "BASARNAS",
"nomorTelepon": "115",
"icon": "sar"
},
{
"id": "item-polsek-darmasaba",
"nama": "Polsek Darmasaba",
"nomorTelepon": "0361123456",
"icon": "bangunan"
},
{
"id": "item-polres-badung",
"nama": "Polres Badung",
"nomorTelepon": "0361123999",
"icon": "bangunan"
},
{
"id": "item-damkar-badung",
"nama": "Damkar Kabupaten Badung",
"nomorTelepon": "0361900113",
"icon": "pemadam"
},
{
"id": "item-bpbd-badung",
"nama": "BPBD Badung",
"nomorTelepon": "0361900113",
"icon": "sar"
}
]

View File

@@ -0,0 +1,16 @@
[
{
"id": "cmkdt14my0000vn4lrvfv6jxr",
"judul": "LAPORAN REALISASI APBDES SEMESTER I TAHUN ANGGARAN 2025",
"lokasi": "Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung",
"tanggalWaktu": "2025-08-04T08:58:55.080Z",
"kronologi": "<p>Pemerintah Desa Darmasaba menyampaikan realisasi pendapatan dan belanja desa hingga semester I tahun 2025 yang mencakup berbagai sumber pendapatan dan rincian belanja desa.</p>"
},
{
"id": "cmkdt14my0000vn4lrvfv7kys",
"judul": "Aksi Penanganan Maraknya Pembuangan Sampah Liar di Wilayah Desa Darmasaba",
"lokasi": "Desa Darmasaba, Kabupaten Badung",
"tanggalWaktu": "2025-11-24T08:58:55.080Z",
"kronologi": "<p>Tim mendatangi rumah pihak yang diduga melakukan pembuangan sampah liar, melakukan pendataan dan penelusuran, serta koordinasi lintas wilayah untuk memastikan penanganan yang tepat.</p>"
}
]

View File

@@ -0,0 +1,12 @@
[
{
"id": "cmkdt41lx0001vn4lrlcqz735",
"laporanId": "cmkdt14my0000vn4lrvfv6jxr",
"deskripsi": "<p>Laporan ini disampaikan sebagai bentuk komitmen transparansi pengelolaan keuangan desa dan dapat dimonitor oleh masyarakat.</p>"
},
{
"id": "cmkdt41lx0002vn4lrlcqz846",
"laporanId": "cmkdt14my0000vn4lrvfv7kys",
"deskripsi": "<p>Pemerintah Desa bersama Penyidik Lingkungan Hidup melakukan investigasi lapangan terhadap laporan masyarakat mengenai aksi pembuangan sampah liar, serta melakukan koordinasi untuk penindakan sesuai ketentuan.</p>"
}
]

View File

@@ -0,0 +1,23 @@
[
{
"id": "cmh48mn850003qq091pvs7rf1",
"judul": "Maling Motor di Darmasaba, Residivis Begal Didor",
"deskripsi": "<p>Maling Motor di Darmasaba, Residivis Begal Didor David Andiansyah kembali terancam dibui lantaran melakukan aksi pencurian.</p>",
"deskripsiSingkat": "<p>Maling Motor di Darmasaba, Residivis Begal Didor David Andiansyah kembali terancam dibui lantaran melakukan aksi pencurian. Mantan narapidana kasus begal ini diciduk polisi usai mencuri sepeda motor di garase rumah, kawasan Banjar Cabe, Desa Darmasaba, Abiansemal, Badung, Kamis (24/6). Kasi Humas Polres Badung Iptu Ketut Sudana menerangkan, peristiwa tersebut bermula ketika korban Ni Made Desniari berkunjung ke rumah tetangganya Putu Juliati. Saat itu korban memarkirkan sepeda motor Honda Beat miliknya di garase (TKP), tetapi kunci motornya masih nyantol di motor. Ketika korban kembali sekitar pukul 13.00, didapati motornya telah raib. Atas kejadian ini wanita asli Banjar Cabe melapor ke polisi.</p>",
"linkVideo": "https://www.youtube.com/embed/2rxK5A-KoeY"
},
{
"id": "cmh59no850003qq091pvs7rf1",
"judul": "Integrasi Digital & Akuntabilitas Desa (Pencegahan Penyalahgunaan Wewenang)",
"deskripsi": "<p>Video ini membahas bagaimana integrasi digital seperti Simpades, Siskeudes, dan program Jaga Desa memperkuat akuntabilitas pemerintahan desa Darmasaba. Program tersebut mendukung transparansi dan pencegahan tindak pidana administrasi maupun penyalahgunaan wewenang karena tata kelola data desa yang baik membantu mencegah korupsi atau kecurangan dalam pengelolaan dana dan layanan desa.</p>",
"deskripsiSingkat": "<p>Integrasi digital meningkatkan transparansi dan mencegah penyalahgunaan wewenang di pemerintahan desa.</p>",
"linkVideo": "https://www.youtube.com/embed/l7NIqjA2b_k"
},
{
"id": "cmh60op850003qq091pvs7rf1",
"judul": "PROFIL DESA DARMASABA",
"deskripsiSingkat": "PROFIL DESA DARMASABA Desa Darmasaba adalah permata di ujung selatan Kecamatan Abiansemal, Kabupaten Badung",
"deskripsi": "<p>PROFIL DESA DARMASABA Desa Darmasaba adalah permata di ujung selatan Kecamatan Abiansemal, Kabupaten Badung, yang dikenal dengan kekayaan budaya, inovasi desa, dan potensi ekonomi yang terus berkembang. Berbatasan langsung dengan Kota Denpasar, Desa Darmasaba memiliki luas wilayah 567 hektar dengan jumlah penduduk 10.141 jiwa (per akhir Desember 2024). Video ini menampilkan potensi dan keunggulan Desa Darmasaba: 🏞️ Keindahan alam dan kawasan persawahan yang dikelola empat subak aktif. 🍽️ Keberhasilan UMKM dan kuliner lokal, termasuk produk unggulan ACK yang merambah pasar nasional. 🌱 Inovasi ketahanan pangan, pengolahan sampah ramah lingkungan (TPS3R Pudak Mesari, CINTA Darmasaba), hingga Graha Sari Boga dengan program makan bergizi gratis. 🎭 Pelestarian seni, budaya, dan tradisi, termasuk maskot Sekar Pudak dan tradisi Ngerebeg. 🏆 Prestasi desa tingkat nasional dan internasional. 📱 Transformasi digital dengan aplikasi Darmasaba Digital App, talkshow Bicara Darmasaba, hingga perpustakaan digital Pustaka Ananta Loka. Dengan motto \\\"Menggali Warisan, Merangkai Inovasi\\\", Desa Darmasaba menghadirkan 13 inovasi unggulan di bidang pemerintahan, kewilayahan, UMKM, dan kemasyarakatan. Desa ini membuktikan bahwa kolaborasi masyarakat dan pemerintah mampu mewujudkan desa yang mandiri, berdaya saing, dan berkelanjutan. 🎥 Produksi: Tim Media Kreatif Desa Darmasaba 🤝 Dukungan: Seluruh Lembaga &amp; Elemen Masyarakat Desa Darmasaba</p>",
"linkVideo": "https://www.youtube.com/watch?v=9eCnhJvdv6A"
}
]

View File

@@ -0,0 +1,14 @@
[
{
"id": "7ded635b-bf4a-4c1b-b6fa-2f13f4dfc478",
"nama": "Layanan Administrasi & Surat-Menyurat"
},
{
"id": "b5af284c-6aa1-4442-935f-869d78eb7ecf",
"nama": "Penanganan Laporan & Pengaduan"
},
{
"id": "56b37d7f-d717-4e33-b05d-ea22b5f7af91",
"nama": "Perlindungan & Pengayoman Masyarakat"
}
]

View File

@@ -0,0 +1,62 @@
[
{
"id": "a50d52f2-e70f-4f29-9133-e294c40d14d3",
"layananId": "7ded635b-bf4a-4c1b-b6fa-2f13f4dfc478",
"polsekTerdekatId": "b92ee048-fb7f-44e9-aa5b-822e6cd0085d"
},
{
"id": "012454f8-f5d7-41c0-9dce-2754c0356523",
"layananId": "b5af284c-6aa1-4442-935f-869d78eb7ecf",
"polsekTerdekatId": "b92ee048-fb7f-44e9-aa5b-822e6cd0085d"
},
{
"id": "50736038-4ba6-47f8-8399-35b73b389f12",
"layananId": "56b37d7f-d717-4e33-b05d-ea22b5f7af91",
"polsekTerdekatId": "b92ee048-fb7f-44e9-aa5b-822e6cd0085d"
},
{
"id": "e2dc3487-1f62-4f63-9a12-49ac30da3372",
"layananId": "7ded635b-bf4a-4c1b-b6fa-2f13f4dfc478",
"polsekTerdekatId": "de769c40-10d4-4fbc-a5ef-12f2ce53a0a2"
},
{
"id": "47fe1f9c-4072-4203-90f9-3294d1369ac5",
"layananId": "b5af284c-6aa1-4442-935f-869d78eb7ecf",
"polsekTerdekatId": "de769c40-10d4-4fbc-a5ef-12f2ce53a0a2"
},
{
"id": "2cc1ba81-6b62-42ff-af21-09f8165a2dd0",
"layananId": "56b37d7f-d717-4e33-b05d-ea22b5f7af91",
"polsekTerdekatId": "de769c40-10d4-4fbc-a5ef-12f2ce53a0a2"
},
{
"id": "3ca2ce42-2e7d-4750-87b7-f1f52ed141de",
"layananId": "7ded635b-bf4a-4c1b-b6fa-2f13f4dfc478",
"polsekTerdekatId": "9a3fff54-8854-4929-b9b5-b5b2751011ea"
},
{
"id": "90472bca-cf3d-47ca-92e5-db43c4c7e579",
"layananId": "b5af284c-6aa1-4442-935f-869d78eb7ecf",
"polsekTerdekatId": "9a3fff54-8854-4929-b9b5-b5b2751011ea"
},
{
"id": "41cfc1fe-a193-446d-b574-64b1124c6f55",
"layananId": "56b37d7f-d717-4e33-b05d-ea22b5f7af91",
"polsekTerdekatId": "9a3fff54-8854-4929-b9b5-b5b2751011ea"
},
{
"id": "f35443e1-6aca-416d-8c55-00e3f4a0f5f9",
"layananId": "7ded635b-bf4a-4c1b-b6fa-2f13f4dfc478",
"polsekTerdekatId": "c2d272e1-737d-44f5-bd85-ae268cb06cbf"
},
{
"id": "e09797f6-82e5-4b77-946e-319eee431c8f",
"layananId": "b5af284c-6aa1-4442-935f-869d78eb7ecf",
"polsekTerdekatId": "c2d272e1-737d-44f5-bd85-ae268cb06cbf"
},
{
"id": "bd9b1f27-cd1b-4e23-b162-3a757745f78a",
"layananId": "56b37d7f-d717-4e33-b05d-ea22b5f7af91",
"polsekTerdekatId": "c2d272e1-737d-44f5-bd85-ae268cb06cbf"
}
]

View File

@@ -0,0 +1,54 @@
[
{
"id": "b92ee048-fb7f-44e9-aa5b-822e6cd0085d",
"nama": "Kantor Polisi Abian Semal",
"jarakKeDesa": "9,6 Km",
"alamat": "ABIAN SEMAL POLICE STAT, JL. Pasar, Blahkiuh, Kec. Abiansemal, Kabupaten Badung, Bali 80352",
"nomorTelepon": "0361813972",
"jamOperasional": "Buka 24 Jam",
"embedMapUrl": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d63127.118683990586!2d115.16592643905703!3d-8.553143643198624!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd23ceb4f6e5363%3A0xa353662f070f47d8!2sAbian%20Semal%20Police%20Station!5e0!3m2!1sid!2sid!4v1768376981008!5m2!1sid!2sid",
"namaTempatMaps": "Abian Semal Police Station",
"alamatMaps": "ABIAN SEMAL POLICE STAT, JL. Pasar, Blahkiuh, Kec. Abiansemal, Kabupaten Badung, Bali 80352",
"linkPetunjukArah": "https://maps.app.goo.gl/GhHVNQqffNrXSMFX7",
"layananPolsekId": "7ded635b-bf4a-4c1b-b6fa-2f13f4dfc478"
},
{
"id": "de769c40-10d4-4fbc-a5ef-12f2ce53a0a2",
"nama": "Polres Badung",
"jarakKeDesa": "5,8 Km",
"alamat": "Jl. Kebo Iwa No.1, Mengwitani, Kec. Mengwi, Kabupaten Badung, Bali 80351",
"nomorTelepon": "0361829949",
"jamOperasional": "Buka 24 Jam",
"embedMapUrl": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15780.907469872707!2d115.17829950197888!3d-8.574172113520685!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd238cade1488c3%3A0x918ba5cac3ef00b7!2sPolres%20Badung!5e0!3m2!1sid!2sid!4v1768377100998!5m2!1sid!2sid",
"namaTempatMaps": "Polres Badung",
"alamatMaps": "Jl. Kebo Iwa No.1, Mengwitani, Kec. Mengwi, Kabupaten Badung, Bali 80351",
"linkPetunjukArah": "https://maps.app.goo.gl/7yQQod4PFhpqqe7Z8",
"layananPolsekId": "7ded635b-bf4a-4c1b-b6fa-2f13f4dfc478"
},
{
"id": "9a3fff54-8854-4929-b9b5-b5b2751011ea",
"nama": "Polsek Mengwi",
"jarakKeDesa": "9,7 Km",
"alamat": "Jl. I Gusti Ngurah Rai No.110, Werdi Bhuwana, Kec. Mengwi, Kabupaten Badung, Bali 80351",
"nomorTelepon": "0361411270",
"jamOperasional": "Buka 24 Jam",
"embedMapUrl": "https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d63126.100310757916!2d115.1716545!3d-8.5592871!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd23b9ddc3980af%3A0xa1f4f195483537b!2sPolsek%20Mengwi!5e0!3m2!1sid!2sid!4v1768377317955!5m2!1sid!2sid",
"namaTempatMaps": "Polsek Mengwi",
"alamatMaps": "Jl. I Gusti Ngurah Rai No.110, Werdi Bhuwana, Kec. Mengwi, Kabupaten Badung, Bali 80351",
"linkPetunjukArah": "https://maps.app.goo.gl/cJD44NSUdpA7Ly2m6",
"layananPolsekId": "7ded635b-bf4a-4c1b-b6fa-2f13f4dfc478"
},
{
"id": "c2d272e1-737d-44f5-bd85-ae268cb06cbf",
"nama": "Pos Polisi Ahmad Yani",
"jarakKeDesa": "7 Km",
"alamat": "Jl. Ahmad Yani Utara No.5, Peguyangan, Kec. Denpasar Utara, Kota Denpasar, Bali 80239",
"nomorTelepon": "-",
"jamOperasional": "-",
"embedMapUrl": "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d31558.650325984465!2d115.18791122296605!3d-8.612190901728288!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd23f635f1186b1%3A0xcfdde508d897fb04!2sPos%20Polisi%20Simpang%20Ahmad%20Yani!5e0!3m2!1sid!2sid!4v1768377470154!5m2!1sid!2sid",
"namaTempatMaps": "Pos Polisi Simpang Ahmad Yani",
"alamatMaps": "Jl. Ahmad Yani Utara No.5, Peguyangan, Kec. Denpasar Utara, Kota Denpasar, Bali 80239",
"linkPetunjukArah": "https://maps.app.goo.gl/D8HGs4mSAQqJm9KRA",
"layananPolsekId": "7ded635b-bf4a-4c1b-b6fa-2f13f4dfc478"
}
]

View File

@@ -0,0 +1,14 @@
[
{
"id": "cmh48wo9c0006qq09txnxusql",
"judul": "Keamanan Rumah",
"deskripsi": "<p><ul><li><p>Pastikan pintu dan jendela selalu terkunci saat meninggalkan rumah</p></li><li><p>Pasang lampu penerangan di halaman dan area sekitar rumah untuk mencegah tindak kejahatan.</p></li><li><p>Jangan mudah memberikan akses masuk ke orang yang tidak dikenal.</p></li></ul></p>",
"imageId": "cmkccs50d0000vn2mfuk0d9dw"
},
{
"id": "cmh48wo9c1117rr10txnxusql",
"judul": "Keamanan Lingkungan Tanggungjawab Bersama",
"deskripsi": "<p>Pemerintah Desa Darmasaba melaksanakan sosialisasi dan pembinaan tentang keamanan dan ketertiban lingkungan kepada warga Perumahan Darmasaba Permai. Warga diajak berperan aktif dalam menjaga keamanan lingkungan serta mendukung penyediaan lampu penerangan jalan untuk mencegah tindak kriminal dan kecelakaan. Bhabinkamtibmas dan Babinsa turut memberikan materi keamanan dan ketertiban kepada warga, menekankan pentingnya partisipasi masyarakat dalam menjaga keamanan desa.</p>",
"imageId": "cmkccyh7t0003vn2mjdrqtuu0"
}
]

View File

@@ -40,5 +40,12 @@
"deskripsiSingkat": "<p>Program pembinaan dan pengembangan kapasitas kader Posyandu.</p>", "deskripsiSingkat": "<p>Program pembinaan dan pengembangan kapasitas kader Posyandu.</p>",
"deskripsi": "<p>Pemdes Darmasaba melaksanakan kegiatan Outbound Posyandu untuk meningkatkan kapasitas dan wawasan Kader Posyandu se-Desa Darmasaba sebagai bagian dari upaya peningkatan kualitas pelayanan kesehatan dasar di masyarakat.</p>", "deskripsi": "<p>Pemdes Darmasaba melaksanakan kegiatan Outbound Posyandu untuk meningkatkan kapasitas dan wawasan Kader Posyandu se-Desa Darmasaba sebagai bagian dari upaya peningkatan kualitas pelayanan kesehatan dasar di masyarakat.</p>",
"imageId": "cmkaykipf0019vn6yknjno3k1" "imageId": "cmkaykipf0019vn6yknjno3k1"
},
{
"id": "cmkdu8ki10004vn4lpbxm2zqo",
"name": "PEMBANGUNAN JAMBAN BAGI MASYARAKAT",
"deskripsiSingkat": "<p>Program pengadaan jamban bagi Masyarakat ini diharapkan menjadi stimulus agar masyarakat peduli terhadap lingkungan sehat sehingga Badung Open Defection Free atau terbebas dari buang air besar di tempat terbuka dapat terwujud.</p>",
"deskripsi": "<p>Desa Darmasaba sebagai desa yang berkomitmen selalu selaras dengan pembangunan Pemerintah Kabupaten Badung pada tahun anggaran 2023 ini turut ambil bagian dalam menyukseskan program Bupati Badung I Nyoman Giri Prasta, S.Sos dalam bidang kesehatan sanitasi masyarakat. Program pengadaan jamban bagi Masyarakat ini diharapkan menjadi stimulus agar masyarakat peduli terhadap lingkungan sehat sehingga Badung Open Defection Free atau terbebas dari buang air besar di tempat terbuka dapat terwujud.</p><p style=\"text-align: justify\">Pemberian bantuan jamban ini dilaksanakan di 11 banjar dengan menyasar 22 keluarga yang memang belum memiliki jamban yang sumber dananya sepenuhnya dari APBDes Darmasaba T. A. 2023. Pembangunan Jamban bagi Masyarakat ini juga menjadi bukti komitmen Pemerintah Desa Darmasaba dalam melaksanakan salah satu visi mewujudkan masyarakat yang sejahtera dan berbudaya untuk menjaga lingkungan yang bersih dan sehat.</p>",
"imageId": "cmkdu8kb20002vn4lihwo4k86"
} }
] ]

View File

@@ -1255,6 +1255,7 @@ model PolsekTerdekat {
updatedAt DateTime @updatedAt updatedAt DateTime @updatedAt
deletedAt DateTime @default(now()) deletedAt DateTime @default(now())
isActive Boolean @default(true) isActive Boolean @default(true)
LayananToPolsek LayananToPolsek[]
} }
model LayananPolsek { model LayananPolsek {
@@ -1265,6 +1266,19 @@ model LayananPolsek {
deletedAt DateTime? deletedAt DateTime?
isActive Boolean @default(true) isActive Boolean @default(true)
PolsekTerdekat PolsekTerdekat[] PolsekTerdekat PolsekTerdekat[]
LayananToPolsek LayananToPolsek[]
}
model LayananToPolsek {
id String @id @default(uuid())
layanan LayananPolsek @relation(fields: [layananId], references: [id])
layananId String
polsekTerdekat PolsekTerdekat @relation(fields: [polsekTerdekatId], references: [id])
polsekTerdekatId String
createdAt DateTime @default(now())
updatedAt DateTime @updatedAt
deletedAt DateTime @default(now())
isActive Boolean @default(true)
} }
// ========================================= KONTAK DARURAT ========================================= // // ========================================= KONTAK DARURAT ========================================= //
@@ -1377,6 +1391,7 @@ model PasarDesa {
rating Float rating Float
alamatUsaha String alamatUsaha String
kontak String kontak String
deskripsi String?
createdAt DateTime @default(now()) createdAt DateTime @default(now())
updatedAt DateTime @updatedAt updatedAt DateTime @updatedAt
deletedAt DateTime @default(now()) deletedAt DateTime @default(now())

View File

@@ -34,17 +34,35 @@ import perbekelDariMasaKeMasa from "./data/desa/profile/profile-perbekel-lalu.js
import sejarahDesa from "./data/desa/profile/sejarah_desa.json"; import sejarahDesa from "./data/desa/profile/sejarah_desa.json";
import visiMisiDesa from "./data/desa/profile/visi_misi_desa.json"; import visiMisiDesa from "./data/desa/profile/visi_misi_desa.json";
import detailDataPengangguran from "./data/ekonomi/jumlah-pengangguran/detail-data-pengangguran.json"; import detailDataPengangguran from "./data/ekonomi/jumlah-pengangguran/detail-data-pengangguran.json";
import kategoriProduk from "./data/ekonomi/pasar-desa/kategori-produk.json";
import pegawai from "./data/ekonomi/struktur-organisasi/pegawai-bumdes.json"; import pegawai from "./data/ekonomi/struktur-organisasi/pegawai-bumdes.json";
import posisiOrganisasi from "./data/ekonomi/struktur-organisasi/posisi-organisasi-bumdes.json"; import posisiOrganisasi from "./data/ekonomi/struktur-organisasi/posisi-organisasi-bumdes.json";
import posyandu from "./data/kesehatan/posyandu/posyandu.json"; import posyandu from "./data/kesehatan/posyandu/posyandu.json";
import kontakPuskesmas from "./data/kesehatan/puskesmas/kontak-puskesmas/kontak.json" import kontakPuskesmas from "./data/kesehatan/puskesmas/kontak-puskesmas/kontak.json";
import jamPuskesmas from "./data/kesehatan/puskesmas/jam-puskesmas/jam.json" import jamPuskesmas from "./data/kesehatan/puskesmas/jam-puskesmas/jam.json";
import puskesmas from "./data/kesehatan/puskesmas/puskesmas.json"; import puskesmas from "./data/kesehatan/puskesmas/puskesmas.json";
import programKesehatan from "./data/kesehatan/program-kesehatan/program-kesehatan.json" import programKesehatan from "./data/kesehatan/program-kesehatan/program-kesehatan.json";
import penangananDarurat from "./data/kesehatan/penanganan-darurat/penganan-darurat.json" import penangananDarurat from "./data/kesehatan/penanganan-darurat/penganan-darurat.json";
import kontakDarurat from "./data/kesehatan/kontak-darurat/kontak-darurat.json" import kontakDarurat from "./data/kesehatan/kontak-darurat/kontak-darurat.json";
import infoWabahPenyakit from "./data/kesehatan/infowabahpenyakit/infowabahpenyakit.json" import infoWabahPenyakit from "./data/kesehatan/infowabahpenyakit/infowabahpenyakit.json";
import keamananLingkungan from "./data/keamanan/keamanan-lingkungan/keamanan-lingkungan.json";
import kontakDaruratKeamanan from "./data/keamanan/kontak-darurat-keamanan/kontak-darurat-keamanan.json";
import kontakItem from "./data/keamanan/kontak-darurat-keamanan/kontakItem.json";
import kontakDaruratToItem from "./data/keamanan/kontak-darurat-keamanan/kontakDaruratToItem.json";
import pencegahanKriminalitas from "./data/keamanan/pencegahan-kriminalitas/pencegahan-kriminalitas.json";
import tipsKeamanan from "./data/keamanan/tips-keamanan/tips-keamanan.json";
import polsekTerdekat from "./data/keamanan/polsek-terdekat/polsek-terdekat.json";
import layananPolsek from "./data/keamanan/polsek-terdekat/layanan-polsek.json";
import layananToPolsek from "./data/keamanan/polsek-terdekat/layanan-to-polsek.json";
import penangananLaporan from "./data/keamanan/laporan-publik/penanganan-laporan.json";
import laporanPublik from "./data/keamanan/laporan-publik/laporan-publik.json";
import pasarDesa from "./data/ekonomi/pasar-desa/pasar-desa.json";
import kategoriProduk from "./data/ekonomi/pasar-desa/kategori-produk.json";
import kategoriToPasar from "./data/ekonomi/pasar-desa/kategori-to-pasar.json";
import lowonganKerjaLokal from "./data/ekonomi/lowongan-kerja-lokal/lowongan-kerja-lokal.json";
import demografiPekerjaan from "./data/ekonomi/demografi-pekerjaan/demografi-pekerjaan.json";
import sektorUnggulanDesa from "./data/ekonomi/sektor-unggulan/sektor-unggulan.json";
import programKemiskinan from "./data/ekonomi/program-kemiskinan/program-kemiskinan.json";
import statistikKemiskinan from "./data/ekonomi/program-kemiskinan/statistik-kemiskinan.json";
import berita from "./data/desa/berita/berita.json"; import berita from "./data/desa/berita/berita.json";
import kategoriBerita from "./data/desa/berita/kategori-berita.json"; import kategoriBerita from "./data/desa/berita/kategori-berita.json";
import contohEdukasiLingkungan from "./data/lingkungan/edukasi-lingkungan/contoh-kegiatan-di-desa-darmasaba.json"; import contohEdukasiLingkungan from "./data/lingkungan/edukasi-lingkungan/contoh-kegiatan-di-desa-darmasaba.json";
@@ -1239,22 +1257,6 @@ import resolveImageById from "./resolveImageByName";
} }
console.log("penghargaan success ..."); console.log("penghargaan success ...");
for (const k of kategoriProduk) {
await prisma.kategoriProduk.upsert({
where: {
id: k.id,
},
update: {
nama: k.nama,
},
create: {
id: k.id,
nama: k.nama,
},
});
}
console.log("kategori produk success ...");
const flattenedPosisiBumdes = posisiOrganisasi.flat(); const flattenedPosisiBumdes = posisiOrganisasi.flat();
// ====================== MENU KESEHATAN ======================== // ====================== MENU KESEHATAN ========================
@@ -1590,9 +1592,406 @@ import resolveImageById from "./resolveImageByName";
}, },
}); });
} }
console.log("kontak darurat success ..."); console.log("info wabah penyakit success ...");
// ✅ Urutkan berdasarkan hierarki // ====================== MENU KEAMANAN ========================
// ==================== SUBMENU KEAMANAN LINGKUNGAN ============
console.log("🔄 Seeding Keamanan Lingkungan...");
for (const k of keamananLingkungan) {
const existing = await prisma.keamananLingkungan.findUnique({
where: { id: k.id },
select: { imageId: true },
});
let imageId = existing?.imageId; // Pertahankan existing
// Kalau belum ada imageId, cari berdasarkan name/realName
if (!imageId && k.imageId) {
// ✅ Cari langsung berdasarkan ID yang ada di p.imageId
const fileRecord = await prisma.fileStorage.findUnique({
where: { id: k.imageId },
select: { id: true, name: true },
});
if (fileRecord) {
imageId = fileRecord.id;
console.log(
`✅ Found file by ID: ${fileRecord.name} (${fileRecord.id})`
);
} else {
console.warn(`⚠️ File with ID ${k.imageId} not found for ${k.name}`);
imageId = null;
}
}
await prisma.keamananLingkungan.upsert({
where: { id: k.id },
update: {
name: k.name,
deskripsi: k.deskripsi,
imageId,
},
create: {
id: k.id,
name: k.name,
deskripsi: k.deskripsi,
imageId,
},
});
}
console.log("info wabah penyakit success ...");
// ==================== SUBMENU POLSEK TERDEKAT ================
console.log("🔄 Seeding Polsek Terdekat...");
for (const k of polsekTerdekat) {
await prisma.polsekTerdekat.upsert({
where: {
id: k.id,
},
update: {
nama: k.nama,
jarakKeDesa: k.jarakKeDesa,
alamat: k.alamat,
nomorTelepon: k.nomorTelepon,
jamOperasional: k.jamOperasional,
embedMapUrl: k.embedMapUrl,
namaTempatMaps: k.namaTempatMaps,
alamatMaps: k.alamatMaps,
linkPetunjukArah: k.linkPetunjukArah,
layananPolsekId: k.layananPolsekId,
},
create: {
id: k.id,
nama: k.nama,
jarakKeDesa: k.jarakKeDesa,
alamat: k.alamat,
nomorTelepon: k.nomorTelepon,
jamOperasional: k.jamOperasional,
embedMapUrl: k.embedMapUrl,
namaTempatMaps: k.namaTempatMaps,
alamatMaps: k.alamatMaps,
linkPetunjukArah: k.linkPetunjukArah,
layananPolsekId: k.layananPolsekId,
},
});
}
console.log("polsek terdekat success ...");
console.log("🔄 Seeding Layanan Polsek...");
for (const k of layananPolsek) {
await prisma.layananPolsek.upsert({
where: {
id: k.id,
},
update: {
nama: k.nama,
},
create: {
id: k.id,
nama: k.nama,
},
});
}
console.log("layanan polsek success ...");
console.log("🔄 Seeding Layanan To Polsek...");
for (const k of layananToPolsek) {
await prisma.layananToPolsek.upsert({
where: {
id: k.id,
},
update: {
layananId: k.layananId,
polsekTerdekatId: k.polsekTerdekatId,
},
create: {
id: k.id,
layananId: k.layananId,
polsekTerdekatId: k.polsekTerdekatId,
},
});
}
console.log("layanan to polsek success ...");
// ==================== SUBMENU KONTAK DARURAT =================
console.log("🔄 Seeding Kontak Item...");
for (const e of kontakItem) {
await prisma.kontakItem.upsert({
where: {
id: e.id,
},
update: {
nama: e.nama,
icon: e.icon,
nomorTelepon: e.nomorTelepon,
},
create: {
id: e.id, // ✅ WAJIB
nama: e.nama,
icon: e.icon,
nomorTelepon: e.nomorTelepon,
},
});
}
console.log("✅ Kontak Item seeded successfully");
console.log("🔄 Seeding Kontak Darurat Keamanan...");
for (const d of kontakDaruratKeamanan) {
await prisma.kontakDaruratKeamanan.upsert({
where: {
id: d.id,
},
update: {
nama: d.nama,
icon: d.icon,
kategoriId: d.kategoriId,
},
create: {
id: d.id,
nama: d.nama,
icon: d.icon,
kategoriId: d.kategoriId,
},
});
}
console.log("✅ Kontak Darurat Keamanan seeded successfully");
console.log("🔄 Seeding Kontak Darurat To Item...");
for (const f of kontakDaruratToItem) {
// ✅ Validasi foreign keys
const kontakDaruratExists = await prisma.kontakDaruratKeamanan.findUnique({
where: { id: f.kontakDaruratId },
});
const kontakItemExists = await prisma.kontakItem.findUnique({
where: { id: f.kontakItemId },
});
if (!kontakDaruratExists) {
console.warn(
`⚠️ KontakDarurat ${f.kontakDaruratId} not found, skipping...`
);
continue;
}
if (!kontakItemExists) {
console.warn(`⚠️ KontakItem ${f.kontakItemId} not found, skipping...`);
continue;
}
await prisma.kontakDaruratToItem.upsert({
where: { id: f.id },
update: {
kontakDaruratId: f.kontakDaruratId,
kontakItemId: f.kontakItemId,
},
create: {
id: f.id,
kontakDaruratId: f.kontakDaruratId,
kontakItemId: f.kontakItemId,
},
});
}
console.log("✅ Kontak Darurat To Item seeded successfully");
// ==================== SUBMENU PENCEGAHAN KRIMINALITAS ========
console.log("🔄 Seeding Pencegahan Kriminalitas...");
for (const d of pencegahanKriminalitas) {
await prisma.pencegahanKriminalitas.upsert({
where: {
id: d.id,
},
update: {
judul: d.judul,
deskripsi: d.deskripsi,
deskripsiSingkat: d.deskripsiSingkat,
linkVideo: d.linkVideo,
},
create: {
id: d.id,
judul: d.judul,
deskripsi: d.deskripsi,
deskripsiSingkat: d.deskripsiSingkat,
linkVideo: d.linkVideo,
},
});
}
console.log("✅ Pencegahan Kriminalitas seeded successfully");
// ==================== SUBMENU LAPORAN PUBLIK =================
console.log("🔄 Seeding Laporan Publik...");
for (const l of laporanPublik) {
await prisma.laporanPublik.upsert({
where: {
id: l.id,
},
update: {
judul: l.judul,
lokasi: l.lokasi,
tanggalWaktu: l.tanggalWaktu,
kronologi: l.kronologi,
},
create: {
id: l.id,
judul: l.judul,
lokasi: l.lokasi,
tanggalWaktu: l.tanggalWaktu,
kronologi: l.kronologi,
},
});
}
console.log("laporan publik success ...");
console.log("🔄 Seeding Penanganan Laporan...");
for (const l of penangananLaporan) {
await prisma.penangananLaporanPublik.upsert({
where: {
id: l.id,
},
update: {
deskripsi: l.deskripsi,
laporanId: l.laporanId,
},
create: {
id: l.id,
deskripsi: l.deskripsi,
laporanId: l.laporanId,
},
});
}
console.log("penanganan laporan success ...");
// ==================== SUBMENU TIPS KEAMANAN ==================
console.log("🔄 Seeding Tips Keamanan...");
for (const t of tipsKeamanan) {
await prisma.menuTipsKeamanan.upsert({
where: {
id: t.id,
},
update: {
judul: t.judul,
deskripsi: t.deskripsi,
imageId: t.imageId,
},
create: {
id: t.id,
judul: t.judul,
deskripsi: t.deskripsi,
imageId: t.imageId,
},
});
}
console.log("✅ Tips Keamanan seeded successfully");
// ====================== MENU EKONOMI ========================
// ==================== SUBMENU PASAR DESA ====================
console.log("🔄 Seeding Kategori Produk...");
for (const k of kategoriProduk) {
await prisma.kategoriProduk.upsert({
where: {
id: k.id,
},
update: {
nama: k.nama,
},
create: {
id: k.id,
nama: k.nama,
},
});
}
console.log("✅ Kategori Produk seeded successfully");
console.log("🔄 Seeding Pasar Desa...");
for (const p of pasarDesa) {
await prisma.pasarDesa.upsert({
where: {
id: p.id,
},
update: {
nama: p.nama,
imageId: p.imageId,
harga: p.harga,
rating: p.rating,
alamatUsaha: p.alamatUsaha,
kontak: p.kontak,
deskripsi: p.deskripsi,
kategoriProdukId: p.kategoriProdukId,
},
create: {
id: p.id,
nama: p.nama,
imageId: p.imageId,
harga: p.harga,
rating: p.rating,
alamatUsaha: p.alamatUsaha,
kontak: p.kontak,
deskripsi: p.deskripsi,
kategoriProdukId: p.kategoriProdukId,
},
});
}
console.log("✅ Pasar Desa seeded successfully");
console.log("🔄 Seeding Kategori To Pasar...");
for (const p of kategoriToPasar) {
await prisma.kategoriToPasar.upsert({
where: {
id: p.id,
},
update: {
kategoriId: p.kategoriId,
pasarDesaId: p.pasarDesaId,
},
create: {
id: p.id,
kategoriId: p.kategoriId,
pasarDesaId: p.pasarDesaId,
},
});
}
// ==================== SUBMENU LOWONGAN KERJA LOKAL ==========
console.log("🔄 Seeding Lowongan Kerja Lokal...");
for (const k of lowonganKerjaLokal) {
await prisma.lowonganPekerjaan.upsert({
where: {
id: k.id,
},
update: {
posisi: k.posisi,
namaPerusahaan: k.namaPerusahaan,
lokasi: k.lokasi,
tipePekerjaan: k.tipePekerjaan,
gaji: k.gaji,
deskripsi: k.deskripsi,
kualifikasi: k.kualifikasi,
notelp: k.notelp,
},
create: {
id: k.id,
posisi: k.posisi,
namaPerusahaan: k.namaPerusahaan,
lokasi: k.lokasi,
tipePekerjaan: k.tipePekerjaan,
gaji: k.gaji,
deskripsi: k.deskripsi,
kualifikasi: k.kualifikasi,
notelp: k.notelp,
},
});
}
console.log("✅ Lowongan Kerja Lokal seeded successfully");
// ==================== SUBMENU STRUKTUR ORGANISASI DAN SK PENGURUS BUMDES ==========
const sortedPosisiBumdes = flattenedPosisiBumdes.sort( const sortedPosisiBumdes = flattenedPosisiBumdes.sort(
(a, b) => a.hierarki - b.hierarki (a, b) => a.hierarki - b.hierarki
); );
@@ -1648,6 +2047,9 @@ import resolveImageById from "./resolveImageByName";
} }
console.log("pegawai success ..."); console.log("pegawai success ...");
// ==================== SUBMENU PENDAPATAN ASLI DESA ==========
// ==================== SUBMENU JUMLAH PENGANGGURAN ==========
for (const d of detailDataPengangguran) { for (const d of detailDataPengangguran) {
await prisma.detailDataPengangguran.upsert({ await prisma.detailDataPengangguran.upsert({
where: { where: {
@@ -1671,6 +2073,96 @@ import resolveImageById from "./resolveImageByName";
} }
console.log("📊 detailDataPengangguran success ..."); console.log("📊 detailDataPengangguran success ...");
// ==================== SUBMENU PENDUDUK USIA KERJA ==========
// ==================== SUBMENU PENDUDUK MISKIN =============
// ==================== SUBMENU PROGRAM KEMISKINAN =============
for (const k of statistikKemiskinan) {
await prisma.statistikKemiskinan.upsert({
where: {
id: k.id,
},
update: {
tahun: k.tahun,
jumlah: k.jumlah,
},
create: {
id: k.id,
tahun: k.tahun,
jumlah: k.jumlah,
},
});
}
console.log("📊 Statistik Kemiskinan seeded successfully");
console.log("🔄 Seeding Program Kemiskinan...");
for (const k of programKemiskinan) {
await prisma.programKemiskinan.upsert({
where: {
id: k.id,
},
update: {
nama: k.nama,
deskripsi: k.deskripsi,
icon: k.icon,
statistikId: k.statistikId,
},
create: {
id: k.id,
nama: k.nama,
deskripsi: k.deskripsi,
icon: k.icon,
statistikId: k.statistikId,
},
});
}
console.log("✅ Program Kemiskinan seeded successfully");
// ==================== SUBMENU SEKTOR UNGGULAN DESA =============
console.log("🔄 Seeding Sektor Unggulan Desa...");
for (const k of sektorUnggulanDesa) {
await prisma.sektorUnggulanDesa.upsert({
where: {
id: k.id,
},
update: {
name: k.name,
description: k.description,
value: k.value,
},
create: {
id: k.id,
name: k.name,
description: k.description,
value: k.value,
},
});
}
console.log("✅ Sektor Unggulan Desa seeded successfully");
// ==================== SUBMENU DEMOGRAFI PEKERJAAN =============
console.log("🔄 Seeding Demografi Pekerjaan...");
for (const k of demografiPekerjaan) {
await prisma.dataDemografiPekerjaan.upsert({
where: {
id: k.id,
},
update: {
pekerjaan: k.pekerjaan,
lakiLaki: k.lakiLaki,
perempuan: k.perempuan,
},
create: {
id: k.id,
pekerjaan: k.pekerjaan,
lakiLaki: k.lakiLaki,
perempuan: k.perempuan,
},
});
}
console.log("✅ Demografi Pekerjaan seeded successfully");
// =========== KATEGORI GOTONG ROYONG =========== // =========== KATEGORI GOTONG ROYONG ===========
// Add IDs to the kategoriKegiatan data // Add IDs to the kategoriKegiatan data
const kategoriKegiatan = kategoriKegiatanData.map((k, index) => ({ const kategoriKegiatan = kategoriKegiatanData.map((k, index) => ({

View File

@@ -45,7 +45,7 @@ export default async function seedAssets() {
// 1. Download zip // 1. Download zip
const url = const url =
"https://cld-dkr-makuro-seafile.wibudev.com/f/1d6104cdf2b849f89533/?dl=1"; "https://cld-dkr-makuro-seafile.wibudev.com/f/88293b915cf34b939819/?dl=1";
const res = await fetchWithRetry(url, 3, 20000); const res = await fetchWithRetry(url, 3, 20000);
// Validasi content-type // Validasi content-type

View File

@@ -27,8 +27,25 @@ import {
IconFiretruck, IconFiretruck,
IconBuilding, IconBuilding,
IconAlertTriangle, IconAlertTriangle,
// ===== Tambahan =====
IconLifebuoy,
IconRun,
IconShield,
IconPhoneCall,
IconFirstAidKit,
IconStethoscope,
IconBuildingCommunity,
IconFileText,
IconInfoCircle,
IconMessageReport,
IconUsers,
IconQuestionMark,
} from '@tabler/icons-react' } from '@tabler/icons-react'
/* =======================
Icon Keys (DB Safe)
======================= */
export type IconKey = export type IconKey =
| 'ekowisata' | 'ekowisata'
| 'kompetisi' | 'kompetisi'
@@ -50,14 +67,33 @@ export type IconKey =
| 'pelatihan' | 'pelatihan'
| 'subsidi' | 'subsidi'
| 'layananKesehatan' | 'layananKesehatan'
// ===== Keamanan & Darurat =====
| 'polisi' | 'polisi'
| 'ambulans' | 'ambulans'
| 'pemadam' | 'pemadam'
| 'rumahSakit'
| 'bangunan'
| 'darurat' | 'darurat'
| 'sar'
| 'evakuasi'
| 'keamanan'
| 'teleponDarurat'
// ===== Kesehatan =====
| 'rumahSakit'
| 'puskesmas'
| 'klinik'
// ===== Pemerintahan =====
| 'bangunan'
| 'kantorDesa'
| 'administrasi'
| 'informasi'
| 'pengaduan'
| 'layananPublik'
/* =======================
Icon Map
======================= */
const iconMap: Record<IconKey, React.FC<any>> = { const iconMap: Record<IconKey, React.FC<any>> = {
ekowisata: IconLeaf, ekowisata: IconLeaf,
kompetisi: IconTrophy, kompetisi: IconTrophy,
@@ -79,22 +115,45 @@ const iconMap: Record<IconKey, React.FC<any>> = {
pelatihan: IconSchool, pelatihan: IconSchool,
subsidi: IconShoppingCart, subsidi: IconShoppingCart,
layananKesehatan: IconHospital, layananKesehatan: IconHospital,
// ===== Keamanan & Darurat =====
polisi: IconShieldFilled, polisi: IconShieldFilled,
ambulans: IconAmbulance, ambulans: IconAmbulance,
pemadam: IconFiretruck, pemadam: IconFiretruck,
darurat: IconAlertTriangle,
sar: IconLifebuoy,
evakuasi: IconRun,
keamanan: IconShield,
teleponDarurat: IconPhoneCall,
// ===== Kesehatan =====
rumahSakit: IconHospital, rumahSakit: IconHospital,
puskesmas: IconFirstAidKit,
klinik: IconStethoscope,
// ===== Pemerintahan =====
bangunan: IconBuilding, bangunan: IconBuilding,
darurat: IconAlertTriangle kantorDesa: IconBuildingCommunity,
administrasi: IconFileText,
informasi: IconInfoCircle,
pengaduan: IconMessageReport,
layananPublik: IconUsers,
} }
/* =======================
Icon Mapper Component
======================= */
type Props = { type Props = {
name: IconKey name: IconKey
size?: number size?: number
color?: string color?: string
} }
export const IconMapper: React.FC<Props> = ({ name, size = 24, color }) => { export const IconMapper: React.FC<Props> = ({
const IconComponent = iconMap[name] name,
if (!IconComponent) return null size = 24,
color,
}) => {
const IconComponent = iconMap[name] ?? IconQuestionMark
return <IconComponent size={size} color={color} /> return <IconComponent size={size} color={color} />
} }

View File

@@ -6,27 +6,38 @@ import {
IconAlertTriangle, IconAlertTriangle,
IconAmbulance, IconAmbulance,
IconBuilding, IconBuilding,
IconBuildingCommunity,
IconCash, IconCash,
IconChartLine, IconChartLine,
IconChristmasTreeFilled, IconChristmasTreeFilled,
IconClipboardTextFilled, IconClipboardTextFilled,
IconDroplet, IconDroplet,
IconFileText,
IconFiretruck, IconFiretruck,
IconFirstAidKit,
IconHome, IconHome,
IconHomeEco, IconHomeEco,
IconHospital, IconHospital,
IconInfoCircle,
IconLeaf, IconLeaf,
IconLifebuoy,
IconMessageReport,
IconPhoneCall,
IconRecycle, IconRecycle,
IconRun,
IconScale, IconScale,
IconSchool, IconSchool,
IconShield,
IconShieldFilled, IconShieldFilled,
IconShoppingCart, IconShoppingCart,
IconStethoscope,
IconTent, IconTent,
IconTrashFilled, IconTrashFilled,
IconTree, IconTree,
IconTrendingUp, IconTrendingUp,
IconTrophy, IconTrophy,
IconTruckFilled, IconTruckFilled,
IconUsers,
} from '@tabler/icons-react'; } from '@tabler/icons-react';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
@@ -51,15 +62,32 @@ const iconMap = {
pelatihan: { label: 'Pelatihan', icon: IconSchool }, pelatihan: { label: 'Pelatihan', icon: IconSchool },
subsidi: { label: 'Subsidi', icon: IconShoppingCart }, subsidi: { label: 'Subsidi', icon: IconShoppingCart },
layananKesehatan: { label: 'Layanan Kesehatan', icon: IconHospital }, layananKesehatan: { label: 'Layanan Kesehatan', icon: IconHospital },
// ===== Keamanan & Darurat =====
polisi: { label: 'Polisi', icon: IconShieldFilled }, polisi: { label: 'Polisi', icon: IconShieldFilled },
ambulans: { label: 'Ambulans', icon: IconAmbulance }, ambulans: { label: 'Ambulans', icon: IconAmbulance },
pemadam: { label: 'Pemadam', icon: IconFiretruck }, pemadam: { label: 'Pemadam Kebakaran', icon: IconFiretruck },
rumahSakit: { label: 'Rumah Sakit', icon: IconHospital },
bangunan: { label: 'Bangunan', icon: IconBuilding },
darurat: { label: 'Darurat', icon: IconAlertTriangle }, darurat: { label: 'Darurat', icon: IconAlertTriangle },
sar: { label: 'SAR / Basarnas', icon: IconLifebuoy },
evakuasi: { label: 'Evakuasi', icon: IconRun },
keamanan: { label: 'Keamanan', icon: IconShield },
teleponDarurat: { label: 'Telepon Darurat', icon: IconPhoneCall },
// ===== Kesehatan =====
rumahSakit: { label: 'Rumah Sakit', icon: IconHospital },
puskesmas: { label: 'Puskesmas', icon: IconFirstAidKit },
klinik: { label: 'Klinik', icon: IconStethoscope },
// ===== Pemerintahan & Fasilitas =====
bangunan: { label: 'Bangunan', icon: IconBuilding },
kantorDesa: { label: 'Kantor Desa', icon: IconBuildingCommunity },
administrasi: { label: 'Administrasi', icon: IconFileText },
informasi: { label: 'Informasi', icon: IconInfoCircle },
pengaduan: { label: 'Pengaduan', icon: IconMessageReport },
layananPublik: { label: 'Layanan Publik', icon: IconUsers },
}; };
type IconKey = keyof typeof iconMap; type IconKey = keyof typeof iconMap;
const iconList = Object.entries(iconMap).map(([value, data]) => ({ const iconList = Object.entries(iconMap).map(([value, data]) => ({

View File

@@ -26,6 +26,17 @@ import {
IconTruckFilled, IconTruckFilled,
IconBuilding, IconBuilding,
IconAlertTriangle, IconAlertTriangle,
IconBuildingCommunity,
IconFileText,
IconFirstAidKit,
IconInfoCircle,
IconLifebuoy,
IconMessageReport,
IconPhoneCall,
IconRun,
IconShield,
IconStethoscope,
IconUsers,
} from '@tabler/icons-react'; } from '@tabler/icons-react';
const iconMap = { const iconMap = {
@@ -49,12 +60,29 @@ const iconMap = {
pelatihan: { label: 'Pelatihan', icon: IconSchool }, pelatihan: { label: 'Pelatihan', icon: IconSchool },
subsidi: { label: 'Subsidi', icon: IconShoppingCart }, subsidi: { label: 'Subsidi', icon: IconShoppingCart },
layananKesehatan: { label: 'Layanan Kesehatan', icon: IconHospital }, layananKesehatan: { label: 'Layanan Kesehatan', icon: IconHospital },
// ===== Keamanan & Darurat =====
polisi: { label: 'Polisi', icon: IconShieldFilled }, polisi: { label: 'Polisi', icon: IconShieldFilled },
ambulans: { label: 'Ambulans', icon: IconAmbulance }, ambulans: { label: 'Ambulans', icon: IconAmbulance },
pemadam: { label: 'Pemadam', icon: IconFiretruck }, pemadam: { label: 'Pemadam Kebakaran', icon: IconFiretruck },
rumahSakit: { label: 'Rumah Sakit', icon: IconHospital },
bangunan: { label: 'Bangunan', icon: IconBuilding },
darurat: { label: 'Darurat', icon: IconAlertTriangle }, darurat: { label: 'Darurat', icon: IconAlertTriangle },
sar: { label: 'SAR / Basarnas', icon: IconLifebuoy },
evakuasi: { label: 'Evakuasi', icon: IconRun },
keamanan: { label: 'Keamanan', icon: IconShield },
teleponDarurat: { label: 'Telepon Darurat', icon: IconPhoneCall },
// ===== Kesehatan =====
rumahSakit: { label: 'Rumah Sakit', icon: IconHospital },
puskesmas: { label: 'Puskesmas', icon: IconFirstAidKit },
klinik: { label: 'Klinik', icon: IconStethoscope },
// ===== Pemerintahan & Fasilitas =====
bangunan: { label: 'Bangunan', icon: IconBuilding },
kantorDesa: { label: 'Kantor Desa', icon: IconBuildingCommunity },
administrasi: { label: 'Administrasi', icon: IconFileText },
informasi: { label: 'Informasi', icon: IconInfoCircle },
pengaduan: { label: 'Pengaduan', icon: IconMessageReport },
layananPublik: { label: 'Layanan Publik', icon: IconUsers },
}; };
export type IconKey = keyof typeof iconMap; export type IconKey = keyof typeof iconMap;

View File

@@ -13,6 +13,7 @@ const templatePasarDesaForm = z.object({
rating: z.number().min(1, "Rating minimal 1"), rating: z.number().min(1, "Rating minimal 1"),
kategoriId: z.array(z.string()).min(1, "Minimal pilih satu kategori"), kategoriId: z.array(z.string()).min(1, "Minimal pilih satu kategori"),
kontak: z.string().min(1, "Kontak wajib diisi"), kontak: z.string().min(1, "Kontak wajib diisi"),
deskripsi: z.string().min(1, "Deskripsi wajib diisi"),
}); });
const defaultPasarDesaForm = { const defaultPasarDesaForm = {
@@ -23,6 +24,7 @@ const defaultPasarDesaForm = {
rating: 0, rating: 0,
kategoriId: [] as string[], kategoriId: [] as string[],
kontak: "", kontak: "",
deskripsi: ""
}; };
const pasarDesa = proxy({ const pasarDesa = proxy({
@@ -191,6 +193,7 @@ const pasarDesa = proxy({
rating: data.rating, rating: data.rating,
kategoriId: data.kategoriId, kategoriId: data.kategoriId,
kontak: data.kontak, kontak: data.kontak,
deskripsi: data.deskripsi
}; };
return data; return data;
} else { } else {
@@ -229,6 +232,7 @@ const pasarDesa = proxy({
rating: this.form.rating, rating: this.form.rating,
kategoriId: this.form.kategoriId, kategoriId: this.form.kategoriId,
kontak: this.form.kontak, kontak: this.form.kontak,
deskripsi: this.form.deskripsi
}), }),
}); });
if (!response.ok) { if (!response.ok) {

View File

@@ -15,7 +15,7 @@ const templateForm = z.object({
namaTempatMaps: z.string().min(1, "Nama Tempat Maps minimal 1 karakter"), namaTempatMaps: z.string().min(1, "Nama Tempat Maps minimal 1 karakter"),
alamatMaps: z.string().min(1, "Alamat Maps minimal 1 karakter"), alamatMaps: z.string().min(1, "Alamat Maps minimal 1 karakter"),
linkPetunjukArah: z.string().min(1, "Link Petunjuk Arah minimal 1 karakter"), linkPetunjukArah: z.string().min(1, "Link Petunjuk Arah minimal 1 karakter"),
layananPolsekId: z.string().min(1, "Layanan Polsek Id minimal 1 karakter"), layananPolsekId: z.array(z.string()).min(1, "Pilih minimal 1 layanan polsek"),
}); });
const defaultForm = { const defaultForm = {
@@ -28,7 +28,7 @@ const defaultForm = {
namaTempatMaps: "", namaTempatMaps: "",
alamatMaps: "", alamatMaps: "",
linkPetunjukArah: "", linkPetunjukArah: "",
layananPolsekId: "", layananPolsekId: [] as string[],
}; };
const polsekTerdekatState = proxy({ const polsekTerdekatState = proxy({
@@ -66,6 +66,11 @@ const polsekTerdekatState = proxy({
| Prisma.PolsekTerdekatGetPayload<{ | Prisma.PolsekTerdekatGetPayload<{
include: { include: {
layananPolsek: true; layananPolsek: true;
LayananToPolsek: {
include: {
layanan: true;
}
}
}; };
}>[] }>[]
| null, | null,
@@ -104,7 +109,14 @@ const polsekTerdekatState = proxy({
}, },
findUnique: { findUnique: {
data: null as Prisma.PolsekTerdekatGetPayload<{ data: null as Prisma.PolsekTerdekatGetPayload<{
include: { layananPolsek: true }; include: {
layananPolsek: true;
LayananToPolsek: {
include: {
layanan: true;
}
}
};
}> | null, }> | null,
async load(id: string) { async load(id: string) {
try { try {
@@ -117,7 +129,7 @@ const polsekTerdekatState = proxy({
polsekTerdekatState.findUnique.data = null; polsekTerdekatState.findUnique.data = null;
} }
} catch (error) { } catch (error) {
console.error("Error fetching data:", error); console.error("Gagal fetch detail polsek terdekat:", error);
polsekTerdekatState.findUnique.data = null; polsekTerdekatState.findUnique.data = null;
} }
}, },
@@ -273,10 +285,13 @@ const polsekTerdekatState = proxy({
}; };
}> | null, }> | null,
loading: false, loading: false,
load: async () => { // Changed to arrow function load: async () => {
// Changed to arrow function
polsekTerdekatState.findFirst.loading = true; polsekTerdekatState.findFirst.loading = true;
try { try {
const res = await ApiFetch.api.keamanan.polsekterdekat["find-first"].get(); const res = await ApiFetch.api.keamanan.polsekterdekat[
"find-first"
].get();
if (res.status === 200 && res.data?.success) { if (res.status === 200 && res.data?.success) {
polsekTerdekatState.findFirst.data = res.data.data || null; polsekTerdekatState.findFirst.data = res.data.data || null;
} else { } else {
@@ -287,8 +302,284 @@ const polsekTerdekatState = proxy({
} finally { } finally {
polsekTerdekatState.findFirst.loading = false; polsekTerdekatState.findFirst.loading = false;
} }
} },
} },
}); });
export default polsekTerdekatState; const templateFormLayananPolsek = z.object({
nama: z.string().min(1, "Nama harus diisi"),
});
const defaultFormLayananPolsek = {
nama: "",
};
const layananPolsek = proxy({
create: {
form: { ...defaultFormLayananPolsek },
loading: false,
async create() {
const cek = templateFormLayananPolsek.safeParse(
layananPolsek.create.form
);
if (!cek.success) {
const err = `[${cek.error.issues
.map((v) => `${v.path.join(".")}`)
.join("\n")}] required`;
return toast.error(err);
}
try {
layananPolsek.create.loading = true;
const res = await ApiFetch.api.keamanan["layananpolsek"][
"create"
].post(layananPolsek.create.form);
if (res.status === 200) {
layananPolsek.findManyAll.load();
return toast.success("Data Kategori Berita Berhasil Dibuat");
}
console.log(res);
return toast.error("failed create");
} catch (error) {
console.log(error);
return toast.error("failed create");
} finally {
layananPolsek.create.loading = false;
}
},
},
findMany: {
data: null as
| Prisma.LayananPolsekGetPayload<{
omit: {
isActive: true;
};
}>[]
| null,
page: 1,
totalPages: 1,
loading: false,
search: "",
load: async (page = 1, limit = 10, search = "") => {
layananPolsek.findMany.loading = true; // ✅ Akses langsung via nama path
layananPolsek.findMany.page = page;
layananPolsek.findMany.search = search;
try {
const query: any = { page, limit };
if (search) query.search = search;
const res = await ApiFetch.api.keamanan["layananpolsek"]["findMany"].get({ query });
if (res.status === 200 && res.data?.success) {
layananPolsek.findMany.data = res.data.data ?? [];
layananPolsek.findMany.totalPages = res.data.totalPages ?? 1;
} else {
layananPolsek.findMany.data = [];
layananPolsek.findMany.totalPages = 1;
}
} catch (err) {
console.error("Gagal fetch layanan polsek paginated:", err);
layananPolsek.findMany.data = [];
layananPolsek.findMany.totalPages = 1;
} finally {
layananPolsek.findMany.loading = false;
}
},
},
findManyAll: {
data: [] as Prisma.LayananPolsekGetPayload<{ omit: { isActive: true } }>[],
loading: false,
async load() {
this.loading = true;
try {
const res = await ApiFetch.api.keamanan["layananpolsek"][
"findManyAll"
].get();
if (res.status === 200 && res.data?.success) {
this.data = (res.data.data ?? []).map((item: any) => ({
id: String(item.id),
nama: String(item.nama || ""),
createdAt: item.createdAt ? new Date(item.createdAt) : new Date(),
updatedAt: item.updatedAt ? new Date(item.updatedAt) : new Date(),
deletedAt: item.deletedAt ? new Date(item.deletedAt) : null,
}));
} else {
this.data = [];
}
} catch (error) {
console.error("Gagal fetch layanan polsek:", error);
this.data = [];
} finally {
this.loading = false;
}
},
},
findUnique: {
data: null as Prisma.LayananPolsekGetPayload<{
omit: {
isActive: true;
};
}> | null,
loading: false,
async load(id: string) {
try {
const res = await fetch(`/api/keamanan/layananpolsek/${id}`);
if (res.ok) {
const data = await res.json();
layananPolsek.findUnique.data = data.data ?? null;
} else {
console.error("Failed to fetch data", res.status, res.statusText);
layananPolsek.findUnique.data = null;
}
} catch (error) {
console.error("Error fetching data:", error);
layananPolsek.findUnique.data = null;
}
},
},
delete: {
loading: false,
async delete(id: string) {
if (!id) return toast.warn("ID tidak valid");
try {
layananPolsek.delete.loading = true;
const response = await fetch(`/api/keamanan/layananpolsek/del/${id}`, {
method: "DELETE",
headers: {
"Content-Type": "application/json",
},
});
const result = await response.json();
if (response.ok && result?.success) {
toast.success(
result.message || "Data layanan polsek berhasil dihapus"
);
await layananPolsek.findManyAll.load(); // refresh list
} else {
toast.error(result?.message || "Gagal menghapus Data layanan polsek");
}
} catch (error) {
console.error("Gagal delete:", error);
toast.error("Terjadi kesalahan saat menghapus Data layanan polsek");
} finally {
layananPolsek.delete.loading = false;
}
},
},
update: {
id: "",
form: { ...defaultFormLayananPolsek },
loading: false,
async load(id: string) {
if (!id) {
toast.warn("ID tidak valid");
return null;
}
try {
const response = await fetch(`/api/keamanan/layananpolsek/${id}`, {
method: "GET",
headers: {
"Content-Type": "application/json",
},
});
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const result = await response.json();
if (result?.success) {
const data = result.data;
this.id = data.id;
this.form = {
nama: data.nama,
};
return data; // Return the loaded data
} else {
throw new Error(result?.message || "Gagal memuat data");
}
} catch (error) {
console.error("Error loading layanan polsek:", error);
toast.error(
error instanceof Error ? error.message : "Gagal memuat data"
);
return null;
}
},
async update() {
const cek = templateFormLayananPolsek.safeParse(
layananPolsek.update.form
);
if (!cek.success) {
const err = `[${cek.error.issues
.map((v) => `${v.path.join(".")}`)
.join("\n")}] required`;
toast.error(err);
return false;
}
try {
layananPolsek.update.loading = true;
const response = await fetch(
`/api/keamanan/layananpolsek/${this.id}`,
{
method: "PUT",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
nama: this.form.nama,
}),
}
);
if (!response.ok) {
const errorData = await response.json().catch(() => ({}));
throw new Error(
errorData.message || `HTTP error! status: ${response.status}`
);
}
const result = await response.json();
if (result.success) {
toast.success("Berhasil update data layanan polsek");
await layananPolsek.findManyAll.load(); // refresh list
return true;
} else {
throw new Error(result.message || "Gagal update data layanan polsek");
}
} catch (error) {
console.error("Error updating data layanan polsek:", error);
toast.error(
error instanceof Error
? error.message
: "Terjadi kesalahan saat update data layanan polsek"
);
return false;
} finally {
layananPolsek.update.loading = false;
}
},
reset() {
layananPolsek.update.id = "";
layananPolsek.update.form = { ...defaultFormLayananPolsek };
},
},
});
const statePolsekTerdekat = proxy({
polsekTerdekatState,
layananPolsek,
});
export default statePolsekTerdekat;

View File

@@ -1,6 +1,7 @@
/* eslint-disable react-hooks/exhaustive-deps */ /* eslint-disable react-hooks/exhaustive-deps */
/* eslint-disable @typescript-eslint/no-explicit-any */ /* eslint-disable @typescript-eslint/no-explicit-any */
'use client'; 'use client';
import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
import pasarDesaState from '@/app/admin/(dashboard)/_state/ekonomi/pasar-desa/pasar-desa'; import pasarDesaState from '@/app/admin/(dashboard)/_state/ekonomi/pasar-desa/pasar-desa';
import colors from '@/con/colors'; import colors from '@/con/colors';
import ApiFetch from '@/lib/api-fetch'; import ApiFetch from '@/lib/api-fetch';
@@ -33,6 +34,7 @@ type FormData = {
rating: number; rating: number;
kategoriId: string[]; kategoriId: string[];
kontak: string; kontak: string;
deskripsi: string;
}; };
function EditPasarDesa() { function EditPasarDesa() {
@@ -51,6 +53,7 @@ function EditPasarDesa() {
rating: 0, rating: 0,
kategoriId: [], kategoriId: [],
kontak: '', kontak: '',
deskripsi: ''
}); });
const [originalData, setOriginalData] = useState({ const [originalData, setOriginalData] = useState({
@@ -62,6 +65,7 @@ function EditPasarDesa() {
rating: 0, rating: 0,
kategoriId: [], kategoriId: [],
kontak: '', kontak: '',
deskripsi: ''
}); });
// load data awal // load data awal
@@ -83,6 +87,7 @@ function EditPasarDesa() {
rating: data.rating || 0, rating: data.rating || 0,
kategoriId: data.KategoriToPasar?.map((k: any) => k.kategoriId) || [], kategoriId: data.KategoriToPasar?.map((k: any) => k.kategoriId) || [],
kontak: data.kontak || '', kontak: data.kontak || '',
deskripsi: data.deskripsi || ''
}); });
setOriginalData({ setOriginalData({
nama: data.nama || '', nama: data.nama || '',
@@ -93,6 +98,7 @@ function EditPasarDesa() {
rating: data.rating || 0, rating: data.rating || 0,
kategoriId: data.KategoriToPasar?.map((k: any) => k.kategoriId) || [], kategoriId: data.KategoriToPasar?.map((k: any) => k.kategoriId) || [],
kontak: data.kontak || '', kontak: data.kontak || '',
deskripsi: data.deskripsi || ''
}); });
if (data.image?.link) setPreviewImage(data.image.link); if (data.image?.link) setPreviewImage(data.image.link);
} }
@@ -120,6 +126,7 @@ function EditPasarDesa() {
rating: originalData.rating, rating: originalData.rating,
kategoriId: (originalData as any)?.KategoriToPasar?.map((k: any) => k.kategoriId) || [], kategoriId: (originalData as any)?.KategoriToPasar?.map((k: any) => k.kategoriId) || [],
kontak: originalData.kontak, kontak: originalData.kontak,
deskripsi: originalData.deskripsi
}); });
setPreviewImage(originalData.imageUrl || null); setPreviewImage(originalData.imageUrl || null);
setFile(null); setFile(null);
@@ -316,6 +323,19 @@ function EditPasarDesa() {
error={!formData.kategoriId.length ? 'Pilih minimal satu kategori' : undefined} error={!formData.kategoriId.length ? 'Pilih minimal satu kategori' : undefined}
/> />
{/* Input Deskripsi */}
<Box>
<Text fz="sm" fw="bold" mb={6}>
Deskripsi
</Text>
<EditEditor
value={formData.deskripsi}
onChange={(htmlContent) =>
setFormData((prev) => ({ ...prev, deskripsi: htmlContent }))
}
/>
</Box>
<Group justify="right"> <Group justify="right">
<Button <Button
variant="outline" variant="outline"

View File

@@ -23,6 +23,7 @@ import { useEffect, useState } from 'react';
import { toast } from 'react-toastify'; import { toast } from 'react-toastify';
import { useProxy } from 'valtio/utils'; import { useProxy } from 'valtio/utils';
import pasarDesaState from '../../../../_state/ekonomi/pasar-desa/pasar-desa'; import pasarDesaState from '../../../../_state/ekonomi/pasar-desa/pasar-desa';
import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
export default function CreatePasarDesa() { export default function CreatePasarDesa() {
const router = useRouter(); const router = useRouter();
@@ -44,6 +45,7 @@ export default function CreatePasarDesa() {
rating: 0, rating: 0,
kategoriId: [], kategoriId: [],
kontak: '', kontak: '',
deskripsi: ''
}; };
setPreviewImage(null); setPreviewImage(null);
setFile(null); setFile(null);
@@ -234,6 +236,18 @@ export default function CreatePasarDesa() {
} }
/> />
<Box>
<Text fw="bold" fz="sm" mb={6}>
Deskripsi Produk
</Text>
<CreateEditor
value={statePasar.pasarDesa.create.form.deskripsi}
onChange={(val) => {
statePasar.pasarDesa.create.form.deskripsi = val;
}}
/>
</Box>
{/* Tombol Submit */} {/* Tombol Submit */}
<Group justify="right"> <Group justify="right">
<Button <Button

View File

@@ -1,457 +0,0 @@
/* eslint-disable react-hooks/exhaustive-deps */
/* eslint-disable @typescript-eslint/no-explicit-any */
"use client";
import polsekTerdekat from "@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat";
import colors from "@/con/colors";
import {
Box,
Button,
Card,
Group,
Loader,
Modal,
Paper,
Select,
Stack,
Text,
TextInput,
Title
} from "@mantine/core";
import { IconArrowBack } from "@tabler/icons-react";
import { useParams, useRouter } from "next/navigation";
import { useEffect, useState } from "react";
import { toast } from "react-toastify";
import { useProxy } from "valtio/utils";
function EditPolsekTerdekat() {
const polsekState = useProxy(polsekTerdekat);
const params = useParams();
const router = useRouter();
const [layananOptions, setLayananOptions] = useState<
{ value: string; label: string }[]
>([]);
const [modalOpen, setModalOpen] = useState(false);
const [modalUpdateOpen, setModalUpdateOpen] = useState(false);
const [namaLayananBaru, setNamaLayananBaru] = useState("");
const [selectedLayananId, setSelectedLayananId] = useState<string | null>(
null
);
const [namaLayananUpdate, setNamaLayananUpdate] = useState("");
const [isSubmitting, setIsSubmitting] = useState(false);
const [formData, setFormData] = useState({
nama: "",
jarakKeDesa: "",
alamat: "",
nomorTelepon: "",
jamOperasional: "",
embedMapUrl: "",
namaTempatMaps: "",
alamatMaps: "",
linkPetunjukArah: "",
layananPolsekId: "",
});
const [originalData, setOriginalData] = useState({
nama: "",
jarakKeDesa: "",
alamat: "",
nomorTelepon: "",
jamOperasional: "",
embedMapUrl: "",
namaTempatMaps: "",
alamatMaps: "",
linkPetunjukArah: "",
layananPolsekId: "",
});
// load data untuk form edit
useEffect(() => {
const loadPolsekTerdekat = async () => {
const id = params?.id as string;
if (!id) return;
try {
const data = await polsekState.edit.load(id);
if (data) {
setFormData({
nama: data.nama || "",
jarakKeDesa: data.jarakKeDesa || "",
alamat: data.alamat || "",
nomorTelepon: data.nomorTelepon || "",
jamOperasional: data.jamOperasional || "",
embedMapUrl: data.embedMapUrl || "",
namaTempatMaps: data.namaTempatMaps || "",
alamatMaps: data.alamatMaps || "",
linkPetunjukArah: data.linkPetunjukArah || "",
layananPolsekId: data.layananPolsekId || "",
});
setOriginalData({
nama: data.nama || "",
jarakKeDesa: data.jarakKeDesa || "",
alamat: data.alamat || "",
nomorTelepon: data.nomorTelepon || "",
jamOperasional: data.jamOperasional || "",
embedMapUrl: data.embedMapUrl || "",
namaTempatMaps: data.namaTempatMaps || "",
alamatMaps: data.alamatMaps || "",
linkPetunjukArah: data.linkPetunjukArah || "",
layananPolsekId: data.layananPolsekId || "",
});
}
} catch (error) {
console.error("Error loading polsek terdekat:", error);
toast.error("Gagal memuat data polsek terdekat");
}
};
loadPolsekTerdekat();
}, [params?.id]);
const fetchLayanan = async () => {
try {
const res = await fetch("/api/keamanan/layanan-polsek/find-many");
const data = await res.json();
if (data.success) {
const options = data.data.map((item: any) => ({
value: item.id,
label: item.nama,
}));
setLayananOptions(options);
}
} catch {
toast.error("Gagal memuat layanan polsek");
}
};
const handleTambahLayanan = async () => {
if (!namaLayananBaru.trim())
return toast.warn("Nama layanan tidak boleh kosong");
try {
const res = await fetch("/api/keamanan/layanan-polsek/create", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ nama: namaLayananBaru }),
});
const data = await res.json();
if (data.success) {
const newLayanan = {
value: data.data.id,
label: data.data.nama,
};
setLayananOptions((prev) => [...prev, newLayanan]);
await fetchLayanan();
polsekState.create.form.layananPolsekId = data.data.id;
toast.success("Layanan baru ditambahkan!");
setModalOpen(false);
setNamaLayananBaru("");
} else {
toast.error(data.message || "Gagal menambah layanan");
}
} catch {
toast.error("Error menambah layanan");
}
};
const handleUpdateLayanan = async (id: string, namaBaru: string) => {
if (!namaBaru.trim())
return toast.warn("Nama layanan tidak boleh kosong");
try {
const res = await fetch(`/api/keamanan/layanan-polsek/update/${id}`, {
method: "PUT",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ nama: namaBaru }),
});
const data = await res.json();
if (data.success) {
await fetchLayanan();
toast.success("Layanan berhasil diupdate!");
setModalUpdateOpen(false);
setNamaLayananUpdate("");
} else {
toast.error(data.message || "Gagal mengupdate layanan");
}
} catch {
toast.error("Error mengupdate layanan");
}
};
const handleDeleteLayanan = async (id: string) => {
const confirmDelete = confirm("Yakin ingin menghapus layanan ini?");
if (!confirmDelete) return;
try {
const res = await fetch(`/api/keamanan/layanan-polsek/del/${id}`, {
method: "DELETE",
});
const data = await res.json();
if (data.success) {
await fetchLayanan();
setLayananOptions((prev) =>
prev.filter((layanan) => layanan.value !== id)
);
toast.success("Layanan berhasil dihapus!");
} else {
toast.error(data.message || "Gagal menghapus layanan");
}
} catch {
toast.error("Error menghapus layanan");
}
};
useEffect(() => {
fetchLayanan();
}, []);
const handleChange = (field: string, value: string) => {
setFormData(prev => ({ ...prev, [field]: value }));
};
const handleResetForm = () => {
setFormData({
nama: originalData.nama,
jarakKeDesa: originalData.jarakKeDesa,
alamat: originalData.alamat,
nomorTelepon: originalData.nomorTelepon,
jamOperasional: originalData.jamOperasional,
embedMapUrl: originalData.embedMapUrl,
namaTempatMaps: originalData.namaTempatMaps,
alamatMaps: originalData.alamatMaps,
linkPetunjukArah: originalData.linkPetunjukArah,
layananPolsekId: originalData.layananPolsekId,
});
toast.info("Form dikembalikan ke data awal");
};
const handleSubmit = async () => {
try {
setIsSubmitting(true);
polsekState.edit.form = { ...formData }; // update global state hanya di sini
await polsekState.edit.update();
toast.success("Polsek terdekat berhasil diperbarui!");
router.push("/admin/keamanan/polsek-terdekat");
} catch (error) {
console.error("Error updating polsek terdekat:", error);
toast.error("Gagal memperbarui data polsek terdekat");
} finally {
setIsSubmitting(false);
}
};
return (
<Box px={{ base: 0, md: 'xs' }} py="xs">
{/* Modal Tambah */}
<Modal
opened={modalOpen}
onClose={() => setModalOpen(false)}
title="Tambah Layanan Polsek"
centered
>
<Stack>
<TextInput
label="Nama Layanan"
placeholder="Masukkan nama layanan"
value={namaLayananBaru}
onChange={(e) => setNamaLayananBaru(e.currentTarget.value)}
/>
<Button onClick={handleTambahLayanan}>Simpan</Button>
</Stack>
</Modal>
{/* Modal Update */}
<Modal
opened={modalUpdateOpen}
onClose={() => setModalUpdateOpen(false)}
title="Update Layanan Polsek"
centered
>
<Stack>
<TextInput
label="Nama Layanan"
placeholder="Masukkan nama layanan"
value={namaLayananUpdate}
onChange={(e) => setNamaLayananUpdate(e.currentTarget.value)}
/>
<Button
onClick={() => {
if (!selectedLayananId)
return toast.warn("ID layanan tidak ditemukan");
handleUpdateLayanan(selectedLayananId, namaLayananUpdate);
}}
>
Simpan
</Button>
</Stack>
</Modal>
{/* Header */}
<Group mb="md">
<Button
variant="subtle"
onClick={() => router.back()}
p="xs"
radius="md"
>
<IconArrowBack color={colors["blue-button"]} size={24} />
</Button>
<Title order={4} ml="sm" c="dark">
Edit Polsek Terdekat
</Title>
</Group>
{/* Form utama */}
<Paper
w={{ base: "100%", md: "50%" }}
bg={colors["white-1"]}
p="lg"
radius="md"
shadow="sm"
style={{ border: "1px solid #e0e0e0" }}
>
<Stack gap="md">
{/* Input fields */}
<TextInput
value={formData.nama}
onChange={(e) => handleChange("nama", e.currentTarget.value)}
label="Nama Polsek Terdekat"
placeholder="Masukkan nama Polsek Terdekat"
required
/>
<TextInput
value={formData.jarakKeDesa}
onChange={(e) => handleChange("jarakKeDesa", e.currentTarget.value)}
label="Jarak Polsek Terdekat"
/>
<TextInput
value={formData.alamat}
onChange={(e) => handleChange("alamat", e.currentTarget.value)}
label="Alamat Polsek Terdekat"
/>
<TextInput
value={formData.nomorTelepon}
onChange={(e) => handleChange("nomorTelepon", e.currentTarget.value)}
label="Nomor Telepon"
/>
<TextInput
value={formData.jamOperasional}
onChange={(e) => handleChange("jamOperasional", e.currentTarget.value)}
label="Jam Operasional"
/>
<TextInput
value={formData.embedMapUrl}
onChange={(e) => handleChange("embedMapUrl", e.currentTarget.value)}
label="Embed Map URL"
/>
<TextInput
value={formData.namaTempatMaps}
onChange={(e) => handleChange("namaTempatMaps", e.currentTarget.value)}
label="Nama Tempat Maps"
/>
<TextInput
value={formData.alamatMaps}
onChange={(e) => handleChange("alamatMaps", e.currentTarget.value)}
label="Alamat Maps"
/>
<TextInput
value={formData.linkPetunjukArah}
onChange={(e) => handleChange("linkPetunjukArah", e.currentTarget.value)}
label="Link Petunjuk Arah"
/>
<Select
label="Layanan Polsek"
placeholder="Pilih layanan polsek"
data={layananOptions}
value={formData.layananPolsekId}
onChange={(val) => handleChange("layananPolsekId", val || "")}
/>
<Button
variant="light"
size="xs"
onClick={() => setModalOpen(true)}
>
+ Tambah Layanan Baru
</Button>
{/* List layanan */}
<Text fw="bold" fz="sm">
Daftar Layanan Polsek
</Text>
{layananOptions.map((item) => (
<Card
key={item.value}
style={{ border: "1px solid #ccc" }}
bg={colors["white-1"]}
p="md"
radius="md"
shadow="sm"
>
<Group justify="space-between">
<Text>{item.label}</Text>
<Group>
<Button
variant="light"
size="xs"
onClick={() => {
setSelectedLayananId(item.value);
setNamaLayananUpdate(item.label);
setModalUpdateOpen(true);
}}
>
Edit
</Button>
<Button
variant="outline"
color="red"
size="xs"
onClick={() => handleDeleteLayanan(item.value)}
>
Hapus
</Button>
</Group>
</Group>
</Card>
))}
{/* Submit */}
<Group justify="right">
{/* Tombol Batal */}
<Button
variant="outline"
color="gray"
radius="md"
size="md"
onClick={handleResetForm}
>
Batal
</Button>
{/* Tombol Simpan */}
<Button
onClick={handleSubmit}
radius="md"
size="md"
style={{
background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
color: '#fff',
boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
}}
>
{isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
</Button>
</Group>
</Stack>
</Paper>
</Box>
);
}
export default EditPolsekTerdekat;

View File

@@ -0,0 +1,150 @@
/* eslint-disable react-hooks/exhaustive-deps */
'use client'
import colors from '@/con/colors';
import { Box, ScrollArea, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
import { IconBuilding, IconTool } from '@tabler/icons-react';
import { usePathname, useRouter } from 'next/navigation';
import React, { useEffect, useState } from 'react';
function LayoutPolsek({ children }: { children: React.ReactNode }) {
const router = useRouter();
const pathname = usePathname();
const tabs = [
{
label: "Daftar Polsek Terdekat",
value: "daftar-polsek-terdekat",
href: "/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat",
icon: <IconBuilding size={18} stroke={1.8} />
},
{
label: "Layanan Polsek",
value: "layanan-polsek",
href: "/admin/keamanan/polsek-terdekat/layanan-polsek",
icon: <IconTool size={18} stroke={1.8} />
}
];
const currentTab = tabs.find(tab => tab.href === pathname);
const [activeTab, setActiveTab] = useState<string | null>(currentTab?.value || tabs[0].value);
const handleTabChange = (value: string | null) => {
const tab = tabs.find(t => t.value === value);
if (tab) {
router.push(tab.href);
}
setActiveTab(value);
};
useEffect(() => {
const match = tabs.find(tab => tab.href === pathname);
if (match) {
setActiveTab(match.value);
}
}, [pathname]);
return (
<Stack gap="lg">
<Title order={2} fw={700} style={{ color: "#1A1B1E" }}>
Polsek Terdekat
</Title>
<Tabs
color={colors["blue-button"]}
variant="pills"
value={activeTab}
onChange={handleTabChange}
radius="lg"
keepMounted={false}
>
{/* ✅ Scroll horizontal wrapper */}
<Box visibleFrom='md' pb={10}>
<ScrollArea type="auto" offsetScrollbars>
<TabsList
p="sm"
style={{
background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
borderRadius: "1rem",
boxShadow: "inset 0 0 10px rgba(0,0,0,0.05)",
display: "flex",
flexWrap: "nowrap",
gap: "0.5rem",
paddingInline: "0.5rem", // ✅ biar nggak nempel ke tepi
}}
>
{tabs.map((tab, i) => (
<TabsTab
key={i}
value={tab.value}
leftSection={tab.icon}
style={{
fontWeight: 600,
fontSize: "0.9rem",
transition: "all 0.2s ease",
flexShrink: 0, // ✅ jangan mengecil aneh-aneh
}}
>
{tab.label}
</TabsTab>
))}
</TabsList>
</ScrollArea>
</Box>
<Box hiddenFrom='md' pb={10}>
<ScrollArea
type="auto"
offsetScrollbars={false}
w="100%"
>
<TabsList
p="xs" // lebih kecil
style={{
background: "linear-gradient(135deg, #e7ebf7, #f9faff)",
borderRadius: "1rem",
display: "flex",
flexWrap: "nowrap",
gap: "0.5rem",
width: "max-content", // ⬅️ kunci
maxWidth: "100%", // ⬅️ penting
}}
>
{tabs.map((tab, i) => (
<TabsTab
key={i}
value={tab.value}
leftSection={tab.icon}
style={{
fontWeight: 600,
fontSize: "0.9rem",
paddingInline: "0.75rem", // ⬅️ lebih ramping
flexShrink: 0, // ✅ jangan mengecil aneh-aneh
}}
>
{tab.label}
</TabsTab>
))}
</TabsList>
</ScrollArea>
</Box>
{tabs.map((tab, i) => (
<TabsPanel
key={i}
value={tab.value}
style={{
padding: "1.5rem",
background: "linear-gradient(180deg, #ffffff, #f5f6fa)",
borderRadius: "1rem",
boxShadow: "0 4px 16px rgba(0,0,0,0.05)",
}}
>
{children}
</TabsPanel>
))}
</Tabs>
</Stack>
);
}
export default LayoutPolsek;

View File

@@ -0,0 +1,279 @@
/* eslint-disable react-hooks/exhaustive-deps */
/* eslint-disable @typescript-eslint/no-explicit-any */
"use client";
import statePolsekTerdekat from "@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat";
import colors from "@/con/colors";
import {
Box,
Button,
Group,
Loader,
MultiSelect,
Paper,
Stack,
TextInput,
Title
} from "@mantine/core";
import { IconArrowBack } from "@tabler/icons-react";
import { useParams, useRouter } from "next/navigation";
import { useEffect, useState } from "react";
import { toast } from "react-toastify";
import { useProxy } from "valtio/utils";
type FormData = {
nama: string;
jarakKeDesa: string;
alamat: string;
nomorTelepon: string;
jamOperasional: string;
embedMapUrl: string;
namaTempatMaps: string;
alamatMaps: string;
linkPetunjukArah: string;
layananPolsekId: string[];
};
function EditPolsekTerdekat() {
const polsekState = useProxy(statePolsekTerdekat.polsekTerdekatState);
const params = useParams();
const router = useRouter();
const [isSubmitting, setIsSubmitting] = useState(false);
const [formData, setFormData] = useState<FormData>({
nama: "",
jarakKeDesa: "",
alamat: "",
nomorTelepon: "",
jamOperasional: "",
embedMapUrl: "",
namaTempatMaps: "",
alamatMaps: "",
linkPetunjukArah: "",
layananPolsekId: []
});
const [originalData, setOriginalData] = useState({
nama: "",
jarakKeDesa: "",
alamat: "",
nomorTelepon: "",
jamOperasional: "",
embedMapUrl: "",
namaTempatMaps: "",
alamatMaps: "",
linkPetunjukArah: "",
layananPolsekId: []
});
useEffect(() => {
statePolsekTerdekat.layananPolsek.findManyAll.load();
}, []);
// load data untuk form edit
useEffect(() => {
const loadPolsekTerdekat = async () => {
const id = params?.id as string;
if (!id) return;
try {
const data = await polsekState.edit.load(id);
if (data) {
setFormData({
nama: data.nama || "",
jarakKeDesa: data.jarakKeDesa || "",
alamat: data.alamat || "",
nomorTelepon: data.nomorTelepon || "",
jamOperasional: data.jamOperasional || "",
embedMapUrl: data.embedMapUrl || "",
namaTempatMaps: data.namaTempatMaps || "",
alamatMaps: data.alamatMaps || "",
linkPetunjukArah: data.linkPetunjukArah || "",
layananPolsekId: data.LayananToPolsek?.map((l: any) => l.layananId) || [],
});
setOriginalData({
nama: data.nama || "",
jarakKeDesa: data.jarakKeDesa || "",
alamat: data.alamat || "",
nomorTelepon: data.nomorTelepon || "",
jamOperasional: data.jamOperasional || "",
embedMapUrl: data.embedMapUrl || "",
namaTempatMaps: data.namaTempatMaps || "",
alamatMaps: data.alamatMaps || "",
linkPetunjukArah: data.linkPetunjukArah || "",
layananPolsekId: data.LayananToPolsek?.map((l: any) => l.layananId) || [],
});
}
} catch (error) {
console.error("Error loading polsek terdekat:", error);
toast.error("Gagal memuat data polsek terdekat");
}
};
loadPolsekTerdekat();
}, [params?.id]);
const handleChange = (key: keyof FormData, value: any) => {
setFormData((prev) => ({ ...prev, [key]: value }));
};
const handleResetForm = () => {
setFormData({
nama: originalData.nama,
jarakKeDesa: originalData.jarakKeDesa,
alamat: originalData.alamat,
nomorTelepon: originalData.nomorTelepon,
jamOperasional: originalData.jamOperasional,
embedMapUrl: originalData.embedMapUrl,
namaTempatMaps: originalData.namaTempatMaps,
alamatMaps: originalData.alamatMaps,
linkPetunjukArah: originalData.linkPetunjukArah,
layananPolsekId: (originalData as any)?.LayananToPolsek?.map((l: any) => l.layananId) || [],
});
toast.info("Form dikembalikan ke data awal");
};
const handleSubmit = async () => {
try {
setIsSubmitting(true);
await polsekState.edit.update();
toast.success("Polsek terdekat berhasil diperbarui!");
router.push("/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat");
} catch (error) {
console.error("Error updating polsek terdekat:", error);
toast.error("Gagal memperbarui data polsek terdekat");
} finally {
setIsSubmitting(false);
}
};
return (
<Box px={{ base: 0, md: 'xs' }} py="xs">
{/* Header */}
<Group mb="md">
<Button
variant="subtle"
onClick={() => router.back()}
p="xs"
radius="md"
>
<IconArrowBack color={colors["blue-button"]} size={24} />
</Button>
<Title order={4} ml="sm" c="dark">
Edit Polsek Terdekat
</Title>
</Group>
{/* Form utama */}
<Paper
w={{ base: "100%", md: "50%" }}
bg={colors["white-1"]}
p="lg"
radius="md"
shadow="sm"
style={{ border: "1px solid #e0e0e0" }}
>
<Stack gap="md">
{/* Input fields */}
<TextInput
value={formData.nama}
onChange={(e) => handleChange("nama", e.currentTarget.value)}
label="Nama Polsek Terdekat"
placeholder="Masukkan nama Polsek Terdekat"
required
/>
<TextInput
value={formData.jarakKeDesa}
onChange={(e) => handleChange("jarakKeDesa", e.currentTarget.value)}
label="Jarak Polsek Terdekat"
/>
<TextInput
value={formData.alamat}
onChange={(e) => handleChange("alamat", e.currentTarget.value)}
label="Alamat Polsek Terdekat"
/>
<TextInput
value={formData.nomorTelepon}
onChange={(e) => handleChange("nomorTelepon", e.currentTarget.value)}
label="Nomor Telepon"
/>
<TextInput
value={formData.jamOperasional}
onChange={(e) => handleChange("jamOperasional", e.currentTarget.value)}
label="Jam Operasional"
/>
<TextInput
value={formData.embedMapUrl}
onChange={(e) => handleChange("embedMapUrl", e.currentTarget.value)}
label="Embed Map URL"
/>
<TextInput
value={formData.namaTempatMaps}
onChange={(e) => handleChange("namaTempatMaps", e.currentTarget.value)}
label="Nama Tempat Maps"
/>
<TextInput
value={formData.alamatMaps}
onChange={(e) => handleChange("alamatMaps", e.currentTarget.value)}
label="Alamat Maps"
/>
<TextInput
value={formData.linkPetunjukArah}
onChange={(e) => handleChange("linkPetunjukArah", e.currentTarget.value)}
label="Link Petunjuk Arah"
/>
<MultiSelect
label="Layanan Polsekl"
placeholder="Pilih layanan polsek"
value={formData.layananPolsekId}
onChange={(val) => handleChange('layananPolsekId', val)}
data={
statePolsekTerdekat.layananPolsek.findManyAll.data?.map((v) => ({
value: v.id,
label: v.nama,
})) || []
}
clearable
searchable
required
error={!formData.layananPolsekId.length ? 'Pilih minimal satu layanan polsek' : undefined}
/>
{/* Submit */}
<Group justify="right">
{/* Tombol Batal */}
<Button
variant="outline"
color="gray"
radius="md"
size="md"
onClick={handleResetForm}
>
Batal
</Button>
{/* Tombol Simpan */}
<Button
onClick={handleSubmit}
radius="md"
size="md"
style={{
background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
color: '#fff',
boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
}}
>
{isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
</Button>
</Group>
</Stack>
</Paper>
</Box>
);
}
export default EditPolsekTerdekat;

View File

@@ -6,12 +6,12 @@ import { IconArrowBack, IconEdit, IconTrash } from '@tabler/icons-react';
import { useParams, useRouter } from 'next/navigation'; import { useParams, useRouter } from 'next/navigation';
import { useState } from 'react'; import { useState } from 'react';
import { useProxy } from 'valtio/utils'; import { useProxy } from 'valtio/utils';
import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus'; import { ModalKonfirmasiHapus } from '../../../../_com/modalKonfirmasiHapus';
import polsekTerdekat from '../../../_state/keamanan/polsek-terdekat'; import statePolsekTerdekat from '../../../../_state/keamanan/polsek-terdekat';
function DetailPolsekTerdekat() { function DetailPolsekTerdekat() {
const router = useRouter(); const router = useRouter();
const polsekState = useProxy(polsekTerdekat); const polsekState = useProxy(statePolsekTerdekat.polsekTerdekatState);
const [selectedId, setSelectedId] = useState<string | null>(null); const [selectedId, setSelectedId] = useState<string | null>(null);
const [modalHapus, setModalHapus] = useState(false); const [modalHapus, setModalHapus] = useState(false);
const params = useParams(); const params = useParams();
@@ -25,7 +25,7 @@ function DetailPolsekTerdekat() {
polsekState.delete.byId(selectedId); polsekState.delete.byId(selectedId);
setModalHapus(false); setModalHapus(false);
setSelectedId(null); setSelectedId(null);
router.push("/admin/keamanan/polsek-terdekat"); router.push("/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat");
} }
}; };
@@ -149,10 +149,20 @@ function DetailPolsekTerdekat() {
</Text> </Text>
</Box> </Box>
{/* Layanan Polsek */}
<Box> <Box>
<Text fz="lg" fw="bold">Layanan Polsek</Text> <Text fz="lg" fw="bold">Layanan Polsek</Text>
<Text fz="md" c="dimmed">{data?.layananPolsek?.nama || "-"}</Text> <Stack gap={4}>
{data.LayananToPolsek && data.LayananToPolsek.length > 0 ? (
data.LayananToPolsek.map((layanan) => (
<Text fz="md" c="dimmed" key={layanan.id}>
{layanan.layanan.nama}
</Text>
))
) : (
<Text fz="sm" c="dimmed">Tidak ada layanan polsek</Text>
)}
</Stack>
</Box> </Box>
{/* Aksi */} {/* Aksi */}
@@ -172,7 +182,7 @@ function DetailPolsekTerdekat() {
<Button <Button
color="green" color="green"
onClick={() => router.push(`/admin/keamanan/polsek-terdekat/${data.id}/edit`)} onClick={() => router.push(`/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat/${data.id}/edit`)}
variant="light" variant="light"
radius="md" radius="md"
size="md" size="md"

View File

@@ -1,4 +1,3 @@
/* eslint-disable @typescript-eslint/no-explicit-any */
'use client' 'use client'
import colors from '@/con/colors'; import colors from '@/con/colors';
import { import {
@@ -6,9 +5,8 @@ import {
Button, Button,
Group, Group,
Loader, Loader,
Modal, MultiSelect,
Paper, Paper,
Select,
Stack, Stack,
Text, Text,
TextInput, TextInput,
@@ -19,16 +17,17 @@ import { useRouter } from 'next/navigation';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { toast } from 'react-toastify'; import { toast } from 'react-toastify';
import { useProxy } from 'valtio/utils'; import { useProxy } from 'valtio/utils';
import polsekTerdekat from '../../../_state/keamanan/polsek-terdekat'; import statePolsekTerdekat from '../../../../_state/keamanan/polsek-terdekat';
function CreatePolsekTerdekat() { function CreatePolsekTerdekat() {
const polsekState = useProxy(polsekTerdekat); const polsekState = useProxy(statePolsekTerdekat.polsekTerdekatState);
const router = useRouter(); const router = useRouter();
const [layananOptions, setLayananOptions] = useState<{ value: string; label: string }[]>([]);
const [modalOpen, setModalOpen] = useState(false);
const [namaLayananBaru, setNamaLayananBaru] = useState("");
const [isSubmitting, setIsSubmitting] = useState(false); const [isSubmitting, setIsSubmitting] = useState(false);
useEffect(() => {
statePolsekTerdekat.layananPolsek.findManyAll.load();
}, []);
const resetForm = () => { const resetForm = () => {
polsekState.create.form = { polsekState.create.form = {
nama: "", nama: "",
@@ -40,7 +39,7 @@ function CreatePolsekTerdekat() {
namaTempatMaps: "", namaTempatMaps: "",
alamatMaps: "", alamatMaps: "",
linkPetunjukArah: "", linkPetunjukArah: "",
layananPolsekId: "", layananPolsekId: [],
}; };
}; };
@@ -55,7 +54,7 @@ function CreatePolsekTerdekat() {
} catch { } catch {
return false; return false;
} }
}; };
const handleSubmit = async () => { const handleSubmit = async () => {
const { embedMapUrl } = polsekState.create.form; const { embedMapUrl } = polsekState.create.form;
@@ -70,14 +69,14 @@ function CreatePolsekTerdekat() {
setIsSubmitting(true); setIsSubmitting(true);
await polsekState.create.create(); await polsekState.create.create();
resetForm(); resetForm();
router.push("/admin/keamanan/polsek-terdekat"); router.push("/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat");
} catch (error) { } catch (error) {
console.error(error); console.error(error);
toast.error("Gagal menambah polsek terdekat"); toast.error("Gagal menambah polsek terdekat");
} finally { } finally {
setIsSubmitting(false); setIsSubmitting(false);
} }
}; };
const extractEmbedUrl = (input: string): string => { const extractEmbedUrl = (input: string): string => {
// Jika sudah berupa URL embed yang valid // Jika sudah berupa URL embed yang valid
@@ -96,77 +95,8 @@ function CreatePolsekTerdekat() {
return input.trim(); return input.trim();
}; };
const fetchLayanan = async () => {
try {
const res = await fetch("/api/keamanan/layanan-polsek/find-many");
const data = await res.json();
if (data.success) {
const options = data.data.map((item: any) => ({
value: item.id,
label: item.nama,
}));
setLayananOptions(options);
}
} catch {
toast.error("Gagal memuat layanan polsek");
}
};
const handleTambahLayanan = async () => {
if (!namaLayananBaru.trim()) return toast.warn("Nama layanan tidak boleh kosong");
try {
const res = await fetch("/api/keamanan/layanan-polsek/create", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ nama: namaLayananBaru }),
});
const data = await res.json();
if (data.success) {
const newLayanan = {
value: data.data.id,
label: data.data.nama,
};
setLayananOptions((prev) => [...prev, newLayanan]);
await fetchLayanan();
polsekState.create.form.layananPolsekId = data.data.id;
toast.success("Layanan baru ditambahkan!");
setModalOpen(false);
setNamaLayananBaru("");
} else {
toast.error(data.message || "Gagal menambah layanan");
}
} catch {
toast.error("Error menambah layanan");
}
};
useEffect(() => {
fetchLayanan();
}, []);
return ( return (
<Box px={{ base: 0, md: 'xs' }} py="xs"> <Box px={{ base: 0, md: 'xs' }} py="xs">
{/* Modal Tambah Layanan */}
<Modal
opened={modalOpen}
onClose={() => setModalOpen(false)}
title="Tambah Layanan Polsek"
centered
>
<Stack>
<TextInput
label="Nama Layanan"
placeholder="Masukkan nama layanan"
value={namaLayananBaru}
onChange={(e) => setNamaLayananBaru(e.currentTarget.value)}
/>
<Button onClick={handleTambahLayanan}>Simpan</Button>
</Stack>
</Modal>
{/* Header */} {/* Header */}
<Group mb="md"> <Group mb="md">
<Button <Button
@@ -255,36 +185,23 @@ function CreatePolsekTerdekat() {
label={<Text fw="bold" fz="sm">Link Petunjuk Arah</Text>} label={<Text fw="bold" fz="sm">Link Petunjuk Arah</Text>}
placeholder="Masukkan link petunjuk arah" placeholder="Masukkan link petunjuk arah"
/> />
<Select <MultiSelect
label="Layanan Polsek" label="Layanan Polsek"
placeholder="Pilih layanan polsek" placeholder="Pilih layanan polsek (bisa lebih dari satu)"
data={layananOptions} data={statePolsekTerdekat.layananPolsek.findManyAll.data?.map((v) => ({
value={polsekState.create.form.layananPolsekId || null} value: v.id,
onChange={(val: string | null) => { label: v.nama,
if (val) { })) || []}
const selected = layananOptions.find( value={polsekState.create.form.layananPolsekId}
(item) => item.value === val onChange={(val) => {
); polsekState.create.form.layananPolsekId = val;
if (selected) {
polsekState.create.form.layananPolsekId = selected.value;
}
} else {
polsekState.create.form.layananPolsekId = '';
}
}} }}
searchable searchable
clearable clearable
nothingFoundMessage="Tidak ditemukan" nothingFoundMessage="Tidak ada layanan ditemukan"
required required
error={polsekState.create.form.layananPolsekId?.length === 0 ? "Pilih minimal 1 layanan polsek" : undefined}
/> />
<Button
variant="light"
size="xs"
onClick={() => setModalOpen(true)}
>
+ Tambah Layanan Baru
</Button>
{/* Tombol Submit */} {/* Tombol Submit */}
<Group justify="right"> <Group justify="right">
<Button <Button

View File

@@ -23,8 +23,9 @@ import { IconDeviceImac, IconPlus, IconSearch } from '@tabler/icons-react';
import { useRouter } from 'next/navigation'; import { useRouter } from 'next/navigation';
import { useState } from 'react'; import { useState } from 'react';
import { useProxy } from 'valtio/utils'; import { useProxy } from 'valtio/utils';
import HeaderSearch from '../../_com/header'; import HeaderSearch from '../../../_com/header';
import polsekTerdekat from '../../_state/keamanan/polsek-terdekat'; import statePolsekTerdekat from '../../../_state/keamanan/polsek-terdekat';
function PolsekTerdekat() { function PolsekTerdekat() {
const [search, setSearch] = useState(""); const [search, setSearch] = useState("");
@@ -45,7 +46,7 @@ function PolsekTerdekat() {
} }
function ListPolsekTerdekat({ search }: { search: string }) { function ListPolsekTerdekat({ search }: { search: string }) {
const polsekState = useProxy(polsekTerdekat); const polsekState = useProxy(statePolsekTerdekat.polsekTerdekatState);
const router = useRouter(); const router = useRouter();
const [debouncedSearch] = useDebouncedValue(search, 1000); const [debouncedSearch] = useDebouncedValue(search, 1000);
@@ -82,7 +83,7 @@ function ListPolsekTerdekat({ search }: { search: string }) {
leftSection={<IconPlus size={18} />} leftSection={<IconPlus size={18} />}
color="blue" color="blue"
variant="light" variant="light"
onClick={() => router.push('/admin/keamanan/polsek-terdekat/create')} onClick={() => router.push('/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat/create')}
> >
Tambah Baru Tambah Baru
</Button> </Button>
@@ -145,7 +146,7 @@ function ListPolsekTerdekat({ search }: { search: string }) {
<Button <Button
variant="light" variant="light"
color="blue" color="blue"
onClick={() => router.push(`/admin/keamanan/polsek-terdekat/${item.id}`)} onClick={() => router.push(`/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat/${item.id}`)}
w="100%" w="100%"
> >
<IconDeviceImac size={18} /> <IconDeviceImac size={18} />
@@ -207,7 +208,7 @@ function ListPolsekTerdekat({ search }: { search: string }) {
variant="light" variant="light"
color="blue" color="blue"
fullWidth fullWidth
onClick={() => router.push(`/admin/keamanan/polsek-terdekat/${item.id}`)} onClick={() => router.push(`/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat/${item.id}`)}
> >
<IconDeviceImac size={18} /> <IconDeviceImac size={18} />
<Text ml={5} fz="sm" fw={500} lh={1.4}> <Text ml={5} fz="sm" fw={500} lh={1.4}>

View File

@@ -0,0 +1,161 @@
/* eslint-disable react-hooks/exhaustive-deps */
'use client'
import statePolsekTerdekat from '@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat';
import colors from '@/con/colors';
import {
Box,
Button,
Group,
Loader,
Paper,
Stack,
TextInput,
Title
} from '@mantine/core';
import { IconArrowBack } from '@tabler/icons-react';
import { useParams, useRouter } from 'next/navigation';
import { useEffect, useState } from 'react';
import { toast } from 'react-toastify';
import { useProxy } from 'valtio/utils';
function EditLayananPolsek() {
const editState = useProxy(statePolsekTerdekat.layananPolsek);
const router = useRouter();
const params = useParams();
const [isSubmitting, setIsSubmitting] = useState(false);
const [originalData, setOriginalData] = useState({
nama: '',
});
const [formData, setFormData] = useState({
nama: '',
});
useEffect(() => {
const loadLayananPolsek = async () => {
const id = params?.id as string;
if (!id) return;
try {
const data = await editState.update.load(id);
if (data) {
setFormData({
nama: data.nama || '',
});
setOriginalData({
nama: data.nama || '',
});
}
} catch (error) {
console.error('Error loading layanan polsek:', error);
toast.error('Gagal memuat data layanan polsek');
}
};
loadLayananPolsek();
}, [params?.id]);
const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
setFormData((prev) => ({
...prev,
[e.target.name]: e.target.value,
}));
};
const handleResetForm = () => {
setFormData({
nama: originalData.nama,
});
toast.info('Form dikembalikan ke data awal');
};
const handleSubmit = async () => {
try {
setIsSubmitting(true);
// update global state hanya saat submit
editState.update.form = {
...editState.update.form,
nama: formData.nama,
};
await editState.update.update();
toast.success('Layanan Polsek berhasil diperbarui!');
router.push('/admin/keamanan/polsek-terdekat/layanan-polsek');
} catch (error) {
console.error('Error updating layanan polsek:', error);
toast.error('Terjadi kesalahan saat memperbarui layanan polsek');
} finally {
setIsSubmitting(false);
}
};
return (
<Box px={{ base: 0, md: 'lg' }} py="xs">
{/* Back Button + Title */}
<Group mb="md">
<Button
variant="subtle"
onClick={() => router.back()}
p="xs"
radius="md"
>
<IconArrowBack color={colors['blue-button']} size={24} />
</Button>
<Title order={4} ml="sm" c="dark">
Edit Layanan Polsek
</Title>
</Group>
{/* Form Wrapper */}
<Paper
w={{ base: '100%', md: '50%' }}
bg={colors['white-1']}
p="lg"
radius="md"
shadow="sm"
style={{ border: '1px solid #e0e0e0' }}
>
<Stack gap="md">
<TextInput
name="nama"
label="Nama Layanan Polsek"
placeholder="Masukkan nama layanan polsek"
value={formData.nama}
onChange={handleChange}
required
/>
<Group justify="right">
<Button
variant="outline"
color="gray"
radius="md"
size="md"
onClick={handleResetForm}
>
Batal
</Button>
{/* Tombol Simpan */}
<Button
onClick={handleSubmit}
radius="md"
size="md"
style={{
background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
color: '#fff',
boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
}}
>
{isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
</Button>
</Group>
</Stack>
</Paper>
</Box>
);
}
export default EditLayananPolsek;

View File

@@ -0,0 +1,111 @@
'use client';
import statePolsekTerdekat from '@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat';
import colors from '@/con/colors';
import {
Box,
Button,
Group,
Loader,
Paper,
Stack,
TextInput,
Title
} from '@mantine/core';
import { IconArrowBack } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
import { useState } from 'react';
import { toast } from 'react-toastify';
import { useProxy } from 'valtio/utils';
function CreateLayananPolsek() {
const createState = useProxy(statePolsekTerdekat.layananPolsek);
const router = useRouter();
const [isSubmitting, setIsSubmitting] = useState(false);
const resetForm = () => {
createState.create.form = {
nama: '',
};
};
const handleSubmit = async () => {
setIsSubmitting(true);
try {
await createState.create.create();
resetForm();
router.push('/admin/keamanan/polsek-terdekat/layanan-polsek');
} catch (error) {
console.error('Error creating layanan polsek:', error);
toast.error('Gagal menambahkan layanan polsek');
} finally {
setIsSubmitting(false);
}
};
return (
<Box px={{ base: 0, md: 'lg' }} py="xs">
{/* Header dengan back button */}
<Group mb="md">
<Button
variant="subtle"
onClick={() => router.back()}
p="xs"
radius="md"
>
<IconArrowBack color={colors['blue-button']} size={24} />
</Button>
<Title order={4} ml="sm" c="dark">
Tambah Layanan Polsek
</Title>
</Group>
{/* Form utama */}
<Paper
w={{ base: '100%', md: '50%' }}
bg={colors['white-1']}
p="lg"
radius="md"
shadow="sm"
style={{ border: '1px solid #e0e0e0' }}
>
<Stack gap="md">
<TextInput
label="Nama Layanan Polsek"
placeholder="Masukkan nama layanan polsek"
value={createState.create.form.nama || ''}
onChange={(e) => (createState.create.form.nama = e.target.value)}
required
/>
<Group justify="right">
<Button
variant="outline"
color="gray"
radius="md"
size="md"
onClick={resetForm}
>
Reset
</Button>
{/* Tombol Simpan */}
<Button
onClick={handleSubmit}
radius="md"
size="md"
style={{
background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
color: '#fff',
boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
}}
>
{isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
</Button>
</Group>
</Stack>
</Paper>
</Box>
);
}
export default CreateLayananPolsek;

View File

@@ -0,0 +1,265 @@
'use client'
import colors from '@/con/colors';
import {
Box,
Button,
Center,
Group,
Pagination,
Paper,
Skeleton,
Stack,
Table,
TableTbody,
TableTd,
TableTh,
TableThead,
TableTr,
Text,
Title,
} from '@mantine/core';
import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
import { IconEdit, IconPlus, IconSearch, IconTrash } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
import { useState } from 'react';
import { useProxy } from 'valtio/utils';
import HeaderSearch from '../../../_com/header';
import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
import statePolsekTerdekat from '../../../_state/keamanan/polsek-terdekat';
function LayananPolsek() {
const [search, setSearch] = useState("");
return (
<Box>
<HeaderSearch
title='Layanan Polsek'
placeholder='Cari layanan polsek...'
searchIcon={<IconSearch size={20} />}
value={search}
onChange={(e) => setSearch(e.currentTarget.value)}
/>
<ListLayananPolsek search={search} />
</Box>
);
}
function ListLayananPolsek({ search }: { search: string }) {
const layananState = useProxy(statePolsekTerdekat.layananPolsek);
const [modalHapus, setModalHapus] = useState(false);
const [selectedId, setSelectedId] = useState<string | null>(null);
const router = useRouter();
const [debouncedSearch] = useDebouncedValue(search, 1000);
const {
data,
page,
totalPages,
loading,
load,
} = layananState.findMany;
useShallowEffect(() => {
load(page, 10, debouncedSearch);
}, [page, debouncedSearch]);
const handleDelete = () => {
if (selectedId) {
layananState.delete.delete(selectedId);
setModalHapus(false);
setSelectedId(null);
load(page, 10, search);
}
};
const filteredData = data || [];
if (loading || !data) {
return (
<Stack py={{ base: 'sm', md: 'lg' }}>
<Skeleton height={600} radius="md" />
</Stack>
);
}
return (
<Box py={{ base: 'sm', md: 'lg' }}>
<Paper withBorder bg={colors['white-1']} p={{ base: 'md', md: 'lg' }} shadow="md" radius="md">
<Group justify="space-between" mb={{ base: 'md', md: 'lg' }}>
<Title order={4} lh={{ base: 1.2, md: 1.2 }}>
Daftar Layanan Polsek
</Title>
<Button
leftSection={<IconPlus size={18} />}
color="blue"
variant="light"
onClick={() => router.push('/admin/keamanan/polsek-terdekat/layanan-polsek/create')}
>
Tambah Baru
</Button>
</Group>
{/* Desktop Table */}
<Box visibleFrom="md" style={{ overflowX: 'auto' }}>
<Table
highlightOnHover
miw={0}
style={{
tableLayout: 'fixed',
width: '100%',
}}
>
<TableThead>
<TableTr>
<TableTh style={{ width: '25%' }}>
<Text fz="sm" fw={600} lh={1.4}>
Nama Layanan Polsek
</Text>
</TableTh>
<TableTh w="20%">
<Text fz="sm" fw={600} lh={1.4} ta="center">Edit</Text>
</TableTh>
<TableTh w="20%">
<Text fz="sm" fw={600} lh={1.4} ta="center">Hapus</Text>
</TableTh>
</TableTr>
</TableThead>
<TableTbody>
{filteredData.length > 0 ? (
filteredData.map((item) => (
<TableTr key={item.id}>
<TableTd>
<Text fz="md" fw={500} lh={1.5} truncate="end">
{item.nama}
</Text>
</TableTd>
<TableTd ta="center">
<Button
variant="light"
color="green"
onClick={() =>
router.push(
`/admin/keamanan/polsek-terdekat/layanan-polsek/${item.id}`
)
}
size="compact-sm"
>
<IconEdit size={16} />
</Button>
</TableTd>
<TableTd ta="center">
<Button
variant="light"
color="red"
disabled={layananState.delete.loading}
onClick={() => {
setSelectedId(item.id);
setModalHapus(true);
}}
size="compact-sm"
>
<IconTrash size={16} />
</Button>
</TableTd>
</TableTr>
))
) : (
<TableTr>
<TableTd colSpan={4}>
<Center py={24}>
<Text c="dimmed" fz="sm" lh={1.4}>
Tidak ada data Polsek yang cocok
</Text>
</Center>
</TableTd>
</TableTr>
)}
</TableTbody>
</Table>
</Box>
{/* Mobile Cards */}
<Box hiddenFrom="md">
<Stack gap="sm">
{filteredData.length > 0 ? (
filteredData.map((item) => (
<Paper key={item.id} withBorder p="sm" radius="sm">
<Stack gap={"xs"}>
<Box>
<Text fz="sm" fw={600} lh={1.4}>
Nama Layanan Polsek
</Text>
<Text fz="sm" fw={500} lh={1.45}>
{item.nama}
</Text>
</Box>
<Group mt="sm" justify="flex-end" gap="xs">
<Button
variant="light"
color="green"
size="compact-xs"
onClick={() =>
router.push(
`/admin/keamanan/polsek-terdekat/layanan-polsek/${item.id}`
)
}
>
<IconEdit size={14} />
</Button>
<Button
variant="light"
color="red"
size="compact-xs"
disabled={layananState.delete.loading}
onClick={() => {
setSelectedId(item.id);
setModalHapus(true);
}}
>
<IconTrash size={14} />
</Button>
</Group>
</Stack>
</Paper>
))
) : (
<Center py={24}>
<Text c="dimmed" fz="sm" lh={1.4}>
Tidak ada data Layanan Polsek yang cocok
</Text>
</Center>
)}
</Stack>
</Box>
</Paper>
{/* Pagination */}
<Center>
<Pagination
value={page}
onChange={(newPage) => {
load(newPage, 10, search);
window.scrollTo({ top: 0, behavior: 'smooth' });
}}
total={totalPages}
mt={{ base: 'lg', md: 'xl' }}
mb={{ base: 'lg', md: 'xl' }}
color="blue"
radius="md"
/>
</Center>
{/* Modal Konfirmasi Hapus */}
<ModalKonfirmasiHapus
opened={modalHapus}
onClose={() => setModalHapus(false)}
onConfirm={handleDelete}
text="Apakah anda yakin ingin menghapus layanan polsek ini?"
/>
</Box>
);
}
export default LayananPolsek;

View File

@@ -0,0 +1,34 @@
'use client'
import React from 'react';
import LayoutPolsek from './_com/layoutPolsek';
import { usePathname } from 'next/navigation';
import { Box } from '@mantine/core';
function Layout({ children }: { children: React.ReactNode }) {
const pathname = usePathname();
// Contoh path:
// - /darmasaba/desa/berita/semua → panjang 5 → list
// - /darmasaba/desa/berita/Pemerintahan → panjang 5 → list
// - /darmasaba/desa/berita/Pemerintahan/123 → panjang 6 → detail
const segments = pathname.split('/').filter(Boolean);
const isDetailPage = segments.length >= 5;
if (isDetailPage) {
// Tampilkan tanpa tab menu
return (
<Box>
{children}
</Box>
);
}
return (
<LayoutPolsek>
{children}
</LayoutPolsek>
);
}
export default Layout;

View File

@@ -14,11 +14,6 @@ export const devBar = [
name: "Desa Anti Korupsi", name: "Desa Anti Korupsi",
path: "/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi" path: "/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi"
}, },
// {
// id: "Landing_Page_3",
// name: "Indeks Kepuasan Masyarakat",
// path: "/admin/landing-page/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat"
// },
{ {
id: "Landing_Page_3", id: "Landing_Page_3",
name: "SDGs", name: "SDGs",
@@ -182,7 +177,7 @@ export const devBar = [
{ {
id: "Keamanan_2", id: "Keamanan_2",
name: "Polsek Terdekat", name: "Polsek Terdekat",
path: "/admin/keamanan/polsek-terdekat" path: "/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat"
}, },
{ {
id: "Keamanan_3", id: "Keamanan_3",
@@ -418,11 +413,6 @@ export const navBar = [
name: "Desa Anti Korupsi", name: "Desa Anti Korupsi",
path: "/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi" path: "/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi"
}, },
// {
// id: "Landing_Page_3",
// name: "Indeks Kepuasan Masyarakat",
// path: "/admin/landing-page/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat"
// },
{ {
id: "Landing_Page_3", id: "Landing_Page_3",
name: "SDGs", name: "SDGs",
@@ -586,7 +576,7 @@ export const navBar = [
{ {
id: "Keamanan_2", id: "Keamanan_2",
name: "Polsek Terdekat", name: "Polsek Terdekat",
path: "/admin/keamanan/polsek-terdekat" path: "/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat"
}, },
{ {
id: "Keamanan_3", id: "Keamanan_3",
@@ -822,11 +812,6 @@ export const role1 = [
name: "Desa Anti Korupsi", name: "Desa Anti Korupsi",
path: "/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi" path: "/admin/landing-page/desa-anti-korupsi/list-desa-anti-korupsi"
}, },
// {
// id: "Landing_Page_3",
// name: "Indeks Kepuasan Masyarakat",
// path: "/admin/landing-page/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat"
// },
{ {
id: "Landing_Page_3", id: "Landing_Page_3",
name: "SDGs", name: "SDGs",
@@ -948,7 +933,7 @@ export const role1 = [
{ {
id: "Keamanan_2", id: "Keamanan_2",
name: "Polsek Terdekat", name: "Polsek Terdekat",
path: "/admin/keamanan/polsek-terdekat" path: "/admin/keamanan/polsek-terdekat/daftar-polsek-terdekat"
}, },
{ {
id: "Keamanan_3", id: "Keamanan_3",

View File

@@ -9,6 +9,7 @@ type FormCreate = {
rating: number; rating: number;
kategoriId: string[]; kategoriId: string[];
kontak: string; kontak: string;
deskripsi: string;
// Array of KategoriProduk IDs // Array of KategoriProduk IDs
}; };
@@ -31,7 +32,8 @@ export default async function pasarDesaCreate(context: Context) {
imageId: body.imageId, imageId: body.imageId,
rating: Number(body.rating), rating: Number(body.rating),
kategoriProdukId: body.kategoriId[0], kategoriProdukId: body.kategoriId[0],
kontak: body.kontak kontak: body.kontak,
deskripsi: body.deskripsi,
// Use the first category as the main one // Use the first category as the main one
}, },
}); });

View File

@@ -38,6 +38,7 @@ const PasarDesa = new Elysia({
rating: t.Number(), rating: t.Number(),
kategoriId: t.Array(t.String()), kategoriId: t.Array(t.String()),
kontak: t.String(), kontak: t.String(),
deskripsi: t.String(),
}), }),
} }
) )
@@ -81,6 +82,7 @@ const PasarDesa = new Elysia({
rating: t.Number(), rating: t.Number(),
kategoriId: t.Array(t.String()), kategoriId: t.Array(t.String()),
kontak: t.String(), kontak: t.String(),
deskripsi: t.String(),
}), }),
} }
); );

View File

@@ -10,6 +10,7 @@ type FormUpdate = {
rating: number; rating: number;
kategoriId: string[]; // Array of KategoriProduk IDs kategoriId: string[]; // Array of KategoriProduk IDs
kontak: string; kontak: string;
deskripsi: string;
}; };
export default async function pasarDesaUpdate(context: Context) { export default async function pasarDesaUpdate(context: Context) {
@@ -32,7 +33,8 @@ export default async function pasarDesaUpdate(context: Context) {
alamatUsaha: body.alamatUsaha, alamatUsaha: body.alamatUsaha,
imageId: body.imageId, imageId: body.imageId,
rating: Number(body.rating), rating: Number(body.rating),
kontak: body.kontak kontak: body.kontak,
deskripsi: body.deskripsi
}, },
}); });

View File

@@ -4,9 +4,10 @@ import PolsekTerdekat from "./polsek-terdekat";
import PencegahanKriminalitas from "./pencegahan-kriminalitas"; import PencegahanKriminalitas from "./pencegahan-kriminalitas";
import MenuTipsKeamanan from "./tips-keamanan"; import MenuTipsKeamanan from "./tips-keamanan";
import LaporanPublik from "./laporan-publik"; import LaporanPublik from "./laporan-publik";
import LayananPolsek from "./layanan-polsek";
import KontakDaruratKeamanan from "./kontak-darurat-keamanan"; import KontakDaruratKeamanan from "./kontak-darurat-keamanan";
import KontakItem from "./kontak-darurat-keamanan/kontak-item"; import KontakItem from "./kontak-darurat-keamanan/kontak-item";
import LayananPolsek from "./polsek-terdekat/layanan-polsek";
const Keamanan = new Elysia({ prefix: "/api/keamanan", tags: ["Keamanan"] }) const Keamanan = new Elysia({ prefix: "/api/keamanan", tags: ["Keamanan"] })
.use(KeamananLingkungan) .use(KeamananLingkungan)

View File

@@ -1,26 +0,0 @@
import prisma from "@/lib/prisma";
import { Context } from "elysia";
export default async function layananPolsekCreate(context: Context) {
const body = context.body as { nama: string };
if (!body.nama) {
return {
success: false,
message: "Nama is required",
};
}
const layanan = await prisma.layananPolsek.create({
data: {
nama: body.nama,
deletedAt: null, // pastikan ini ditambahkan kalau field-mu optional
},
});
return {
success: true,
message: "Sukses menambahkan layanan polsek",
data: layanan,
};
}

View File

@@ -1,31 +0,0 @@
import prisma from "@/lib/prisma";
import { Context } from "elysia";
export const layananPolsekDelete = async (context: Context) => {
const id = context.params.id;
if (!id) {
return {
success: false,
message: "ID is required",
}
}
const layanan = await prisma.layananPolsek.delete({
where: {
id: id,
},
})
if(!layanan) {
return {
success: false,
message: "Layanan polsek tidak ditemukan",
}
}
return {
success: true,
message: "Sukses Menghapus layanan polsek",
data: layanan,
}
}

View File

@@ -1,18 +0,0 @@
/* eslint-disable @typescript-eslint/no-explicit-any */
import prisma from "@/lib/prisma";
async function layananPolsekFindMany() {
const data = await prisma.layananPolsek.findMany();
return {
success: true,
data: data.map((item: any) => {
return {
id: item.id,
nama: item.nama,
}
}),
};
}
export default layananPolsekFindMany

View File

@@ -1,48 +0,0 @@
import prisma from "@/lib/prisma";
export default async function layananPolsekFindUnique(request: Request){
const url = new URL(request.url);
const pathSegments = url.pathname.split('/');
const id = pathSegments[pathSegments.length - 1];
if(!id){
return Response.json({
success: false,
message: "ID tidak boleh kosong",
}, { status: 400 });
}
try {
if (typeof id !== 'string') {
return Response.json({
success: false,
message: "ID tidak valid",
}, { status: 400 });
}
const data = await prisma.layananPolsek.findUnique({
where: { id },
});
if (!data) {
return Response.json({
success: false,
message: "Layanan polsek tidak ditemukan",
}, { status: 404 });
}
return Response.json({
success: true,
message: "Success fetch layanan polsek by ID",
data,
}, { status: 200 });
} catch (e) {
console.error("Find by ID error:", e);
return Response.json({
success: false,
message: "Gagal mengambil layanan polsek: " + (e instanceof Error ? e.message : 'Unknown error'),
}, {
status: 500,
});
}
}

View File

@@ -1,29 +0,0 @@
import prisma from "@/lib/prisma";
import { Context } from "elysia";
export default async function layananPolsekUpdate(context: Context) {
const body = await context.request.json()
if (!body.nama) {
return {
success: false,
message: "Nama is required",
}
}
const layanan = await prisma.layananPolsek.update({
where: {
id: body.id,
},
data: {
nama: body.nama,
},
})
return {
success: true,
message: "Success update layanan polsek",
data: layanan,
}
}

View File

@@ -1,25 +1,35 @@
import prisma from "@/lib/prisma"; import prisma from "@/lib/prisma";
import { Prisma } from "@prisma/client";
import { Context } from "elysia"; import { Context } from "elysia";
type FormCreate = Prisma.PolsekTerdekatGetPayload<{ type FormCreate = {
select: { nama: string;
nama: true; jarakKeDesa: string;
jarakKeDesa: true; alamat: string;
alamat: true; nomorTelepon: string;
nomorTelepon: true; jamOperasional: string;
jamOperasional: true; embedMapUrl: string;
embedMapUrl: true; namaTempatMaps: string;
namaTempatMaps: true; alamatMaps: string;
alamatMaps: true; linkPetunjukArah: string;
linkPetunjukArah: true; layananPolsekId: string[];
layananPolsekId: true; };
};
}>;
async function polsekTerdekatCreate(context: Context) { async function polsekTerdekatCreate(context: Context) {
const body = context.body as FormCreate; const body = context.body as FormCreate;
await prisma.polsekTerdekat.create({ // Validate that layananPolsekId is provided and not empty
if (!body.layananPolsekId || body.layananPolsekId.length === 0) {
return {
success: false,
message: "Pilih minimal 1 layanan polsek",
};
}
try {
// Start a transaction to ensure data consistency
const result = await prisma.$transaction(async (prisma) => {
// 1. Create PasarDesa with the first kategoriId as the main category
const polsekTerdekat = await prisma.polsekTerdekat.create({
data: { data: {
nama: body.nama, nama: body.nama,
jarakKeDesa: body.jarakKeDesa, jarakKeDesa: body.jarakKeDesa,
@@ -30,15 +40,45 @@ async function polsekTerdekatCreate(context: Context) {
namaTempatMaps: body.namaTempatMaps, namaTempatMaps: body.namaTempatMaps,
alamatMaps: body.alamatMaps, alamatMaps: body.alamatMaps,
linkPetunjukArah: body.linkPetunjukArah, linkPetunjukArah: body.linkPetunjukArah,
layananPolsekId: body.layananPolsekId, layananPolsekId: body.layananPolsekId[0],
// Use the first category as the main one
}, },
}); });
// 2. Create category relationships in KategoriToPasar for all categories
await prisma.layananToPolsek.createMany({
data: body.layananPolsekId.map((layananId) => ({
polsekTerdekatId: polsekTerdekat.id,
layananId: layananId,
})),
});
// 3. Get the complete data with relationships
return await prisma.polsekTerdekat.findUnique({
where: { id: polsekTerdekat.id },
include: {
layananPolsek: true,
LayananToPolsek: {
include: {
layanan: true
},
},
},
});
});
return { return {
success: true, success: true,
message: "Sukses menambahkan polsek terdekat", message: "Sukses menambahkan pasar desa",
data: { data: result,
...body,
},
}; };
} catch (error) {
console.error("Error creating polsek terdekat:", error);
return {
success: false,
message: "Gagal menambahkan polsek terdekat"
};
}
} }
export default polsekTerdekatCreate; export default polsekTerdekatCreate;

View File

@@ -2,37 +2,27 @@ import prisma from "@/lib/prisma";
import { Context } from "elysia"; import { Context } from "elysia";
const polsekTerdekatDelete = async (context: Context) => { const polsekTerdekatDelete = async (context: Context) => {
const id = context.params?.id as string; const { params } = context;
const id = params?.id as string;
if (!id) { if (!id) {
return { throw new Error("ID tidak ditemukan dalam parameter");
status: 400,
body: "ID tidak diberikan",
};
} }
const polsekTerdekat = await prisma.polsekTerdekat.findUnique({ // 1. Hapus relasi dari pivot
where: { id }, await prisma.layananToPolsek.deleteMany({
include: { where: { polsekTerdekatId: id },
layananPolsek: true,
}
}); });
if (!polsekTerdekat) { // 2. Hapus pasar desa utama
return { const deleted = await prisma.polsekTerdekat.delete({
status: 404,
body: "Polsek terdekat tidak ditemukan",
};
}
await prisma.polsekTerdekat.delete({
where: { id }, where: { id },
}); });
return { return {
success: true, success: true,
status: 200, message: "Berhasil menghapus polsek terdekat",
message: "Polsek terdekat berhasil dihapus", data: deleted,
}; };
}; };

View File

@@ -28,6 +28,11 @@ async function polsekTerdekatFindMany(context: Context) {
where, where,
include: { include: {
layananPolsek: true, layananPolsek: true,
LayananToPolsek: {
include: {
layanan: true,
}
}
}, },
skip, skip,
take: limit, take: limit,

View File

@@ -1,51 +1,32 @@
import prisma from "@/lib/prisma"; import prisma from "@/lib/prisma";
import { Context } from "elysia";
export default async function polsekTerdekatFindUnique(request: Request){ export default async function polsekTerdekatFindUnique(context: Context) {
const url = new URL(request.url); const { params } = context;
const pathSegments = url.pathname.split('/'); const id = params?.id as string;
const id = pathSegments[pathSegments.length - 1];
if(!id){ if (!id) {
return Response.json({ throw new Error("ID tidak ditemukan dalam parameter");
success: false,
message: "ID tidak boleh kosong",
}, { status: 400 });
}
try {
if (typeof id !== 'string') {
return Response.json({
success: false,
message: "ID tidak valid",
}, { status: 400 });
} }
const data = await prisma.polsekTerdekat.findUnique({ const data = await prisma.polsekTerdekat.findUnique({
where: { id }, where: { id },
include: { include: {
layananPolsek: true, LayananToPolsek: {
include: {
layanan: true
},
},
}, },
}); });
if (!data) { if (!data) {
return Response.json({ throw new Error("Polsek terdekat tidak ditemukan");
success: false,
message: "Polsek terdekat tidak ditemukan",
}, { status: 404 });
} }
return Response.json({ return {
success: true, success: true,
message: "Success fetch polsek terdekat by ID", message: "Data polsek terdekat ditemukan",
data, data,
}, { status: 200 }); };
} catch (e) {
console.error("Find by ID error:", e);
return Response.json({
success: false,
message: "Gagal mengambil polsek terdekat: " + (e instanceof Error ? e.message : 'Unknown error'),
}, {
status: 500,
});
}
} }

View File

@@ -6,13 +6,18 @@ import polsekTerdekatFindUnique from "./findUnique";
import polsekTerdekatUpdate from "./updt"; import polsekTerdekatUpdate from "./updt";
import polsekTerdekatFindFirst from "./findFirst"; import polsekTerdekatFindFirst from "./findFirst";
const PolsekTerdekat = new Elysia({ prefix: "/polsekterdekat", tags: ["Keamanan/Polsek Terdekat"] }) const PolsekTerdekat = new Elysia({ prefix: "/polsekterdekat", tags: ["Keamanan/Polsek Terdekat"] })
.get("/find-many", polsekTerdekatFindMany) .get("/find-many", polsekTerdekatFindMany)
.get("/:id", async (context) => { .get("/:id",
const response = await polsekTerdekatFindUnique(new Request(context.request)); async (context) => {
return response; return await polsekTerdekatFindUnique(context);
}) },
{
params: t.Object({
id: t.String(),
}),
}
)
.get("/find-first", polsekTerdekatFindFirst) .get("/find-first", polsekTerdekatFindFirst)
.post("/create", polsekTerdekatCreate, { .post("/create", polsekTerdekatCreate, {
body: t.Object({ body: t.Object({
@@ -25,7 +30,7 @@ const PolsekTerdekat = new Elysia({ prefix: "/polsekterdekat", tags: ["Keamanan/
namaTempatMaps: t.String(), namaTempatMaps: t.String(),
alamatMaps: t.String(), alamatMaps: t.String(),
linkPetunjukArah: t.String(), linkPetunjukArah: t.String(),
layananPolsekId: t.String(), layananPolsekId: t.Array(t.String()),
}), }),
}) })
.delete("/del/:id", polsekTerdekatDelete) .delete("/del/:id", polsekTerdekatDelete)
@@ -44,7 +49,7 @@ const PolsekTerdekat = new Elysia({ prefix: "/polsekterdekat", tags: ["Keamanan/
namaTempatMaps: t.String(), namaTempatMaps: t.String(),
alamatMaps: t.String(), alamatMaps: t.String(),
linkPetunjukArah: t.String(), linkPetunjukArah: t.String(),
layananPolsekId: t.String(), layananPolsekId: t.Array(t.String()),
}), }),
}) })

View File

@@ -0,0 +1,26 @@
import prisma from "@/lib/prisma";
import { Context } from "elysia";
type FormCreate = {
nama: string;
}
export default async function layananPolsekCreate(context: Context) {
const body = (await context.body) as FormCreate;
try {
const result = await prisma.layananPolsek.create({
data: {
nama: body.nama,
},
});
return {
success: true,
message: "Berhasil membuat kategori layanan polsek",
data: result,
};
} catch (error) {
console.error("Error creating kategori layanan polsek:", error);
throw new Error("Gagal membuat kategori layanan polsek: " + (error as Error).message);
}
}

View File

@@ -0,0 +1,16 @@
import prisma from "@/lib/prisma";
import { Context } from "elysia";
export default async function layananPolsekDelete(context: Context) {
const id = context.params.id as string;
await prisma.layananPolsek.delete({
where: { id },
});
return {
status: 200,
success: true,
message: "Sukses Menghapus kategori layanan polsek",
};
}

View File

@@ -0,0 +1,53 @@
/* eslint-disable @typescript-eslint/no-explicit-any */
// /api/berita/findManyPaginated.ts
import prisma from "@/lib/prisma";
import { Context } from "elysia";
async function layananPolsekFindMany(context: Context) {
// Ambil parameter dari query
const page = Number(context.query.page) || 1;
const limit = Number(context.query.limit) || 10;
const search = (context.query.search as string) || '';
const skip = (page - 1) * limit;
// Buat where clause
const where: any = { isActive: true };
// Tambahkan pencarian (jika ada)
if (search) {
where.OR = [
{ nama: { contains: search, mode: 'insensitive' } },
];
}
try {
// Ambil data dan total count secara paralel
const [data, total] = await Promise.all([
prisma.layananPolsek.findMany({
where,
skip,
take: limit,
orderBy: { createdAt: 'desc' },
}),
prisma.layananPolsek.count({ where }),
]);
return {
success: true,
message: "Berhasil ambil layanan polsek dengan pagination",
data,
page,
limit,
total,
totalPages: Math.ceil(total / limit),
};
} catch (e) {
console.error("Error di findMany paginated:", e);
return {
success: false,
message: "Gagal mengambil data layanan polsek",
};
}
}
export default layananPolsekFindMany;

View File

@@ -0,0 +1,41 @@
import prisma from "@/lib/prisma";
async function layananPolsekFindManyAll() {
try {
const data = await prisma.layananPolsek.findMany({
where: {
isActive: true,
},
select: {
id: true,
nama: true,
createdAt: true,
updatedAt: true,
deletedAt: true,
},
orderBy: {
createdAt: "asc",
},
});
return {
success: true,
message: "Berhasil ambil data layanan polsek",
data: data.map(item => ({
...item,
// Ensure all required fields are present and properly typed
createdAt: new Date(item.createdAt),
updatedAt: new Date(item.updatedAt),
deletedAt: item.deletedAt ? new Date(item.deletedAt) : null,
})),
};
} catch (error) {
console.error("Error layananPolsek.findMany:", error);
return {
success: false,
message: "Gagal mengambil data layanan polsek",
};
}
}
export default layananPolsekFindManyAll;

View File

@@ -0,0 +1,46 @@
import prisma from "@/lib/prisma";
export default async function layananPolsekFindUnique(request: Request) {
const url = new URL(request.url);
const pathSegments = url.pathname.split('/');
const id = pathSegments[pathSegments.length - 1];
if (!id) {
return {
success: false,
message: "ID is required",
}
}
try {
if (typeof id !== 'string') {
return {
success: false,
message: "ID is required",
}
}
const data = await prisma.layananPolsek.findUnique({
where: { id },
});
if (!data) {
return {
success: false,
message: "Data not found",
}
}
return {
success: true,
message: "Success get layanan polsek",
data,
}
} catch (error) {
console.error("Find by ID error:", error);
return {
success: false,
message: "Gagal mengambil data: " + (error instanceof Error ? error.message : 'Unknown error'),
}
}
}

View File

@@ -1,32 +1,34 @@
import Elysia from "elysia"; import Elysia, { t } from "elysia";
import layananPolsekCreate from "./create"; import layananPolsekCreate from "./create";
import layananPolsekFindMany from "./findMany"; import layananPolsekDelete from "./del";
import { t } from "elysia"; import layananPolsekFindManyAll from "./findManyAll";
import layananPolsekUpdate from "./updt";
import layananPolsekFindUnique from "./findUnique"; import layananPolsekFindUnique from "./findUnique";
import { layananPolsekDelete } from "./del"; import layananPolsekUpdate from "./updt";
import layananPolsekFindMany from "./findMany";
const LayananPolsek = new Elysia({ const LayananPolsek = new Elysia({
prefix: "/layanan-polsek", prefix: "/layananpolsek",
tags: ["Keamanan/Polsek Terdekat/Layanan Polsek"], tags: ["layanan polsek"],
}) })
.get("/find-many", layananPolsekFindMany)
.post("/create", layananPolsekCreate, {
body: t.Object({
nama: t.String(),
}),
})
.get("/findMany", layananPolsekFindMany)
.get("/findManyAll", layananPolsekFindManyAll)
.get("/:id", async (context) => { .get("/:id", async (context) => {
const response = await layananPolsekFindUnique( const response = await layananPolsekFindUnique(
new Request(context.request) new Request(context.request)
); );
return response; return response;
}) })
.delete("/del/:id", layananPolsekDelete)
.post("/create", layananPolsekCreate, {
body: t.Object({
nama: t.String(),
}),
})
.put("/:id", layananPolsekUpdate, { .put("/:id", layananPolsekUpdate, {
body: t.Object({ body: t.Object({
nama: t.String(), nama: t.String(),
}), }),
}); })
.delete("/del/:id", layananPolsekDelete);
export default LayananPolsek; export default LayananPolsek;

View File

@@ -0,0 +1,28 @@
import prisma from "@/lib/prisma";
import { Context } from "elysia";
type FormUpdate = {
nama: string;
}
export default async function layananPolsekUpdate(context: Context) {
const body = (await context.body) as FormUpdate;
const id = context.params.id as string;
try {
const result = await prisma.layananPolsek.update({
where: { id },
data: {
nama: body.nama,
},
});
return {
success: true,
message: "Berhasil mengupdate layanan polsek",
data: result,
};
} catch (error) {
console.error("Error updating layanan polsek:", error);
throw new Error("Gagal mengupdate layanan polsek: " + (error as Error).message);
}
}

View File

@@ -1,94 +1,89 @@
import prisma from "@/lib/prisma"; import prisma from "@/lib/prisma";
import { Prisma } from "@prisma/client";
import { Context } from "elysia"; import { Context } from "elysia";
type FormUpdate = Prisma.PolsekTerdekatGetPayload<{ type FormUpdate = {
select: { nama: string;
nama: true; jarakKeDesa: string;
jarakKeDesa: true; alamat: string;
alamat: true; nomorTelepon: string;
nomorTelepon: true; jamOperasional: string;
jamOperasional: true; embedMapUrl: string;
embedMapUrl: true; namaTempatMaps: string;
namaTempatMaps: true; alamatMaps: string;
alamatMaps: true; linkPetunjukArah: string;
linkPetunjukArah: true; layananPolsekId: string[];
layananPolsekId: true; };
};
}>;
export default async function polsekTerdekatUpdate(context: Context) {
try {
const id = context.params?.id;
const body = (await context.body) as Omit<FormUpdate, "id">;
const { nama, jarakKeDesa, alamat, nomorTelepon, jamOperasional, embedMapUrl, namaTempatMaps, alamatMaps, linkPetunjukArah, layananPolsekId } = body; export default async function polsekTerdekatUpdate(context: Context) {
const id = context.params?.id;
const body = context.body as FormUpdate;
if (!id) { if (!id) {
return new Response(JSON.stringify({ return {
success: false, success: false,
message: "ID tidak diberikan", message: "ID tidak diberikan",
}), { };
status: 400,
headers: {
"Content-Type": "application/json",
},
});
} }
// Validate that layananPolsekId is provided and not empty
if (!body.layananPolsekId || body.layananPolsekId.length === 0) {
return {
success: false,
message: "Pilih minimal 1 layanan polsek",
};
}
// Since the relationship is one-to-many, we'll use the first ID
const layananPolsekId = body.layananPolsekId[0];
try {
// First check if the record exists
const existing = await prisma.polsekTerdekat.findUnique({ const existing = await prisma.polsekTerdekat.findUnique({
where: { id }, where: { id },
include: {
layananPolsek: true,
}
}); });
if (!existing) { if (!existing) {
return new Response(JSON.stringify({ return {
success: false, success: false,
message: "Polsek terdekat tidak ditemukan", message: "Polsek terdekat tidak ditemukan",
}), { };
status: 404,
headers: {
"Content-Type": "application/json",
},
});
} }
// Update the PolsekTerdekat record with the relationship
const updated = await prisma.polsekTerdekat.update({ const updated = await prisma.polsekTerdekat.update({
where: { id }, where: { id },
data: { data: {
nama, nama: body.nama,
jarakKeDesa, jarakKeDesa: body.jarakKeDesa,
alamat, alamat: body.alamat,
nomorTelepon, nomorTelepon: body.nomorTelepon,
jamOperasional, jamOperasional: body.jamOperasional,
embedMapUrl, embedMapUrl: body.embedMapUrl,
namaTempatMaps, namaTempatMaps: body.namaTempatMaps,
alamatMaps, alamatMaps: body.alamatMaps,
linkPetunjukArah, linkPetunjukArah: body.linkPetunjukArah,
layananPolsekId, layananPolsek: {
connect: { id: layananPolsekId }
}
}, },
include: {
layananPolsek: true
}
}); });
return new Response(JSON.stringify({ return {
success: true, success: true,
message: "Success update polsek terdekat", message: "Data polsek terdekat berhasil diperbarui",
data: updated, data: {
}), { ...updated,
status: 200, layananPolsekId: [layananPolsekId] // Keep it as array for consistency
headers: {
"Content-Type": "application/json",
}, },
}); };
} catch (error) { } catch (error) {
console.error("Error updating polsek terdekat:", error); console.error("Error updating polsek terdekat:", error);
return new Response(JSON.stringify({ return {
success: false, success: false,
message: "Terjadi kesalahan saat mengupdate polsek terdekat", message: "Gagal memperbarui data polsek terdekat"
}), { };
status: 500,
headers: {
"Content-Type": "application/json",
},
});
} }
} }

View File

@@ -83,7 +83,9 @@ function Page() {
<Stack gap={'md'}> <Stack gap={'md'}>
<Box> <Box>
<Flex gap={{ base: 'md', md: 'xl' }} align={'center'}> <Flex gap={{ base: 'md', md: 'xl' }} align={'center'}>
<Box style={{ flexShrink: 0 }}>
<IconBriefcase color={colors['blue-button']} size={40} /> <IconBriefcase color={colors['blue-button']} size={40} />
</Box>
<Box> <Box>
<Text fw={'bold'} fz={{ base: 'lg', md: 'h4' }} c={colors['blue-button']} lh={1.3}> <Text fw={'bold'} fz={{ base: 'lg', md: 'h4' }} c={colors['blue-button']} lh={1.3}>
{v.posisi} {v.posisi}
@@ -95,16 +97,29 @@ function Page() {
</Flex> </Flex>
</Box> </Box>
<Box> <Box>
<Flex gap={{ base: 'md', md: 'xl' }} align={'center'}> <Flex gap={{ base: 'md', md: 'xl' }} align="center">
<IconMapPin color={colors['blue-button']} size={40} /> <Box style={{ flexShrink: 0 }}>
<Text fz={{ base: 'md', md: 'h4' }} lh={1.5}> <IconMapPin
color={colors['blue-button']}
size={40}
/>
</Box>
<Text
fz={{ base: 'md', md: 'h4' }}
lh={1.5}
lineClamp={1}
>
{v.lokasi} {v.lokasi}
</Text> </Text>
</Flex> </Flex>
</Box> </Box>
<Box> <Box>
<Flex gap={{ base: 'md', md: 'xl' }} align={'center'}> <Flex gap={{ base: 'md', md: 'xl' }} align={'center'}>
<Box style={{ flexShrink: 0 }}>
<IconClock color={colors['blue-button']} size={40} /> <IconClock color={colors['blue-button']} size={40} />
</Box>
<Box> <Box>
<Text fw={'bold'} fz={{ base: 'md', md: 'h4' }} c={colors['blue-button']} lh={1.3}> <Text fw={'bold'} fz={{ base: 'md', md: 'h4' }} c={colors['blue-button']} lh={1.3}>
Full Time Full Time

View File

@@ -1,16 +1,16 @@
'use client' 'use client'
/* eslint-disable react-hooks/exhaustive-deps */ /* eslint-disable react-hooks/exhaustive-deps */
import polsekTerdekatState from '@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat'; import statePolsekTerdekat from '@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat';
import colors from '@/con/colors'; import colors from '@/con/colors';
import { Badge, Box, Button, Center, Flex, Paper, SimpleGrid, Skeleton, Stack, Text, Title } from '@mantine/core'; import { Badge, Box, Button, Center, Flex, Paper, SimpleGrid, Skeleton, Stack, Text, Title } from '@mantine/core';
import { IconArrowDown, IconClock, IconNavigation, IconPhone, IconPin } from '@tabler/icons-react'; import { IconArrowDown, IconClock, IconNavigation, IconPhone, IconPin } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
import { useEffect } from 'react'; import { useEffect } from 'react';
import { useProxy } from 'valtio/utils'; import { useProxy } from 'valtio/utils';
import BackButton from '../../desa/layanan/_com/BackButto'; import BackButton from '../../desa/layanan/_com/BackButto';
import { useRouter } from 'next/navigation';
function Page() { function Page() {
const state = useProxy(polsekTerdekatState.findFirst); const state = useProxy(statePolsekTerdekat.polsekTerdekatState.findFirst);
const router = useRouter(); const router = useRouter();
const { data, loading, load } = state; const { data, loading, load } = state;

View File

@@ -1,17 +1,16 @@
'use client' 'use client'
import polsekTerdekatState from '@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat'; import statePolsekTerdekat from '@/app/admin/(dashboard)/_state/keamanan/polsek-terdekat';
import colors from '@/con/colors'; import colors from '@/con/colors';
import { Box, Button, Center, Grid, GridCol, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput, Title } from '@mantine/core'; import { Box, Button, Center, Grid, GridCol, Pagination, Paper, SimpleGrid, Skeleton, Stack, Text, TextInput, Title } from '@mantine/core';
import { useShallowEffect } from '@mantine/hooks'; import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
import { IconNavigation, IconSearch } from '@tabler/icons-react'; import { IconNavigation, IconSearch } from '@tabler/icons-react';
import React, { useState } from 'react'; import { useRouter } from 'next/navigation';
import { useState } from 'react';
import { useProxy } from 'valtio/utils'; import { useProxy } from 'valtio/utils';
import BackButton from '../../../desa/layanan/_com/BackButto'; import BackButton from '../../../desa/layanan/_com/BackButto';
import { useRouter } from 'next/navigation';
import { useDebouncedValue } from '@mantine/hooks';
function Page() { function Page() {
const state = useProxy(polsekTerdekatState); const state = useProxy(statePolsekTerdekat.polsekTerdekatState);
const [search, setSearch] = useState(''); const [search, setSearch] = useState('');
const [debouncedSearch] = useDebouncedValue(search, 1000); const [debouncedSearch] = useDebouncedValue(search, 1000);
const router = useRouter(); const router = useRouter();