diff --git a/bun.lockb b/bun.lockb
index 0618a3a7..775d4131 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/foldergambar/desa/name.png b/foldergambar/desa/name.png
new file mode 100644
index 00000000..8f31f48e
Binary files /dev/null and b/foldergambar/desa/name.png differ
diff --git a/foldergambar/desa/ppid/profile-ppid/name.png b/foldergambar/desa/ppid/profile-ppid/name.png
new file mode 100644
index 00000000..97ffac9e
Binary files /dev/null and b/foldergambar/desa/ppid/profile-ppid/name.png differ
diff --git a/package.json b/package.json
index 2b973f6e..c9a52ec1 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
"@cubejs-client/core": "^0.31.0",
"@elysiajs/cors": "^1.2.0",
"@elysiajs/eden": "^1.2.0",
+ "@elysiajs/static": "^1.3.0",
"@elysiajs/stream": "^1.1.0",
"@elysiajs/swagger": "^1.2.0",
"@mantine/carousel": "^7.16.2",
@@ -47,14 +48,16 @@
"elysia": "^1.2.12",
"embla-carousel-autoplay": "^8.5.2",
"embla-carousel-react": "^7.1.0",
+ "form-data": "^4.0.2",
"framer-motion": "^12.4.1",
"get-port": "^7.1.0",
"jotai": "^2.12.3",
"lodash": "^4.17.21",
"motion": "^12.4.1",
- "nanoid": "^5.1.0",
+ "nanoid": "^5.1.5",
"next": "15.1.6",
"next-view-transitions": "^0.3.4",
+ "node-fetch": "^3.3.2",
"p-limit": "^6.2.0",
"prisma": "^6.3.1",
"react": "^19.0.0",
@@ -64,6 +67,7 @@
"readdirp": "^4.1.1",
"recharts": "^2.15.3",
"swr": "^2.3.2",
+ "uuid": "^11.1.0",
"valtio": "^2.1.3",
"zod": "^3.24.3"
},
diff --git a/prisma/data/desa/profile/profil_perbekel.json b/prisma/data/desa/profile/profil_perbekel.json
new file mode 100644
index 00000000..3f846693
--- /dev/null
+++ b/prisma/data/desa/profile/profil_perbekel.json
@@ -0,0 +1,9 @@
+[
+ {
+ "id": "1",
+ "biodata": "I.B Surya Prabhawa Manuaba, S.H., M.H., adalah Perbekel Darmasaba periode 2021-2027, seorang advokat, pendiri Mantra Legal Consultants & Advocates, serta aktif di bidang musik dan akademis. Dia menempuh pendidikan hukum di Universitas Udayana dan Universitas Mahasaraswati Denpasar serta memiliki pengalaman luas di berbagai organisasi dan kepemimpinan.
",
+ "pengalaman": "2021 - 2027: Perbekel Desa Darmasaba 2015 - Sekarang: Founder & Managing Director Mantra Legal Consultants & Advocates 2020 - Sekarang: Founder Ugawa Record Music Studio 2010 - 2016: Dosen Fakultas Hukum Universitas Mahasaraswati Denpasar 1996 – 1997: Ketua OSIS SMP Negeri 1 Abiansemal 1999 – 2000: Ketua OSIS SMA Negeri 1 Mengwi 2008 – 2009: Ketua BEM Universitas Mahasaraswati Denpasar 2008 – 2010: Ketua Sekaa Taruna Sila Dharma, Banjar Tengah, Desa Adat Tegal, Darmasaba 2020 – Sekarang: Pengurus Young Lawyer Committee Peradi Denpasar 2021 – Sekarang: Dewan Kehormatan Himpunan Pengusaha Muda Indonesia (HIPMI) Badung 2023 – 2028: Komite Tetap Advokasi – Bidang Hukum dan Regulasi Kamar Dagang dan Industri Badung ",
+ "programUnggulan": "Pemberdayaan Ekonomi dan UMKM Pelatihan dan pendampingan UMKM lokal Program bantuan modal usaha bagi pelaku usaha kecil Digitalisasi UMKM untuk meningkatkan pemasaran produk lokal "
+ }
+]
\ No newline at end of file
diff --git a/prisma/data/desa/profile/profile_desa.json b/prisma/data/desa/profile/profile_desa.json
new file mode 100644
index 00000000..29ed4d8a
--- /dev/null
+++ b/prisma/data/desa/profile/profile_desa.json
@@ -0,0 +1,11 @@
+[
+ {
+ "id": "1",
+ "sejarah" : "Asal – usul nama Darmasaba tertuang dalam lontar Usada Bali. Seperti di tulis dalam monografi Desa Darmasaba tahun 1980 silam, nama Darmasaba berkaitan dengan keturunan Danghyang Nirarta diceritakan, Sang kawi-wiku asal Daha (Jawa Timur) itu memiliki cucu bernama Ida Pedanda Sakti Manuaba yang tigggal di Desa Kendran Tegalalang Gianyar. Merasa tidak disenangi sang ayah, Ida Pedanda Sakti Manuaba pergi mengembara bersama dua orang pengiringnya. Pengembaraan sang pendeta sampai di pura Sarin Buana di Jimbaran. Saat mengadakan semedi di tempat ini sang pendeta melihat sinar api. Yang sangat jauh di utara. Timbul keinginan Ida Pedanda Manuaba untuk mengunjungi tempat itu. Sampailah sang Pedanda di pura Batan Bila Peguyangan. Disini Ida Pedanda Manuaba singgah menghadap Ida Pedanda Budha yang tinggal disana. Selanjutnya, kedua pendeta bersama-sama menuju arah utara dan singgah di Taman Cang Ana, sebuah taman milik Arya Lanang Blusung. Di tempat ini kedua pendeta bersama-sama melaksanakan semedi dan menetap untuk sementara waktu.
",
+ "visi" : "Mewujudkan Desa Darmasaba yang sejahtera, unggul, religius, berbudaya, dan aman dengan berlandaskan Tri Hita Karana
",
+ "misi" : "Memperkokoh kerukunan hidup masyarakat dalam jalinan adat, budaya, olahraga, dan agama. Meningkatkan kualitas pelayanan publik dengan menerapkan teknologi informasi dan komunikasi terintegrasi. Meningkatkan tata kelola pemerintah desa dengan menerapkan prinsip good governance dan good clean government. Meningkatkan kualitas pendidikan, kesehatan, Keluarga Berencana serta pengelolaan kependudukan. Memperkuat usaha mikro kecil dan menengah (UMKM) dan BUMDesa sebagai pilar ekonomi masyarakat. Mewujudkan tatanan kehidupan bermasyarakat yang menjunjung tinggi penegakan hukum dan HAM. Meningkatkan perlindungan dan pengelolaan terhadap sumber daya alam dan lingkungan hidup. Memperkuat daya saing desa melalui peningkatan mutu sumber daya manusia dan infrastruktur desa berbasis potensi desa. Meningkatkan sinergisitas potensi budaya, pertanian dalam arti luas dan pariwisata. Memperkokoh kerukunan hidup masyarakat dalam jalinan adat, budaya, olahraga, dan agama. Meningkatkan kualitas pelayanan publik dengan menerapkan teknologi informasi dan komunikasi terintegrasi. Meningkatkan tata kelola pemerintah desa dengan menerapkan prinsip good governance dan good clean government. Meningkatkan kualitas pendidikan, kesehatan, Keluarga Berencana serta pengelolaan kependudukan. Memperkuat usaha mikro kecil dan menengah (UMKM) dan BUMDesa sebagai pilar ekonomi masyarakat. Mewujudkan tatanan kehidupan bermasyarakat yang menjunjung tinggi penegakan hukum dan HAM. Meningkatkan perlindungan dan pengelolaan terhadap sumber daya alam dan lingkungan hidup. Memperkuat daya saing desa melalui peningkatan mutu sumber daya manusia dan infrastruktur desa berbasis potensi desa. Meningkatkan sinergisitas potensi budaya, pertanian dalam arti luas dan pariwisata. Memperkuat daya saing desa melalui peningkatan mutu sumber daya manusia dan infrastruktur desa berbasis potensi desa. Meningkatkan sinergisitas potensi budaya, pertanian dalam arti luas dan pariwisata. Pudak adalah bunga dari tanaman sejenis pandan (Pandanaceae). Bentuk bunga ini tersusun dalam beberapa lapisan, terbungkus oleh kelopak warna putih (semacam daun lonjong) yang ujungnya meruncing.
Bunga Pudak berwarna kuning dan akan terlihat jika kelopak atau pelepahnya telah mekar. Kekhasan dari bunga pudak, yaitu mempunyai aroma wangi yang semerbak nan lembut (tidak menyengat), dan dapat menebar keharuman sepanjang pagi atau pun sore hari. Tanaman ini dapat tumbuh di sepanjang pantai, aliran sungai, di atas batu-batu karang, dan juga di tanah ladang.
Dalam Kamus Jawa Kuna- Indonesia kata “Pudak” berarti bunga pandan atau Pandanus Moschatus (Mardiwarsito: 1981: 442). Selain itu bunga pudak juga dapat disebut ketaka atau ketaki (Mardiwarsito, 1981: 276). Sedangkan kata “Sategal” berasal dari kata dasar “Tegal” yang berarti ladang (Mardiwarsito, 1981: 593). Jadi Pudak Sategal dapat diartikan sebagai satu ladang luas yang dipenuhi bunga pudak dan menabar keharuman.
Pada sebuah kesempatan, Ida Pedanda Putu Pemaron menjelaskan mengenai makna dari istilah Pudak Sategal dengan sebuah analogi bahwa, sekuntum bunga pudak memiliki aroma wangi atau keharuman yang sangat kuat, apalagi jika satu ladang penuh bunga pudak, maka dapat dipastikan aroma keharumannya akan membumbung menyebar ke segala penjuru (Wawancara, 18 Mei 2019 di Geria Putra Mandara Kenderan, Tegallalang). “Pudak” ialah sebuah bunga yang memiliki aroma wangi atau keharuman yang semerbak, lembut, dan khas.
Garapan Tari Maskot Desa Darmasaba Sekar Pudak diwujudkan ke dalam bentuk tari kreasi yang ditarikan secara berkelompok dengan jumlah lima orang penari perempuan (putri).
Pemilihan penari perempuan dimaksudkan untuk mempresentasikan keindahan, keluwesan, dan keharuman dari bunga pudak. Sedangkan penetapan jumlah penari lima orang didasarkan atas pertimbangan kebutuhan koreografi agar dapat membentuk desain-desain komposisi lantai yang menarik dan dinamis, baik ketika ditarikan di area panggung yang luas atau pun area panggung yang kecil. Penyajian tari maskot ini dirancang dengan durasi waktu 9 menit.
",
+ "profilPerbekelId" : "1"
+ }
+]
\ No newline at end of file
diff --git a/prisma/data/katagory-berita.json b/prisma/data/kategori-berita.json
similarity index 100%
rename from prisma/data/katagory-berita.json
rename to prisma/data/kategori-berita.json
diff --git a/prisma/data/ppid/daftar-informasi-publik-desa-darmasaba/daftarInformasi.json b/prisma/data/ppid/daftar-informasi-publik-desa-darmasaba/daftarInformasi.json
new file mode 100644
index 00000000..a3209314
--- /dev/null
+++ b/prisma/data/ppid/daftar-informasi-publik-desa-darmasaba/daftarInformasi.json
@@ -0,0 +1,8 @@
+[
+ {
+ "id": "1",
+ "jenisInformasi": "Peraturan Desa",
+ "deskripsi": "Dokumen yang berisi kebijakan dan regulasi desa",
+ "tanggal": "15 Januari 2024"
+ }
+]
\ No newline at end of file
diff --git a/prisma/data/ppid/dasar-hukum-ppid/dasarhukumPPID.json b/prisma/data/ppid/dasar-hukum-ppid/dasarhukumPPID.json
new file mode 100644
index 00000000..a81befaf
--- /dev/null
+++ b/prisma/data/ppid/dasar-hukum-ppid/dasarhukumPPID.json
@@ -0,0 +1,7 @@
+[
+ {
+ "id": "1",
+ "judul": "DASAR HUKUM PEMBENTUKAN PPID DESA DARMASABA",
+ "content" : "UU Nomor 14 Tahun 2008 tentang Keterbukaan Informasi Publik PP Nomor 61 Tahun 2010 tentang Pelaksanaan UU 14 Tahun 2008 tentang Keterbukaan Informasi Publik Permendagri Nomor 3 Tahun 2017 tentang Pedoman Pengelolaan Pelayanan Informasi dan Dokumentasi di Lingkungan Kemendagri dan Pemerintah Daerah Peraturan Komisi Informasi Nomor 1 Tahun 2010 tentang Standar Layanan Informasi Publik Peraturan Komisi Informasi Nomor 1 Tahun 2010 tentang Standar Layanan Informasi Publik Peraturan Bupati Badung No. 42 Tahun 2017 tentang Pedoman Pengelolaan Pelayanan Informasi Publik dan Dokumentasi di Lingkungan Pemerintah Kabupaten Badung Keputusan Bupati Badung Nomor 99/049/HK/2019 tentang Pengelola Layanan Informasi dan Dokumentasi Kabupaten Badung Keputusan Perbekel Darmasaba Nomor 101 Tahun 2019 tentang Penetapan Pelaksana Teknis/Administrasi Pengelola Layanan Informasi Dan Dokumentasi di Desa Punggul Peraturan Perbekel Darmasaba Nomor 12 Tahun 2019 tentang Pedoman Pengelolaan Pelayanan Informasi Publik dan Dokumentasi di Lingkungan Pemerintah Desa Darmasaba I.B Surya Prabhawa Manuaba, S.H., M.H.
"},
- {"biodata" : "Biodata I.B Surya Prabhawa Manuaba, S.H., M.H., adalah Perbekel Darmasaba periode 2021-2027, seorang advokat, pendiri Mantra Legal Consultants & Advocates, serta aktif di bidang musik dan akademis. Dia menempuh pendidikan hukum di Universitas Udayana dan Universitas Mahasaraswati Denpasar, serta memiliki pengalaman luas di berbagai organisasi dan kepemimpinan.
"},
- {"riwayat" : "Riwayat Karir 2021 - 2027: Perbekel Desa Darmasaba 2015 - Sekarang: Founder & Managing Director Mantra Legal Consultants & Advocates 2020 - Sekarang: Founder Ugawa Record Music Studio 2010 - 2016: Dosen Fakultas Hukum Universitas Mahasaraswati Denpasar "},
- {"pengalaman" : "Pengalaman Organisasi 1996 – 1997: Ketua OSIS SMP Negeri 1 Abiansemal 1999 – 2000: Ketua OSIS SMA Negeri 1 Mengwi 2008 – 2009: Ketua BEM Universitas Mahasaraswati Denpasar 2008 – 2010: Ketua Sekaa Taruna Sila Dharma, Banjar Tengah, Desa Adat Tegal, Darmasaba 2020 – Sekarang: Pengurus Young Lawyer Committee Peradi Denpasar 2021 – Sekarang: Dewan Kehormatan Himpunan Pengusaha Muda Indonesia (HIPMI) Badung 2023 – 2028: Komite Tetap Advokasi – Bidang Hukum dan Regulasi Kamar Dagang dan Industri Badung "},
- {"unggulan" : "Program Kerja Unggulan Pemberdayaan Ekonomi dan UMKM Pelatihan dan pendampingan UMKM lokal Program bantuan modal usaha bagi pelaku usaha kecil Digitalisasi UMKM untuk meningkatkan pemasaran produk lokal Peningkatan Infrastruktur Desa Pembangunan dan perbaikan jalan desa Penyediaan fasilitas umum dan ruang terbuka hijau Optimalisasi layanan publik berbasis digital I.B Surya Prabhawa Manuaba, S.H., M.H., adalah Perbekel Darmasaba periode 2021-2027, seorang advokat, pendiri Mantra Legal Consultants & Advocates, serta aktif di bidang musik dan akademis. Dia menempuh pendidikan hukum di Universitas Udayana dan Universitas Mahasaraswati Denpasar, serta memiliki pengalaman luas di berbagai organisasi dan kepemimpinan.
",
+ "riwayat": " 2021 - 2027: Perbekel Desa Darmasaba 2015 - Sekarang: Founder & Managing Director Mantra Legal Consultants & Advocates 2020 - Sekarang: Founder Ugawa Record Music Studio 2010 - 2016: Dosen Fakultas Hukum Universitas Mahasaraswati Denpasar ",
+ "pengalaman": " 1996 – 1997: Ketua OSIS SMP Negeri 1 Abiansemal 1999 – 2000: Ketua OSIS SMA Negeri 1 Mengwi 2008 – 2009: Ketua BEM Universitas Mahasaraswati Denpasar 2008 – 2010: Ketua Sekaa Taruna Sila Dharma, Banjar Tengah, Desa Adat Tegal, Darmasaba 2020 – Sekarang: Pengurus Young Lawyer Committee Peradi Denpasar 2021 – Sekarang: Dewan Kehormatan Himpunan Pengusaha Muda Indonesia (HIPMI) Badung 2023 – 2028: Komite Tetap Advokasi – Bidang Hukum dan Regulasi Kamar Dagang dan Industri Badung ",
+ "unggulan": "Pemberdayaan Ekonomi dan UMKM Pelatihan dan pendampingan UMKM lokal Program bantuan modal usaha bagi pelaku usaha kecil Digitalisasi UMKM untuk meningkatkan pemasaran produk lokal ",
+ "imageUrl": "/uploads/seeded-images/profile-ppid/perbekel.png"
+ }
+]
diff --git a/prisma/data/ppid/visi-misi-ppid/visimisiPPID.json b/prisma/data/ppid/visi-misi-ppid/visimisiPPID.json
new file mode 100644
index 00000000..a0eb4ab3
--- /dev/null
+++ b/prisma/data/ppid/visi-misi-ppid/visimisiPPID.json
@@ -0,0 +1,8 @@
+[
+ {
+ "id": "1",
+ "misi": "Meningkatkan pengelolaan dan pelayanan informasi yang berkualitas, benar dan bertanggung jawab. Membangun dan mengembangkan sistem penyediaan dan layanan informasi. Meningkatkan dan mengembangkan kompetensi dan kualitas SDM dalam bidang pelayanan informasi. Mewujudkan keterbukaan informasi Pemerintah Desa Punggul dengan proses yang cepat, tepat, mudah dan sederhana.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/_com/editEditor.tsx b/src/app/admin/(dashboard)/_com/editEditor.tsx
new file mode 100644
index 00000000..66317cc2
--- /dev/null
+++ b/src/app/admin/(dashboard)/_com/editEditor.tsx
@@ -0,0 +1,102 @@
+'use client'
+import { RichTextEditor, Link } from '@mantine/tiptap';
+import { useEditor } from '@tiptap/react';
+import Highlight from '@tiptap/extension-highlight';
+import StarterKit from '@tiptap/starter-kit';
+import Underline from '@tiptap/extension-underline';
+import TextAlign from '@tiptap/extension-text-align';
+import Superscript from '@tiptap/extension-superscript';
+import SubScript from '@tiptap/extension-subscript';
+import { useEffect } from 'react';
+
+type EditEditorProps = {
+ value: string;
+ onChange: (content: string) => void;
+};
+
+export default function EditEditor({ value, onChange }: EditEditorProps) {
+ const editor = useEditor({
+ extensions: [
+ StarterKit,
+ Underline,
+ Link,
+ Superscript,
+ SubScript,
+ Highlight,
+ TextAlign.configure({ types: ['heading', 'paragraph'] }),
+ ],
+ content: value,
+ // Hapus `immediatelyRender` dan `onMount`
+ });
+
+ // Sinkronisasi konten saat `value` berubah
+ useEffect(() => {
+ if (editor && value !== editor.getHTML()) {
+ editor.commands.setContent(value);
+ }
+ }, [value, editor]);
+
+ // Sinkronisasi konten ke parent saat diubah
+ useEffect(() => {
+ if (!editor) return;
+
+ const updateHandler = () => onChange(editor.getHTML());
+ editor.on('update', updateHandler);
+
+ return () => {
+ editor.off('update', updateHandler);
+ };
+ }, [editor, onChange]);
+
+ return (
+
+
+ {/* Toolbar seperti sebelumnya */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/_com/header.tsx b/src/app/admin/(dashboard)/_com/header.tsx
new file mode 100644
index 00000000..1a867c81
--- /dev/null
+++ b/src/app/admin/(dashboard)/_com/header.tsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import { Grid, GridCol, Paper, TextInput, Title } from '@mantine/core';
+import { IconSearch } from '@tabler/icons-react'; // Sesuaikan jika kamu pakai icon lain
+import colors from '@/con/colors';
+
+
+const HeaderSearch = ({ title = "", placeholder = "pencarian", searchIcon =
+
+ {title}
+
+
+
+
+
+
+ );
+};
+
+export default HeaderSearch;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/_com/judulList.tsx b/src/app/admin/(dashboard)/_com/judulList.tsx
new file mode 100644
index 00000000..4eaa5731
--- /dev/null
+++ b/src/app/admin/(dashboard)/_com/judulList.tsx
@@ -0,0 +1,30 @@
+
+'use client'
+import colors from '@/con/colors';
+import { Grid, GridCol, Button, Text } from '@mantine/core';
+import { IconCircleDashedPlus } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import React from 'react';
+
+const JudulList = ({ title = "", href = "#" }) => {
+ const router = useRouter();
+
+ const handleNavigate = () => {
+ router.push(href);
+ };
+
+ return (
+
+
+ {title}
+
+
+
+
+
+
+ );
+};
+
+export default JudulList;
diff --git a/src/app/admin/(dashboard)/_com/modalKonfirmasiHapus.tsx b/src/app/admin/(dashboard)/_com/modalKonfirmasiHapus.tsx
new file mode 100644
index 00000000..ccedf0f0
--- /dev/null
+++ b/src/app/admin/(dashboard)/_com/modalKonfirmasiHapus.tsx
@@ -0,0 +1,36 @@
+// components/modal/ModalKonfirmasiHapus.tsx
+import colors from "@/con/colors"
+import { Modal, Text, Button, Flex } from "@mantine/core"
+
+interface ModalKonfirmasiHapusProps {
+ opened: boolean
+ loading?: boolean
+ onClose: () => void
+ onConfirm: () => void
+ text: string
+}
+
+export function ModalKonfirmasiHapus({
+ opened,
+ loading = false,
+ onClose,
+ onConfirm,
+ text,
+}: ModalKonfirmasiHapusProps) {
+ return (
+
+ {text}
+
+ Batal
+
+ Yakin Hapus
+
+
+
+ )
+}
diff --git a/src/app/admin/(dashboard)/_state/desa/berita.ts b/src/app/admin/(dashboard)/_state/desa/berita.ts
index ea5bdfbf..56b4fb01 100644
--- a/src/app/admin/(dashboard)/_state/desa/berita.ts
+++ b/src/app/admin/(dashboard)/_state/desa/berita.ts
@@ -1,23 +1,31 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
import ApiFetch from "@/lib/api-fetch";
import { Prisma } from "@prisma/client";
import { toast } from "react-toastify";
import { proxy } from "valtio";
import { z } from "zod";
+// 1. Schema validasi dengan Zod
const templateForm = z.object({
judul: z.string().min(3, "Judul minimal 3 karakter"),
deskripsi: z.string().min(3, "Deskripsi minimal 3 karakter"),
- image: z.string().url().min(3, "Image minimal 3 karakter"),
content: z.string().min(3, "Content minimal 3 karakter"),
- katagoryBeritaId: z.string().nonempty(),
+ kategoriBeritaId: z.string().nonempty(),
+ imageId: z.string().nonempty(),
});
+// 2. Default value form berita (hindari uncontrolled input)
+const defaultForm = {
+ judul: "",
+ deskripsi: "",
+ imageId: "",
+ content: "",
+ kategoriBeritaId: "",
+};
+
+// 3. Kategori proxy
const category = proxy({
findMany: {
- data: null as
- | null
- | Prisma.KatagoryBeritaGetPayload<{ omit: { isActive: true } }>[],
+ data: [] as Prisma.KategoriBeritaGetPayload<{ omit: { isActive: true } }>[],
async load() {
const res = await ApiFetch.api.desa.berita.category["find-many"].get();
if (res.status === 200) {
@@ -27,23 +35,12 @@ const category = proxy({
},
});
-type BeritaForm = Prisma.BeritaGetPayload<{
- select: {
- judul: true;
- deskripsi: true;
- image: true;
- content: true;
- katagoryBeritaId: true;
- };
-}>;
-
+// 4. Berita proxy
const berita = proxy({
create: {
- form: {} as BeritaForm,
+ form: { ...defaultForm }, // ✅ ini kunci fix-nya
loading: false,
async create() {
- berita.create.form.image =
- "https://www.shutterstock.com/image-vector/lower-news-live-streaming-breaking-600nw-2535984111.jpg";
const cek = templateForm.safeParse(berita.create.form);
if (!cek.success) {
const err = `[${cek.error.issues
@@ -51,6 +48,7 @@ const berita = proxy({
.join("\n")}] required`;
return toast.error(err);
}
+
try {
berita.create.loading = true;
const res = await ApiFetch.api.desa.berita["create"].post(
@@ -58,33 +56,200 @@ const berita = proxy({
);
if (res.status === 200) {
berita.findMany.load();
- return toast.success("succes create");
+ return toast.success("Berita berhasil disimpan!");
}
- return toast.error("failed create");
+ return toast.error("Gagal menyimpan berita");
} catch (error) {
console.log((error as Error).message);
} finally {
berita.create.loading = false;
}
},
+ resetForm() {
+ berita.create.form = { ...defaultForm };
+ },
},
+
findMany: {
data: null as
- | Prisma.BeritaGetPayload<{ omit: { isActive: true } }>[]
+ | Prisma.BeritaGetPayload<{
+ include: {
+ image: true;
+ kategoriBerita: true;
+ };
+ }>[]
| null,
async load() {
const res = await ApiFetch.api.desa.berita["find-many"].get();
if (res.status === 200) {
- berita.findMany.data = (res.data?.data as any) ?? [];
+ berita.findMany.data = (res.data?.data ) ?? [];
}
},
},
+ findUnique: {
+ data: null as
+ | Prisma.BeritaGetPayload<{
+ include: {
+ image: true;
+ kategoriBerita: true;
+ };
+ }> | null,
+ async load(id: string) {
+ try {
+ const res = await fetch(`/api/desa/berita/${id}`);
+ if (res.ok) {
+ const data = await res.json();
+ berita.findUnique.data = data.data ?? null;
+ } else {
+ console.error('Failed to fetch berita:', res.statusText);
+ berita.findUnique.data = null;
+ }
+ } catch (error) {
+ console.error('Error fetching berita:', error);
+ berita.findUnique.data = null;
+ }
+ },
+ },
+ delete: {
+ loading: false,
+ async byId(id: string) {
+ if (!id) return toast.warn("ID tidak valid");
+
+ try {
+ berita.delete.loading = true;
+
+ const response = await fetch(`/api/desa/berita/delete/${id}`, {
+ method: 'DELETE',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ });
+
+ const result = await response.json();
+
+ if (response.ok && result?.success) {
+ toast.success(result.message || "Berita berhasil dihapus");
+ await berita.findMany.load(); // refresh list
+ } else {
+ toast.error(result?.message || "Gagal menghapus berita");
+ }
+ } catch (error) {
+ console.error("Gagal delete:", error);
+ toast.error("Terjadi kesalahan saat menghapus berita");
+ } finally {
+ berita.delete.loading = false;
+ }
+ },
+ },
+ edit: {
+ id: "",
+ form: { ...defaultForm },
+ loading: false,
+
+ async load(id: string) {
+ if (!id) {
+ toast.warn("ID tidak valid");
+ return null;
+ }
+
+ try {
+ const response = await fetch(`/api/desa/berita/${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 = {
+ judul: data.judul,
+ deskripsi: data.deskripsi,
+ content: data.content,
+ kategoriBeritaId: data.kategoriBeritaId || "",
+ imageId: data.imageId || "",
+ };
+ return data; // Return the loaded data
+ } else {
+ throw new Error(result?.message || "Gagal memuat data");
+ }
+ } catch (error) {
+ console.error("Error loading berita:", error);
+ toast.error(error instanceof Error ? error.message : "Gagal memuat data");
+ return null;
+ }
+ },
+
+ async update() {
+ const cek = templateForm.safeParse(berita.edit.form);
+ if (!cek.success) {
+ const err = `[${cek.error.issues
+ .map((v) => `${v.path.join(".")}`)
+ .join("\n")}] required`;
+ toast.error(err);
+ return false;
+ }
+
+ try {
+ berita.edit.loading = true;
+
+ const response = await fetch(`/api/desa/berita/${this.id}`, {
+ method: 'PUT',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ judul: this.form.judul,
+ deskripsi: this.form.deskripsi,
+ content: this.form.content,
+ kategoriBeritaId: this.form.kategoriBeritaId || null,
+ imageId: this.form.imageId,
+ }),
+ });
+
+ 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 berita");
+ await berita.findMany.load(); // refresh list
+ return true;
+ } else {
+ throw new Error(result.message || "Gagal update berita");
+ }
+ } catch (error) {
+ console.error("Error updating berita:", error);
+ toast.error(error instanceof Error ? error.message : "Terjadi kesalahan saat update berita");
+ return false;
+ } finally {
+ berita.edit.loading = false;
+ }
+ },
+
+ reset() {
+ berita.edit.id = "";
+ berita.edit.form = { ...defaultForm };
+ },
+ },
+
});
+// 5. State global
const stateDashboardBerita = proxy({
category,
berita,
});
-export default stateDashboardBerita;
\ No newline at end of file
+export default stateDashboardBerita;
diff --git a/src/app/admin/(dashboard)/_state/desa/potensi.ts b/src/app/admin/(dashboard)/_state/desa/potensi.ts
new file mode 100644
index 00000000..c61ec4f1
--- /dev/null
+++ b/src/app/admin/(dashboard)/_state/desa/potensi.ts
@@ -0,0 +1,223 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateForm = z.object({
+ name: z.string().min(1).max(50),
+ deskripsi: z.string().min(1).max(50),
+ kategori: z.string().min(1).max(50),
+ imageId: z.string().min(1).max(50),
+ content: z.string().min(1).max(5000),
+})
+
+const defaultForm = {
+ name: "",
+ deskripsi: "",
+ kategori: "",
+ imageId: "",
+ content: "",
+}
+
+const potensiDesaState = proxy({
+ create: {
+ form: { ...defaultForm },
+ loading: false,
+ async create() {
+ const cek = templateForm.safeParse(potensiDesaState.create.form);
+ if (!cek.success) {
+ const err = `[${cek.error.issues
+ .map((v) => `${v.path.join(".")}`)
+ .join("\n")}] required`;
+ return toast.error(err);
+ }
+ try {
+ potensiDesaState.create.loading = true;
+ const res = await ApiFetch.api.desa.potensi["create"].post(potensiDesaState.create.form);
+ if (res.status === 200) {
+ potensiDesaState.findMany.load();
+ return toast.success("Potensi berhasil disimpan!");
+ }
+ return toast.error("Gagal menyimpan potensi");
+ } catch (error) {
+ console.log((error as Error).message);
+ } finally {
+ potensiDesaState.create.loading = false;
+ }
+ }
+ },
+ findMany: {
+ data: null as
+ | Prisma.PotensiDesaGetPayload<{
+ include: {
+ image: true;
+ }
+ }>[]
+ | null,
+ async load() {
+ const res = await ApiFetch.api.desa.potensi["find-many"].get();
+ if (res.status === 200) {
+ potensiDesaState.findMany.data = res.data?.data ?? [];
+ }
+ }
+ },
+ findUnique: {
+ data: null as
+ | Prisma.PotensiDesaGetPayload<{
+ include: {
+ image: true;
+ }
+ }> | null,
+ async load(id: string) {
+ try {
+ const res = await fetch(`/api/desa/potensi/${id}`);
+ if (res.ok) {
+ const data = await res.json();
+ potensiDesaState.findUnique.data = data.data ?? null;
+ } else {
+ console.error('Failed to fetch potensi:', res.statusText);
+ potensiDesaState.findUnique.data = null;
+ }
+ } catch (error) {
+ console.error('Error fetching potensi:', error);
+ potensiDesaState.findUnique.data = null;
+ }
+ },
+ },
+ delete: {
+ loading: false,
+ async byId(id: string) {
+ if (!id) return toast.warn("ID tidak valid");
+
+ try {
+ potensiDesaState.delete.loading = true;
+
+ const response = await fetch(`/api/desa/potensi/del/${id}`, {
+ method: 'DELETE',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ });
+
+ const result = await response.json();
+
+ if (response.ok && result?.success) {
+ toast.success(result.message || "Potensi berhasil dihapus");
+ await potensiDesaState.findMany.load(); // refresh list
+ } else {
+ toast.error(result?.message || "Gagal menghapus potensi");
+ }
+ } catch (error) {
+ console.error("Gagal delete:", error);
+ toast.error("Terjadi kesalahan saat menghapus potensi");
+ } finally {
+ potensiDesaState.delete.loading = false;
+ }
+ },
+ },
+ edit: {
+ id: "",
+ form: { ...defaultForm },
+ loading: false,
+
+ async load(id: string) {
+ if (!id) {
+ toast.warn("ID tidak valid");
+ return null;
+ }
+
+ try {
+ const response = await fetch(`/api/desa/potensi/${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 = {
+ name: data.name,
+ deskripsi: data.deskripsi,
+ kategori: data.kategori,
+ imageId: data.imageId || "",
+ content: data.content,
+ };
+ return data; // Return the loaded data
+ } else {
+ throw new Error(result?.message || "Gagal memuat data");
+ }
+ } catch (error) {
+ console.error("Error loading potensi:", error);
+ toast.error(error instanceof Error ? error.message : "Gagal memuat data");
+ return null;
+ }
+ },
+
+ async update() {
+ const cek = templateForm.safeParse(potensiDesaState.edit.form);
+ if (!cek.success) {
+ const err = `[${cek.error.issues
+ .map((v) => `${v.path.join(".")}`)
+ .join("\n")}] required`;
+ toast.error(err);
+ return false;
+ }
+
+ try {
+ potensiDesaState.edit.loading = true;
+
+ const response = await fetch(`/api/desa/potensi/${this.id}`, {
+ method: 'PUT',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({
+ name: this.form.name,
+ deskripsi: this.form.deskripsi,
+ kategori: this.form.kategori,
+ imageId: this.form.imageId,
+ content: this.form.content,
+ }),
+ });
+
+ 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 potensi");
+ await potensiDesaState.findMany.load(); // refresh list
+ return true;
+ } else {
+ throw new Error(result.message || "Gagal update potensi");
+ }
+ } catch (error) {
+ console.error("Error updating potensi:", error);
+ toast.error(error instanceof Error ? error.message : "Terjadi kesalahan saat update potensi");
+ return false;
+ } finally {
+ potensiDesaState.edit.loading = false;
+ }
+ },
+ reset() {
+ potensiDesaState.edit.id = "";
+ potensiDesaState.edit.form = { ...defaultForm };
+ }
+ }
+})
+
+export default potensiDesaState
+
+
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/_state/desa/profile.ts b/src/app/admin/(dashboard)/_state/desa/profile.ts
new file mode 100644
index 00000000..744b426d
--- /dev/null
+++ b/src/app/admin/(dashboard)/_state/desa/profile.ts
@@ -0,0 +1,239 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+/* Sejarah */
+const templateFormSejarahForm = z.object({
+ sejarah: z.string().min(3, "Sejarah minimal 3 karakter"),
+})
+
+type SejarahForm = Prisma.ProfileDesaGetPayload<{
+ select: {
+ id: true;
+ sejarah: true;
+ }
+}>
+
+const Sejarah = proxy({
+ findById: {
+ data: null as SejarahForm | null,
+ loading: false,
+ initialize() {
+ Sejarah.findById.data = {
+ id: "",
+ sejarah: "",
+ } as SejarahForm;
+ },
+ async load(id: string) {
+ try {
+ Sejarah.findById.loading = true;
+ const res = await ApiFetch.api.desa.profile["find-by-id"].get({
+ query: { id },
+ });
+ if (res.status === 200) {
+ Sejarah.findById.data = {
+ id: id,
+ sejarah: res.data?.data?.sejarah ?? ""
+ };
+ } else {
+ toast.error("Gagal mengambil data sejarah");
+ }
+ } catch (error) {
+ console.error((error as Error).message);
+ toast.error("Terjadi kesalahan saat mengambil data sejarah");
+ } finally {
+ Sejarah.findById.loading = false;
+ }
+ }
+ },
+ update: {
+ loading: false,
+ async save(data: SejarahForm) {
+ const cek = templateFormSejarahForm.safeParse(data);
+ if (!cek.success) {
+ const errors = cek.error.issues
+ .map((issue) => `${issue.path.join(".")}: ${issue.message}`)
+ .join(", ");
+ toast.error(`Form tidak valid: ${errors}`);
+ return;
+ }
+ try {
+ Sejarah.update.loading = true;
+ const res = await ApiFetch.api.desa.profile.sejarah["update"].post(data);
+ if (res.status === 200) {
+ toast.success("Berhasil update sejarah");
+ await Sejarah.findById.load(data.id);
+ } else {
+ toast.error("Gagal update sejarah");
+ }
+ } catch (error) {
+ console.error((error as Error).message);
+ toast.error("Terjadi kesalahan saat update sejarah");
+ } finally {
+ Sejarah.update.loading = false;
+ }
+ }
+ }
+})
+
+/* Visi Misi Desa */
+const templateFormVisiForm = z.object({
+ visi: z.string().min(3, "Visi minimal 3 karakter"),
+ misi: z.string().min(3, "Misi minimal 3 karakter")
+})
+
+type VisiMisiDesaForm = Prisma.ProfileDesaGetPayload<{
+ select: {
+ id: true;
+ visi: true;
+ misi: true;
+ }
+}>
+
+const VisiMisiDesa = proxy({
+ findById: {
+ data: null as VisiMisiDesaForm | null,
+ loading: false,
+ initialize() {
+ VisiMisiDesa.findById.data = {
+ id: "",
+ visi: "",
+ misi: ""
+ } as VisiMisiDesaForm;
+ },
+ async load(id: string) {
+ try {
+ VisiMisiDesa.findById.loading = true;
+ const res = await ApiFetch.api.desa.profile["find-by-id"].get({
+ query: { id },
+ });
+ if (res.status === 200) {
+ VisiMisiDesa.findById.data = {
+ id: id,
+ visi: res.data?.data?.visi ?? "",
+ misi: res.data?.data?.misi ?? ""
+ };
+ } else {
+ toast.error("Gagal mengambil data visi misi");
+ }
+ } catch (error) {
+ console.error((error as Error).message);
+ toast.error("Terjadi kesalahan saat mengambil data visi misi");
+ } finally {
+ VisiMisiDesa.findById.loading = false;
+ }
+ }
+ },
+ update: {
+ loading: false,
+ async save(data: VisiMisiDesaForm) {
+ const cek = templateFormVisiForm.safeParse(data);
+ if (!cek.success) {
+ const errors = cek.error.issues
+ .map((issue) => `${issue.path.join(".")}: ${issue.message}`)
+ .join(", ");
+ toast.error(`Form tidak valid: ${errors}`);
+ return;
+ }
+ try {
+ VisiMisiDesa.update.loading = true;
+ const res = await ApiFetch.api.desa.profile.visimisiDesa["update"].post(data);
+ if (res.status === 200) {
+ toast.success("Berhasil update visi misi");
+ await VisiMisiDesa.findById.load(data.id);
+ } else {
+ toast.error("Gagal update visi");
+ }
+ } catch (error) {
+ console.error((error as Error).message);
+ toast.error("Terjadi kesalahan saat update visi misi");
+ } finally {
+ VisiMisiDesa.update.loading = false;
+ }
+ }
+ }
+})
+/* Lambang Desa */
+const templateFormLambangDesaForm = z.object({
+ lambang: z.string().min(3, "Lambang minimal 3 karakter"),
+})
+
+type LambangDesaForm = Prisma.ProfileDesaGetPayload<{
+ select: {
+ id: true;
+ lambang: true;
+ }
+}>
+
+const LambangDesa = proxy({
+ findById: {
+ data: null as LambangDesaForm | null,
+ loading: false,
+ initialize() {
+ LambangDesa.findById.data = {
+ id: "",
+ lambang: "",
+ } as LambangDesaForm;
+ },
+ async load(id: string) {
+ try {
+ LambangDesa.findById.loading = true;
+ const res = await ApiFetch.api.desa.profile["find-by-id"].get({
+ query: { id },
+ });
+ if (res.status === 200) {
+ LambangDesa.findById.data = {
+ id: id,
+ lambang: res.data?.data?.lambang ?? ""
+ };
+ } else {
+ toast.error("Gagal mengambil data lambang desa");
+ }
+ } catch (error) {
+ console.error((error as Error).message);
+ toast.error("Terjadi kesalahan saat mengambil data lambang desa");
+ } finally {
+ LambangDesa.findById.loading = false;
+ }
+ }
+ },
+ update: {
+ loading: false,
+ async save(data: LambangDesaForm) {
+ const cek = templateFormLambangDesaForm.safeParse(data);
+ if (!cek.success) {
+ const errors = cek.error.issues
+ .map((issue) => `${issue.path.join(".")}: ${issue.message}`)
+ .join(", ");
+ toast.error(`Form tidak valid: ${errors}`);
+ return;
+ }
+ try {
+ LambangDesa.update.loading = true;
+ const res = await ApiFetch.api.desa.profile.lambangDesa["update"].post(data);
+ if (res.status === 200) {
+ toast.success("Berhasil update lambang desa");
+ await LambangDesa.findById.load(data.id);
+ } else {
+ toast.error("Gagal update lambang desa");
+ }
+ } catch (error) {
+ console.error((error as Error).message);
+ toast.error("Terjadi kesalahan saat update lambang desa");
+ } finally {
+ LambangDesa.update.loading = false;
+ }
+ }
+ }
+});
+
+const stateProfileDesa = {
+ Sejarah,
+ VisiMisiDesa,
+ LambangDesa,
+};
+
+
+export default stateProfileDesa;
diff --git a/src/app/admin/(dashboard)/_state/ppid/dasar_hukum/dasarHukum.ts b/src/app/admin/(dashboard)/_state/ppid/dasar_hukum/dasarHukum.ts
new file mode 100644
index 00000000..f4223a98
--- /dev/null
+++ b/src/app/admin/(dashboard)/_state/ppid/dasar_hukum/dasarHukum.ts
@@ -0,0 +1,82 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateForm = z.object({
+ judul: z.string().min(3, "Judul minimal 3 karakter"),
+ content: z.string().min(3, "Content minimal 3 karakter"),
+});
+
+type DasarHukumForm = Prisma.DasarHukumPPIDGetPayload<{
+ select: {
+ id: true;
+ judul: true;
+ content: true;
+ };
+}>;
+
+const stateDasarHukumPPID = proxy({
+ findById: {
+ data: null as DasarHukumForm | null,
+ loading: false,
+ initialize() {
+ stateDasarHukumPPID.findById.data = {
+ id: '',
+ judul: '',
+ content: '',
+ } as DasarHukumForm;
+ },
+ async load(id: string) {
+ try {
+ stateDasarHukumPPID.findById.loading = true;
+ const res = await ApiFetch.api.ppid.dasarhukumppid["find-by-id"].get({
+ query: { id },
+ });
+ if (res.status === 200) {
+ stateDasarHukumPPID.findById.data = res.data?.data ?? null;
+ } else {
+ toast.error("Gagal mengambil data dasar hukum");
+ }
+ } catch (error) {
+ console.error((error as Error).message);
+ toast.error("Terjadi kesalahan saat mengambil data dasar hukum");
+ } finally {
+ stateDasarHukumPPID.findById.loading = false;
+ }
+ },
+ },
+
+ update: {
+ loading: false,
+ async save(data: DasarHukumForm) {
+ const cek = templateForm.safeParse(data);
+ if (!cek.success) {
+ const errors = cek.error.issues
+ .map((issue) => `${issue.path.join(".")}: ${issue.message}`)
+ .join(", ");
+ toast.error(`Form tidak valid: ${errors}`);
+ return;
+ }
+
+ try {
+ stateDasarHukumPPID.update.loading = true;
+ const res = await ApiFetch.api.ppid.dasarhukumppid["update"].post(data);
+ if (res.status === 200) {
+ toast.success("Data dasar hukum berhasil diubah");
+ await stateDasarHukumPPID.findById.load(data.id);
+ } else {
+ toast.error("Gagal mengubah data dasar hukum");
+ }
+ } catch (error) {
+ console.error((error as Error).message);
+ toast.error("Terjadi kesalahan saat mengubah data dasar hukum");
+ } finally {
+ stateDasarHukumPPID.update.loading = false;
+ }
+ },
+ },
+});
+
+export default stateDasarHukumPPID;
diff --git a/src/app/admin/(dashboard)/_state/ppid/permohonan_informasi_publik/permohonanInformasiPublik.ts b/src/app/admin/(dashboard)/_state/ppid/permohonan_informasi_publik/permohonanInformasiPublik.ts
index 4487056f..363998cf 100644
--- a/src/app/admin/(dashboard)/_state/ppid/permohonan_informasi_publik/permohonanInformasiPublik.ts
+++ b/src/app/admin/(dashboard)/_state/ppid/permohonan_informasi_publik/permohonanInformasiPublik.ts
@@ -56,6 +56,7 @@ const caraMemperolehSalinanInformasi = proxy({
}
}
})
+console.log(caraMemperolehSalinanInformasi)
type PermohonanInformasiPublikForm = Prisma.PermohonanInformasiPublikGetPayload<{
select: {
@@ -70,12 +71,12 @@ type PermohonanInformasiPublikForm = Prisma.PermohonanInformasiPublikGetPayload<
};
}>;
-const permohonanInformasiPublikForm = proxy({
+const statepermohonanInformasiPublik = proxy({
create: {
form: {} as PermohonanInformasiPublikForm,
loading: false,
async create(){
- const cek = templateForm.safeParse(permohonanInformasiPublikForm.create.form);
+ const cek = templateForm.safeParse(statepermohonanInformasiPublik.create.form);
if(!cek.success) {
const err = `[${cek.error.issues
.map((v) => `${v.path.join(".")}`)
@@ -83,38 +84,42 @@ const permohonanInformasiPublikForm = proxy({
return toast.error(err);
}
try {
- permohonanInformasiPublikForm.create.loading = true;
- const res = await ApiFetch.api.ppid.permohonaninformasipublik["create"].post(permohonanInformasiPublikForm.create.form);
+ statepermohonanInformasiPublik.create.loading = true;
+ const res = await ApiFetch.api.ppid.permohonaninformasipublik["create"].post(statepermohonanInformasiPublik.create.form);
if (res.status === 200) {
- permohonanInformasiPublikForm.findMany.load();
+ statepermohonanInformasiPublik.findMany.load();
return toast.success("success create");
}
return toast.error("failed create");
} catch (error) {
console.log((error as Error).message);
} finally {
- permohonanInformasiPublikForm.create.loading = false;
+ statepermohonanInformasiPublik.create.loading = false;
}
}
},
findMany: {
data: null as
- | Prisma.PermohonanInformasiPublikGetPayload<{ omit: { isActive: true } }>[]
+ | Prisma.PermohonanInformasiPublikGetPayload<{ include: {
+ caraMemperolehSalinanInformasi: true,
+ jenisInformasiDiminta: true,
+ caraMemperolehInformasi: true,
+ } }>[]
| null,
async load() {
const res = await ApiFetch.api.ppid.permohonaninformasipublik["find-many"].get();
if (res.status === 200) {
- permohonanInformasiPublikForm.findMany.data = res.data?.data ?? [];
+ statepermohonanInformasiPublik.findMany.data = res.data?.data ?? [];
}
}
}
})
-const statePermohonanInformasi = proxy({
- permohonanInformasiPublikForm,
+const statepermohonanInformasiPublikForm = proxy({
+ statepermohonanInformasiPublik,
jenisInformasiDiminta,
caraMemperolehInformasi,
- caraMemperolehSalinanInformasi
+ caraMemperolehSalinanInformasi,
})
-export default statePermohonanInformasi;
+export default statepermohonanInformasiPublikForm;
diff --git a/src/app/admin/(dashboard)/_state/ppid/permohonan_keberatan_informasi_publik/permohonanKeberatanInformasi.ts b/src/app/admin/(dashboard)/_state/ppid/permohonan_keberatan_informasi_publik/permohonanKeberatanInformasi.ts
index 3e8f4f41..0decf48a 100644
--- a/src/app/admin/(dashboard)/_state/ppid/permohonan_keberatan_informasi_publik/permohonanKeberatanInformasi.ts
+++ b/src/app/admin/(dashboard)/_state/ppid/permohonan_keberatan_informasi_publik/permohonanKeberatanInformasi.ts
@@ -20,12 +20,12 @@ type PermohonanKeberatanInformasiForm = Prisma.FormulirPermohonanKeberatanGetPay
};
}>;
-const permohonanKeberatanInformasiForm = proxy({
+const permohonanKeberatanInformasi = proxy({
create: {
form: {} as PermohonanKeberatanInformasiForm,
loading: false,
async create(){
- const cek = templateForm.safeParse(permohonanKeberatanInformasiForm.create.form);
+ const cek = templateForm.safeParse(permohonanKeberatanInformasi.create.form);
if(!cek.success) {
const err = `[${cek.error.issues
.map((v) => `${v.path.join(".")}`)
@@ -33,17 +33,17 @@ const permohonanKeberatanInformasiForm = proxy({
return toast.error(err);
}
try {
- permohonanKeberatanInformasiForm.create.loading = true;
- const res = await ApiFetch.api.ppid.permohonankeberataninformasipublik["create"].post(permohonanKeberatanInformasiForm.create.form);
+ permohonanKeberatanInformasi.create.loading = true;
+ const res = await ApiFetch.api.ppid.permohonankeberataninformasipublik["create"].post(permohonanKeberatanInformasi.create.form);
if (res.status === 200) {
- permohonanKeberatanInformasiForm.findMany.load();
+ permohonanKeberatanInformasi.findMany.load();
return toast.success("success create");
}
return toast.error("failed create");
} catch (error) {
console.log((error as Error).message);
} finally {
- permohonanKeberatanInformasiForm.create.loading = false;
+ permohonanKeberatanInformasi.create.loading = false;
}
},
},
@@ -54,15 +54,11 @@ const permohonanKeberatanInformasiForm = proxy({
async load() {
const res = await ApiFetch.api.ppid.permohonankeberataninformasipublik["find-many"].get();
if (res.status === 200) {
- permohonanKeberatanInformasiForm.findMany.data = res.data?.data ?? [];
+ permohonanKeberatanInformasi.findMany.data = res.data?.data ?? [];
}
}
}
});
-const statePermohonanKeberatan = proxy({
- permohonanKeberatanInformasiForm,
-})
-
-export default statePermohonanKeberatan;
+export default permohonanKeberatanInformasi;
diff --git a/src/app/admin/(dashboard)/_state/ppid/profile_ppid/profile_PPID.ts b/src/app/admin/(dashboard)/_state/ppid/profile_ppid/profile_PPID.ts
index e35f6062..167d8edd 100644
--- a/src/app/admin/(dashboard)/_state/ppid/profile_ppid/profile_PPID.ts
+++ b/src/app/admin/(dashboard)/_state/ppid/profile_ppid/profile_PPID.ts
@@ -4,66 +4,169 @@ import { toast } from "react-toastify";
import { proxy } from "valtio";
import { z } from "zod";
+/**
+ * Schema validasi form ProfilePPID menggunakan Zod.
+ */
const templateForm = z.object({
- name: z.string().min(3, "Nama minimal 3 karakter"),
- biodata: z.string().min(3, "Biodata minimal 3 karakter"),
- riwayat: z.string().min(3, "Riwayat minimal 3 karakter"),
- pengalaman: z.string().min(3, "Pengalaman minimal 3 karakter"),
- unggulan: z.string().min(3, "Unggulan minimal 3 karakter"),
-})
+ name: z.string().min(3, "Nama minimal 3 karakter"),
+ biodata: z.string().min(3, "Biodata minimal 3 karakter"),
+ riwayat: z.string().min(3, "Riwayat minimal 3 karakter"),
+ pengalaman: z.string().min(3, "Pengalaman minimal 3 karakter"),
+ unggulan: z.string().min(3, "Unggulan minimal 3 karakter"),
+});
+/**
+ * Tipe data ProfilePPID yang digunakan dalam form dan API, berdasarkan Prisma schema.
+ */
type ProfilePPIDForm = Prisma.ProfilePPIDGetPayload<{
- select: {
- name: true;
- biodata: true;
- riwayat: true;
- pengalaman: true;
- unggulan: true;
- }
-}>
-
-const profilePPID = proxy({
- create: {
- form: {} as ProfilePPIDForm,
- loading: false,
- async create() {
- const cek = templateForm.safeParse(profilePPID.create.form);
- if (!cek.success) {
- const err = `[${cek.error.issues
- .map((v) => `${v.path.join(".")}`)
- .join("\n")}] required`;
- return toast.error(err);
- }
- try {
- profilePPID.create.loading = true;
- const res = await ApiFetch.api.ppid.profileppid["create"].post(profilePPID.create.form);
- if (res.status === 200) {
- profilePPID.findMany.load();
- return toast.success("success create");
- }
- return toast.error("failed create");
- } catch (error) {
- console.log((error as Error).message);
- } finally {
- profilePPID.create.loading = false;
- }
- }
- },
- findMany: {
- data: null as
- | Prisma.ProfilePPIDGetPayload<{omit: {isActive: true}}>[]
- | null,
- async load() {
- const res = await ApiFetch.api.ppid.profileppid["find-many"].get();
- if (res.status === 200) {
- profilePPID.findMany.data = res.data?.data ?? [];
- }
- }
- }
-})
+ select: {
+ id: true;
+ name: true;
+ biodata: true;
+ riwayat: true;
+ pengalaman: true;
+ unggulan: true;
+ imageUrl: true;
+ };
+}>;
+/**
+ * State utama ProfilePPID yang mencakup fitur:
+ * - Ambil data berdasarkan ID
+ * - Update data
+ * - Upload gambar
+ */
const stateProfilePPID = proxy({
- profilePPID
-})
+ /**
+ * Bagian untuk ambil data berdasarkan ID
+ */
+ findById: {
+ data: null as ProfilePPIDForm | null,
+ loading: false,
-export default stateProfilePPID;
\ No newline at end of file
+ /**
+ * Inisialisasi data kosong ke dalam state.
+ */
+ initialize() {
+ stateProfilePPID.findById.data = {
+ id: '',
+ name: '',
+ biodata: '',
+ riwayat: '',
+ pengalaman: '',
+ unggulan: '',
+ imageUrl: ''
+ } as ProfilePPIDForm;
+ },
+
+ /**
+ * Mengambil data profil berdasarkan ID.
+ * @param {string} id - ID dari profile yang ingin diambil.
+ */
+ async load(id: string) {
+ try {
+ stateProfilePPID.findById.loading = true;
+ const res = await ApiFetch.api.ppid.profileppid["find-by-id"].get({
+ query: { id },
+ });
+
+ if (res.status === 200) {
+ stateProfilePPID.findById.data = res.data?.data ?? null;
+ } else {
+ toast.error("Gagal mengambil data profile");
+ }
+ } catch (error) {
+ console.error((error as Error).message);
+ toast.error("Terjadi kesalahan saat mengambil data profile");
+ } finally {
+ stateProfilePPID.findById.loading = false;
+ }
+ },
+ },
+
+ /**
+ * Bagian untuk update data profile
+ */
+ update: {
+ loading: false,
+
+ /**
+ * Melakukan validasi dan menyimpan perubahan data profile ke server.
+ * @param {ProfilePPIDForm} data - Data profil yang akan disimpan.
+ */
+ async save(data: ProfilePPIDForm) {
+ const cek = templateForm.safeParse(data);
+
+ if (!cek.success) {
+ const errors = cek.error.issues
+ .map((issue) => `${issue.path.join(".")}: ${issue.message}`)
+ .join(", ");
+ toast.error(`Form tidak valid: ${errors}`);
+ return;
+ }
+
+ try {
+ stateProfilePPID.update.loading = true;
+ const res = await ApiFetch.api.ppid.profileppid["update"].post(data);
+
+ if (res.status === 200) {
+ toast.success("Berhasil update profile");
+ await stateProfilePPID.findById.load(data.id);
+ } else {
+ toast.error("Gagal update profile");
+ }
+ } catch (error) {
+ console.error((error as Error).message);
+ toast.error("Terjadi kesalahan saat update profile");
+ } finally {
+ stateProfilePPID.update.loading = false;
+ }
+ },
+ },
+
+ /**
+ * Bagian untuk upload gambar profil
+ */
+ uploadImage: {
+ loading: false,
+
+ /**
+ * Mengunggah gambar profil berdasarkan ID.
+ * @param {File} file - File gambar yang akan diunggah.
+ * @param {string} id - ID dari profil yang akan diperbarui gambarnya.
+ */
+ async save(file: File, id: string) {
+ if (!file || !id) {
+ toast.error("File atau ID harus disertakan");
+ return;
+ }
+
+ try {
+ stateProfilePPID.uploadImage.loading = true;
+
+ const form = new FormData();
+ form.append("file", file);
+ form.append("id", id);
+
+ const res = await ApiFetch.api.ppid.profileppid["edit-img"].post(form);
+
+ if (res.status === 200) {
+ toast.success("Berhasil mengunggah gambar");
+ await stateProfilePPID.findById.load(id);
+ } else {
+ toast.error("Gagal mengunggah gambar");
+ }
+ } catch (error) {
+ console.error((error as Error).message);
+ toast.error("Terjadi kesalahan saat mengunggah gambar");
+ } finally {
+ stateProfilePPID.uploadImage.loading = false;
+ }
+ },
+ },
+});
+
+/**
+ * Ekspor state utama ProfilePPID untuk digunakan di komponen lain.
+ */
+export default stateProfilePPID;
diff --git a/src/app/admin/(dashboard)/_state/ppid/visi_misi_ppid/visimisiPPID.ts b/src/app/admin/(dashboard)/_state/ppid/visi_misi_ppid/visimisiPPID.ts
new file mode 100644
index 00000000..86e90bc7
--- /dev/null
+++ b/src/app/admin/(dashboard)/_state/ppid/visi_misi_ppid/visimisiPPID.ts
@@ -0,0 +1,81 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateForm = z.object({
+ misi: z.string().min(3, "Misi minimal 3 karakter"),
+ visi: z.string().min(3, "Visi minimal 3 karakter"),
+});
+
+type VisiMisiPPIDForm = Prisma.VisiMisiPPIDGetPayload<{
+ select: {
+ id: true;
+ misi: true;
+ visi: true;
+ };
+}>;
+
+const stateVisiMisiPPID = proxy({
+ findById: {
+ data: null as VisiMisiPPIDForm | null,
+ loading: false,
+ initialize() {
+ stateVisiMisiPPID.findById.data = {
+ id: "",
+ misi: "",
+ visi: "",
+ } as VisiMisiPPIDForm;
+ },
+ async load(id: string) {
+ try {
+ stateVisiMisiPPID.findById.loading = true;
+ const res = await ApiFetch.api.ppid.visimisippid["find-by-id"].get({
+ query: { id },
+ });
+ if (res.status === 200) {
+ stateVisiMisiPPID.findById.data = res.data?.data ?? null;
+ } else {
+ toast.error("Gagal mengambil data visi misi");
+ }
+ } catch (error) {
+ console.error((error as Error).message);
+ toast.error("Terjadi kesalahan saat mengambil data visi misi");
+ } finally {
+ stateVisiMisiPPID.findById.loading = false;
+ }
+ },
+ },
+ update: {
+ loading: false,
+ async save(data: VisiMisiPPIDForm) {
+ const cek = templateForm.safeParse(data);
+ if (!cek.success) {
+ const errors = cek.error.issues
+ .map((issue) => `${issue.path.join(".")}: ${issue.message}`)
+ .join(", ");
+ toast.error(`Form tidak valid: ${errors}`);
+ return;
+ }
+
+ try {
+ stateVisiMisiPPID.update.loading = true;
+ const res = await ApiFetch.api.ppid.visimisippid["update"].post(data);
+ if (res.status === 200) {
+ toast.success("Berhasil update visi misi");
+ await stateVisiMisiPPID.findById.load(data.id);
+ } else {
+ toast.error("Gagal update visi misi");
+ }
+ } catch (error) {
+ console.error((error as Error).message);
+ toast.error("Terjadi kesalahan saat update visi misi");
+ } finally {
+ stateVisiMisiPPID.update.loading = false;
+ }
+ },
+ },
+});
+
+export default stateVisiMisiPPID;
diff --git a/src/app/admin/(dashboard)/desa/_com/desaEditor.tsx b/src/app/admin/(dashboard)/desa/_com/desaEditor.tsx
new file mode 100644
index 00000000..de60355a
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/_com/desaEditor.tsx
@@ -0,0 +1,93 @@
+'use client'
+import colors from '@/con/colors';
+import { Button, Stack } from '@mantine/core';
+import { Link, RichTextEditor } from '@mantine/tiptap';
+import Highlight from '@tiptap/extension-highlight';
+import SubScript from '@tiptap/extension-subscript';
+import Superscript from '@tiptap/extension-superscript';
+import TextAlign from '@tiptap/extension-text-align';
+import Underline from '@tiptap/extension-underline';
+import { useEditor } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+
+const content =
+ 'Welcome to Mantine rich text editor RichTextEditor component focuses on usability and is designed to be as simple as possible to bring a familiar editing experience to regular users. RichTextEditor is based on Tiptap.dev and supports all of its features:
General text formatting: bold , italic , underline , strike-through Headings (h1-h6) Sub and super scripts (<sup /> and <sub /> tags) Ordered and bullet lists Text align And all other extensions
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {showSubmit && (
+
+ Submit
+
+ )}
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/_com/desaEditorText.tsx b/src/app/admin/(dashboard)/desa/_com/desaEditorText.tsx
new file mode 100644
index 00000000..3452d0a2
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/_com/desaEditorText.tsx
@@ -0,0 +1,95 @@
+'use client'
+import { Button, Stack } from '@mantine/core';
+import { Link, RichTextEditor } from '@mantine/tiptap';
+import Highlight from '@tiptap/extension-highlight';
+import SubScript from '@tiptap/extension-subscript';
+import Superscript from '@tiptap/extension-superscript';
+import TextAlign from '@tiptap/extension-text-align';
+import Underline from '@tiptap/extension-underline';
+import { useEditor } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+
+
+function DesaEditorText({ onSubmit, onChange, showSubmit = true, initialContent = '', }: {
+ onSubmit?: (val: string) => void,
+ onChange: (val: string) => void,
+ showSubmit?: boolean,
+ initialContent?: string }) {
+ const editor = useEditor({
+ extensions: [
+ StarterKit,
+ Underline,
+ Link,
+ Superscript,
+ SubScript,
+ Highlight,
+ TextAlign.configure({ types: ['heading', 'paragraph'] }),
+ ],
+ immediatelyRender: false,
+ content: initialContent,
+ onUpdate : ({editor}) => {
+ onChange(editor.getHTML())
+ }
+ });
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {showSubmit && (
+ {
+ if (!editor) return
+ onSubmit?.(editor?.getHTML())
+ }}>Submit
+ )}
+
+ );
+}
+
+export default DesaEditorText;
diff --git a/src/app/admin/(dashboard)/desa/berita/[id]/edit/page.tsx b/src/app/admin/(dashboard)/desa/berita/[id]/edit/page.tsx
new file mode 100644
index 00000000..a753aede
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/berita/[id]/edit/page.tsx
@@ -0,0 +1,241 @@
+"use client";
+
+import {
+ Box,
+ Button,
+ Center,
+ Image,
+ Paper,
+ Select,
+ Skeleton,
+ Stack,
+ Text,
+ TextInput,
+ Title,
+} from "@mantine/core";
+import { IconArrowBack, IconImageInPicture } 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";
+
+
+import EditEditor from "@/app/admin/(dashboard)/_com/editEditor";
+import colors from "@/con/colors";
+import ApiFetch from "@/lib/api-fetch";
+import { FileInput } from "@mantine/core";
+import { useShallowEffect } from "@mantine/hooks";
+import { Prisma } from "@prisma/client";
+import stateDashboardBerita from "../../../../_state/desa/berita";
+
+function EditBerita() {
+ const beritaState = useProxy(stateDashboardBerita);
+ const router = useRouter();
+ const params = useParams();
+
+ const [previewImage, setPreviewImage] = useState(null);
+ const [file, setFile] = useState(null);
+ const [formData, setFormData] = useState({
+ judul: beritaState.berita.edit.form.judul || '',
+ deskripsi: beritaState.berita.edit.form.deskripsi || '',
+ kategoriBeritaId: beritaState.berita.edit.form.kategoriBeritaId || '',
+ content: beritaState.berita.edit.form.content || '',
+ imageId: beritaState.berita.edit.form.imageId || ''
+ });
+
+ // Load berita by id saat pertama kali
+ useEffect(() => {
+ const loadBerita = async () => {
+ const id = params?.id as string;
+ if (!id) return;
+
+ try {
+ const data = await stateDashboardBerita.berita.edit.load(id); // akses langsung, bukan dari proxy
+ if (data) {
+ setFormData({
+ judul: data.judul || '',
+ deskripsi: data.deskripsi || '',
+ kategoriBeritaId: data.kategoriBeritaId || '',
+ content: data.content || '',
+ imageId: data.imageId || '',
+ });
+
+ if (data?.image?.link) {
+ setPreviewImage(data.image.link);
+ }
+ }
+ } catch (error) {
+ console.error("Error loading berita:", error);
+ toast.error("Gagal memuat data berita");
+ }
+ };
+
+ loadBerita();
+ }, [params?.id]); // ✅ hapus beritaState dari dependency
+
+ const handleSubmit = async () => {
+
+ try {
+ // Update global state with form data
+ beritaState.berita.edit.form = {
+ ...beritaState.berita.edit.form,
+ judul: formData.judul,
+ deskripsi: formData.deskripsi,
+ content: formData.content,
+ kategoriBeritaId: formData.kategoriBeritaId || '',
+ imageId: formData.imageId // Keep existing imageId if not changed
+ };
+
+ // Jika ada file baru, upload
+ if (file) {
+ const res = await ApiFetch.api.fileStorage.create.post({ file, name: file.name });
+ const uploaded = res.data?.data;
+
+ if (!uploaded?.id) {
+ return toast.error("Gagal upload gambar");
+ }
+
+ // Update imageId in global state
+ beritaState.berita.edit.form.imageId = uploaded.id;
+ }
+
+ await beritaState.berita.edit.update();
+ toast.success("Berita berhasil diperbarui!");
+ router.push("/admin/desa/berita");
+ } catch (error) {
+ console.error("Error updating berita:", error);
+ toast.error("Terjadi kesalahan saat memperbarui berita");
+ }
+ };
+
+ return (
+
+
+ router.back()}>
+
+
+
+
+ Edit Berita
+ setFormData({ ...formData, judul: e.target.value })}
+ label={Judul }
+ placeholder="masukkan judul"
+ />
+
+ {
+ setFormData({
+ ...formData,
+ kategoriBeritaId: val?.id || ''
+ });
+ }}
+ />
+
+ setFormData({ ...formData, deskripsi: e.target.value })}
+ label={Deskripsi }
+ placeholder="masukkan deskripsi"
+ />
+
+ Upload Gambar Baru (Opsional)}
+ value={file}
+ onChange={async (e) => {
+ if (!e) return;
+ setFile(e);
+ const base64 = await e.arrayBuffer().then((buf) =>
+ "data:image/png;base64," + Buffer.from(buf).toString("base64")
+ );
+ setPreviewImage(base64);
+ }}
+ />
+
+ {previewImage ? (
+
+
+ )}
+
+
+ Konten
+ {
+ setFormData((prev) => ({ ...prev, content: htmlContent }));
+ beritaState.berita.edit.form.content = htmlContent;
+ }}
+ />
+
+
+ Edit Berita
+
+
+
+ );
+}
+
+interface SelectCategoryProps {
+ onChange: (value: Prisma.KategoriBeritaGetPayload<{
+ select: {
+ name: true;
+ id: true;
+ };
+ }> | null) => void;
+ value?: string | null;
+ defaultValue?: string | null;
+}
+
+function SelectCategory({
+ onChange,
+ value,
+ defaultValue,
+}: SelectCategoryProps) {
+ const categoryState = useProxy(stateDashboardBerita.category);
+
+ useShallowEffect(() => {
+ categoryState.findMany.load().then(() => {
+ console.log("Kategori berhasil dimuat:", categoryState.findMany.data);
+ });
+ }, []);
+
+ if (!categoryState.findMany.data) {
+ return Kategori}
+ placeholder="Pilih kategori"
+ data={categoryState.findMany.data.map((item) => ({
+ label: item.name,
+ value: item.id,
+ }))}
+ value={selectedValue || null}
+ onChange={(val: string | null) => {
+ if (val) {
+ const selected = categoryState.findMany.data?.find((item) => item.id === val);
+ if (selected) {
+ onChange(selected);
+ }
+ } else {
+ onChange(null);
+ }
+ }}
+ searchable
+ clearable
+ nothingFoundMessage="Tidak ditemukan"
+ />
+ );
+}
+
+export default EditBerita;
diff --git a/src/app/admin/(dashboard)/desa/berita/[id]/page.tsx b/src/app/admin/(dashboard)/desa/berita/[id]/page.tsx
new file mode 100644
index 00000000..a991e6ba
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/berita/[id]/page.tsx
@@ -0,0 +1,120 @@
+'use client'
+import { useProxy } from 'valtio/utils';
+
+import { Box, Button, Flex, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { IconArrowBack, IconEdit, IconX } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useState } from 'react';
+
+import colors from '@/con/colors';
+import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
+import stateDashboardBerita from '../../../_state/desa/berita';
+
+function DetailBerita() {
+ const beritaState = useProxy(stateDashboardBerita)
+ const [modalHapus, setModalHapus] = useState(false)
+ const [selectedId, setSelectedId] = useState(null)
+ const params = useParams()
+ const router = useRouter()
+
+ useShallowEffect(() => {
+ beritaState.berita.findUnique.load(params?.id as string)
+ }, [])
+
+
+ const handleHapus = () => {
+ if (selectedId) {
+ beritaState.berita.delete.byId(selectedId)
+ setModalHapus(false)
+ setSelectedId(null)
+ router.push("/admin/desa/berita")
+ }
+ }
+
+ if (!beritaState.berita.findUnique.data) {
+ return (
+
+ {Array.from({ length: 10 }).map((_, k) => (
+
+ )
+ }
+
+ return (
+
+
+ router.back()}>
+
+
+
+
+ Detail Berita
+ {beritaState.berita.findUnique.data ? (
+
+
+
+ Kategori
+ {beritaState.berita.findUnique.data?.kategoriBerita?.name}
+
+
+ Judul
+ {beritaState.berita.findUnique.data?.judul}
+
+
+ Deskripsi
+ {beritaState.berita.findUnique.data?.deskripsi}
+
+
+ Gambar
+
+
+ Konten
+
+
+ {
+ if (beritaState.berita.findUnique.data) {
+ setSelectedId(beritaState.berita.findUnique.data.id);
+ setModalHapus(true);
+ }
+ }}
+ disabled={beritaState.berita.delete.loading || !beritaState.berita.findUnique.data}
+ color={"red"}
+ >
+
+ {
+ if (beritaState.berita.findUnique.data) {
+ router.push(`/admin/desa/berita/${beritaState.berita.findUnique.data.id}/edit`);
+ }
+ }}
+ disabled={!beritaState.berita.findUnique.data}
+ color={"green"}
+ >
+
+
+
+
+ ) : null}
+
+
+
+ {/* Modal Konfirmasi Hapus */}
+ setModalHapus(false)}
+ onConfirm={handleHapus}
+ text='Apakah anda yakin ingin menghapus berita ini?'
+ />
+
+ );
+}
+
+export default DetailBerita;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/berita/_com/BeritaEditor.tsx b/src/app/admin/(dashboard)/desa/berita/_com/BeritaEditor.tsx
index 0cceafa4..3361c2bc 100644
--- a/src/app/admin/(dashboard)/desa/berita/_com/BeritaEditor.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/_com/BeritaEditor.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
'use client'
import { RichTextEditor, Link } from '@mantine/tiptap';
import { useEditor } from '@tiptap/react';
@@ -8,28 +9,77 @@ import TextAlign from '@tiptap/extension-text-align';
import Superscript from '@tiptap/extension-superscript';
import SubScript from '@tiptap/extension-subscript';
import { Button, Stack } from '@mantine/core';
+import { useEffect, useState } from 'react';
-const content =
- 'Welcome to Mantine rich text editor RichTextEditor component focuses on usability and is designed to be as simple as possible to bring a familiar editing experience to regular users. RichTextEditor is based on Tiptap.dev and supports all of its features:
General text formatting: bold , italic , underline , strike-through Headings (h1-h6) Sub and super scripts (<sup /> and <sub /> tags) Ordered and bullet lists Text align And all other extensions Welcome to Mantine rich text editor RichTextEditor component focuses on usability and is designed to be as simple as possible to bring a familiar editing experience to regular users. RichTextEditor is based on Tiptap.dev and supports all of its features:
General text formatting: bold , italic , underline , strike-through Headings (h1-h6) Sub and super scripts (<sup /> and <sub /> tags) Ordered and bullet lists Text align And all other extensions
',
+ onUpdate: ({ editor }) => {
+ if (onUpdate) {
+ onUpdate(editor.getHTML());
+ }
+ },
+ editorProps: {
+ attributes: {
+ class: 'prose max-w-none',
+ },
+ },
+ onSelectionUpdate: () => {
+ if (!isReady && editor) {
+ setIsReady(true);
+ onEditorReady?.(editor);
+ }
+ },
+ immediatelyRender: false
+ });
+
+ useEffect(() => {
+ if (editor) {
+ // Set initial content when component mounts
+ editor.commands.setContent(initialContent || '
');
+
+ // Mark as mounted and notify parent
+ if (!mounted) {
+ setMounted(true);
+ onEditorReady?.(editor);
+ }
+ }
+
+ return () => {
+ if (editor) {
+ editor.destroy();
+ }
+ };
+ }, [editor, initialContent, mounted, onEditorReady]);
+
+ if (!editor) return Loading editor...
;
return (
@@ -82,10 +132,12 @@ export function BeritaEditor({ onSubmit }: { onSubmit: (val: string) => void })
{
- if (!editor) return
- onSubmit(editor?.getHTML())
- }}>Submit
+ {showSubmit && (
+ {
+ if (!editor) return
+ onSubmit?.(editor?.getHTML())
+ }}>Submit
+ )}
);
}
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/berita/create/page.tsx b/src/app/admin/(dashboard)/desa/berita/create/page.tsx
new file mode 100644
index 00000000..f27cc51f
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/berita/create/page.tsx
@@ -0,0 +1,168 @@
+'use client'
+import colors from '@/con/colors';
+import ApiFetch from '@/lib/api-fetch';
+import { Box, Button, Center, FileInput, Image, Paper, Select, Skeleton, Stack, Text, TextInput, Title } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { Prisma } from '@prisma/client';
+import { IconArrowBack, IconImageInPicture } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
+import CreateEditor from '../../../_com/createEditor';
+import stateDashboardBerita from '../../../_state/desa/berita';
+
+export default function CreateBerita() {
+ const beritaState = useProxy(stateDashboardBerita);
+ const [previewImage, setPreviewImage] = useState(null);
+ const [file, setFile] = useState(null);
+ const router = useRouter()
+
+ const resetForm = () => {
+ // Reset state di valtio
+ beritaState.berita.create.form = {
+ judul: "",
+ deskripsi: "",
+ kategoriBeritaId: "",
+ imageId: "",
+ content: "",
+ };
+
+ // Reset state lokal
+ setPreviewImage(null);
+ setFile(null);
+ };
+
+ const handleSubmit = async () => {
+ if (!file) {
+ return toast.warn("Pilih file gambar terlebih dahulu");
+ }
+
+ // Upload gambar dulu
+ const res = await ApiFetch.api.fileStorage.create.post({
+ file,
+ name: file.name,
+ });
+
+ const uploaded = res.data?.data;
+ if (!uploaded?.id) {
+ return toast.error("Gagal upload gambar");
+ }
+
+ // Simpan ID gambar ke form
+ beritaState.berita.create.form.imageId = uploaded.id;
+
+ // Submit data berita
+ await beritaState.berita.create.create();
+
+ // Reset form setelah submit
+ resetForm();
+ router.push("/admin/desa/berita")
+ };
+
+ return (
+
+
+ router.back()}>
+
+
+
+
+ Create Berita
+ {
+ beritaState.berita.create.form.judul = val.target.value;
+ }}
+ label={Judul }
+ placeholder="masukkan judul"
+ />
+ {
+ beritaState.berita.create.form.kategoriBeritaId = val.id;
+ }}
+ />
+ {
+ beritaState.berita.create.form.deskripsi = val.target.value;
+ }}
+ label={Deskripsi }
+ placeholder="masukkan deskripsi"
+ />
+
+ Upload Gambar}
+ value={file}
+ onChange={async (e) => {
+ if (!e) return;
+ setFile(e);
+ const base64 = await e.arrayBuffer().then((buf) =>
+ "data:image/png;base64," + Buffer.from(buf).toString("base64")
+ );
+ setPreviewImage(base64);
+ }}
+ />
+ {previewImage ? (
+
+
+ )}
+
+ Konten
+ {
+ beritaState.berita.create.form.content = htmlContent;
+ }}
+ />
+
+ Simpan Berita
+
+
+
+ );
+
+ function SelectCategory({
+ onChange,
+ }: {
+ onChange: (value: Prisma.KategoriBeritaGetPayload<{
+ select: {
+ name: true;
+ id: true;
+ };
+ }>) => void;
+ }) {
+ const categoryState = useProxy(stateDashboardBerita.category);
+
+ useShallowEffect(() => {
+ categoryState.findMany.load();
+ }, []);
+
+ if (!categoryState.findMany.data) {
+ return Kategori}
+ placeholder="Pilih kategori"
+ data={categoryState.findMany.data.map((item) => ({
+ label: item.name,
+ value: item.id,
+ }))}
+ onChange={(val) => {
+ const selected = categoryState.findMany.data?.find((item) => item.id === val);
+ if (selected) {
+ onChange(selected);
+ }
+ }}
+ searchable
+ nothingFoundMessage="Tidak ditemukan"
+ />
+ );
+ }
+}
diff --git a/src/app/admin/(dashboard)/desa/berita/page.tsx b/src/app/admin/(dashboard)/desa/berita/page.tsx
index fd79b4d3..01a96511 100644
--- a/src/app/admin/(dashboard)/desa/berita/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/page.tsx
@@ -1,88 +1,189 @@
'use client'
-import { Center, Group, Select, SimpleGrid, Skeleton, Stack, Text, TextInput } from '@mantine/core';
+import colors from '@/con/colors';
+import { Box, Button, Grid, GridCol, Image, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, TextInput, Title } from '@mantine/core';
import { useShallowEffect } from '@mantine/hooks';
-import { Prisma } from '@prisma/client';
-import { IconImageInPicture } from '@tabler/icons-react';
+import { IconCircleDashedPlus, IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useState } from 'react';
import { useProxy } from 'valtio/utils';
+import { ModalKonfirmasiHapus } from '../../_com/modalKonfirmasiHapus';
import stateDashboardBerita from '../../_state/desa/berita';
-import { BeritaEditor } from './_com/BeritaEditor';
+
function Page() {
return (
-
-
-
-
+
+
+
+ Berita
+
+
+
+
+
+
+
);
}
+
+
+
+
+
+// function BeritaList() {
+// const beritaState = useProxy(stateDashboardBerita)
+// useShallowEffect(() => {
+// beritaState.berita.findMany.load()
+// }, [])
+
+
+
+// const router = useRouter()
+
+// if (!beritaState.berita.findMany.data) return
+// {Array.from({ length: 10 }).map((v, k) =>
+// return (
+//
+//
+//
+// List Berita
+//
+// {beritaState.berita.findMany.data?.map((item) => (
+//
+//
+//
+// beritaState.berita.delete.byId(item.id)}
+// disabled={beritaState.berita.delete.loading}
+// color={colors['blue-button']} variant='transparent'>
+//
+// {
+// router.push("/desa/berita/edit");
+// }} color={colors['blue-button']} variant='transparent'>
+//
+//
+//
+// Kategori
+//
+// {item.kategoriBerita?.name}
+//
+// Judul
+//
+// {item.judul}
+//
+// Deskripsi
+//
+// {item.deskripsi}
+//
+// Gambar
+//
+//
+//
+// ))}
+//
+//
+//
+//
+// )
+// }
+
function BeritaList() {
const beritaState = useProxy(stateDashboardBerita)
+ const [modalHapus, setModalHapus] = useState(false)
+ const [selectedId, setSelectedId] = useState(null)
+
useShallowEffect(() => {
beritaState.berita.findMany.load()
}, [])
- if (!beritaState.berita.findMany.data) return
- {Array.from({ length: 10 }).map((v, k) =>
- return
- News List
- {beritaState.berita.findMany.data?.map((item) => (
- {item.judul}
- ))}
-
-}
+ const router = useRouter()
-function BeritaCreate() {
- const beritaState = useProxy(stateDashboardBerita)
- return
- Create Some News
- {
- beritaState.berita.create.form.katagoryBeritaId = val.id
- }} />
- {
- beritaState.berita.create.form.judul = val.target.value
- }} label={"Judul"} placeholder='masukkan judul' />
- {
- beritaState.berita.create.form.deskripsi = val.target.value
- }} label={"Deskripsi"} placeholder='masukkan deskripsi' />
-
-
- {
-
- beritaState.berita.create.form.content = val
- beritaState.berita.create.create()
- }} />
-
-}
-
-function SelectCategory({ onChange }: {
- onChange: (value: Prisma.KatagoryBeritaGetPayload<{
- select: {
- name: true,
- id: true
+ const handleHapus = () => {
+ if (selectedId) {
+ beritaState.berita.delete.byId(selectedId)
+ setModalHapus(false)
+ setSelectedId(null)
}
- }>) => void
-}) {
- const beritaState = useProxy(stateDashboardBerita)
- useShallowEffect(() => {
- beritaState.category.findMany.load()
- }, [])
+ }
- if (!beritaState.category.findMany.data) return
- ({
- value: item.id,
- label: item.name
- }))} onChange={(v) => {
- const data = beritaState.category.findMany.data?.find((item) => item.id === v)
- if (!data) return
- onChange(data)
- }} />
-
+ if (!beritaState.berita.findMany.data) {
+ return (
+
+
+ )
+ }
+
+ return (
+
+
+
+
+
+ List Berita
+
+
+ router.push("/admin/desa/berita/create")} bg={colors['blue-button']}>
+
+
+
+
+
+
+
+ Judul
+ Kategori
+ Image
+ Detail
+
+
+
+
+ {beritaState.berita.findMany.data?.map((item) => (
+
+
+
+ {item.judul}
+
+
+ {item.kategoriBerita?.name}
+
+
+
+ router.push(`/admin/desa/berita/${item.id}`)}>
+
+
+
+
+ ))}
+
+
+
+
+
+ {/* Modal Konfirmasi Hapus */}
+ setModalHapus(false)}
+ onConfirm={handleHapus}
+ text='Apakah anda yakin ingin menghapus berita ini?'
+ />
+
+ )
}
export default Page;
diff --git a/src/app/admin/(dashboard)/desa/gallery/page.tsx b/src/app/admin/(dashboard)/desa/gallery/page.tsx
index 2fd3c7d3..bb753607 100644
--- a/src/app/admin/(dashboard)/desa/gallery/page.tsx
+++ b/src/app/admin/(dashboard)/desa/gallery/page.tsx
@@ -1,11 +1,35 @@
-import React from 'react';
+import colors from '@/con/colors';
+import { Box, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import { IconPhoto, IconVideo } from '@tabler/icons-react';
+import Foto from './ui/foto/page';
+import Video from './ui/video/page';
-function Page() {
+function Gallery() {
return (
-
- Gallery
-
+
+
+ Gallery
+
+
+
+
+
+
+
+
+
+
+
+
);
}
-export default Page;
+export default Gallery;
diff --git a/src/app/admin/(dashboard)/desa/gallery/ui/foto/listPage.tsx b/src/app/admin/(dashboard)/desa/gallery/ui/foto/listPage.tsx
new file mode 100644
index 00000000..4cecb3a0
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/gallery/ui/foto/listPage.tsx
@@ -0,0 +1,17 @@
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Title } from '@mantine/core';
+import React from 'react';
+
+function ListFoto() {
+ return (
+
+
+
+ List Foto
+
+
+
+ );
+}
+
+export default ListFoto;
diff --git a/src/app/admin/(dashboard)/desa/gallery/ui/foto/page.tsx b/src/app/admin/(dashboard)/desa/gallery/ui/foto/page.tsx
new file mode 100644
index 00000000..a696750c
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/gallery/ui/foto/page.tsx
@@ -0,0 +1,52 @@
+import colors from '@/con/colors';
+import { Box, Button, Center, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
+import { IconUpload } from '@tabler/icons-react';
+import { DesaEditor } from '../../../_com/desaEditor';
+import ListFoto from './listPage';
+
+function Foto() {
+ return (
+
+
+
+
+
+ Foto
+ Tanggal Foto}
+ placeholder="2022-01-01"
+ />
+ Judul Foto}
+ placeholder="Judul Foto"
+ />
+ Upload Foto
+
+
+
+
+
+ Deskripsi Foto
+
+
+
+ Submit
+
+
+
+
+
+
+
+ );
+}
+
+export default Foto;
diff --git a/src/app/admin/(dashboard)/desa/gallery/ui/video/listPage.tsx b/src/app/admin/(dashboard)/desa/gallery/ui/video/listPage.tsx
new file mode 100644
index 00000000..83880a4d
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/gallery/ui/video/listPage.tsx
@@ -0,0 +1,17 @@
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Title } from '@mantine/core';
+import React from 'react';
+
+function ListVideo() {
+ return (
+
+
+
+ List Video
+
+
+
+ );
+}
+
+export default ListVideo;
diff --git a/src/app/admin/(dashboard)/desa/gallery/ui/video/page.tsx b/src/app/admin/(dashboard)/desa/gallery/ui/video/page.tsx
new file mode 100644
index 00000000..f25c6873
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/gallery/ui/video/page.tsx
@@ -0,0 +1,52 @@
+import colors from '@/con/colors';
+import { Box, Button, Center, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
+import { IconUpload } from '@tabler/icons-react';
+import { DesaEditor } from '../../../_com/desaEditor';
+import ListVideo from './listPage';
+
+function Video() {
+ return (
+
+
+
+
+
+ Video
+ Tanggal Video}
+ placeholder="2022-01-01"
+ />
+ Judul Video}
+ placeholder="Judul Video"
+ />
+ Upload Video
+
+
+
+
+
+ Deskripsi Video
+
+
+
+ Submit
+
+
+
+
+
+
+
+ );
+}
+
+export default Video;
diff --git a/src/app/admin/(dashboard)/desa/layanan/page.tsx b/src/app/admin/(dashboard)/desa/layanan/page.tsx
index bc8d36f9..83f6a69b 100644
--- a/src/app/admin/(dashboard)/desa/layanan/page.tsx
+++ b/src/app/admin/(dashboard)/desa/layanan/page.tsx
@@ -1,11 +1,48 @@
-import React from 'react';
+import colors from '@/con/colors';
+import { Box, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import SuratKeterangan from './ui/surat_keterangan/page';
+import PerizinanUsaha from './ui/perizinan_usaha/page';
+import TelunjukSaktiDesa from './ui/telunjuk_sakti_desa/page';
+import PendudukNonPermanent from './ui/penduduk_non_permanent/page';
function Page() {
return (
-
- Layanan
-
+
+
+ Layanan
+
+
+
+ Pelayanan Surat Keterangan
+
+
+ Pelayanan Perizinan Berusaha
+
+
+ Pelayanan Telunjuk Sakti Desa
+
+
+ Pelayanan Penduduk Non-Permanent
+
+
+
+
+
+
+
+
+
+
+
+
+
+
);
}
export default Page;
+
diff --git a/src/app/admin/(dashboard)/desa/layanan/ui/penduduk_non_permanent/listPage.tsx b/src/app/admin/(dashboard)/desa/layanan/ui/penduduk_non_permanent/listPage.tsx
new file mode 100644
index 00000000..93d7c0dc
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/layanan/ui/penduduk_non_permanent/listPage.tsx
@@ -0,0 +1,17 @@
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Title } from '@mantine/core';
+import React from 'react';
+
+function ListPendudukNonPermanent() {
+ return (
+
+
+
+ List Penduduk Non-Permanent
+
+
+
+ );
+}
+
+export default ListPendudukNonPermanent;
diff --git a/src/app/admin/(dashboard)/desa/layanan/ui/penduduk_non_permanent/page.tsx b/src/app/admin/(dashboard)/desa/layanan/ui/penduduk_non_permanent/page.tsx
new file mode 100644
index 00000000..a3585e50
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/layanan/ui/penduduk_non_permanent/page.tsx
@@ -0,0 +1,35 @@
+import colors from '@/con/colors';
+import { Box, SimpleGrid, Paper, Stack, Title, Group, Button, Text } from '@mantine/core';
+import React from 'react';
+import { DesaEditor } from '../../../_com/desaEditor';
+import ListPendudukNonPermanent from './listPage';
+
+function PendudukNonPermanent() {
+ return (
+
+
+
+
+
+ Penduduk Non-Permanent
+ Deskripsi Penduduk Non-Permanent
+
+
+ Submit
+
+
+
+
+
+
+
+ );
+}
+
+export default PendudukNonPermanent;
+
diff --git a/src/app/admin/(dashboard)/desa/layanan/ui/perizinan_usaha/listPage.tsx b/src/app/admin/(dashboard)/desa/layanan/ui/perizinan_usaha/listPage.tsx
new file mode 100644
index 00000000..440f1a43
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/layanan/ui/perizinan_usaha/listPage.tsx
@@ -0,0 +1,17 @@
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Title } from '@mantine/core';
+import React from 'react';
+
+function ListPerizinanUsaha() {
+ return (
+
+
+
+ List Perizinan Usaha
+
+
+
+ );
+}
+
+export default ListPerizinanUsaha;
diff --git a/src/app/admin/(dashboard)/desa/layanan/ui/perizinan_usaha/page.tsx b/src/app/admin/(dashboard)/desa/layanan/ui/perizinan_usaha/page.tsx
new file mode 100644
index 00000000..aa85a19f
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/layanan/ui/perizinan_usaha/page.tsx
@@ -0,0 +1,40 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, Title } from '@mantine/core';
+import React from 'react';
+import ListPerizinanUsaha from './listPage';
+import { DesaEditor } from '../../../_com/desaEditor';
+
+function PerizinanUsaha() {
+ return (
+
+
+
+
+
+
+ Pelayanan Perizinan Usaha
+
+ Deskripsi Perizinan Usaha
+
+
+
+ Submit
+
+
+
+
+
+
+
+
+ );
+}
+
+export default PerizinanUsaha;
diff --git a/src/app/admin/(dashboard)/desa/layanan/ui/surat_keterangan/listPage.tsx b/src/app/admin/(dashboard)/desa/layanan/ui/surat_keterangan/listPage.tsx
new file mode 100644
index 00000000..bd4dd422
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/layanan/ui/surat_keterangan/listPage.tsx
@@ -0,0 +1,17 @@
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Title } from '@mantine/core';
+import React from 'react';
+
+function ListSuratKeterangan() {
+ return (
+
+
+
+ List Surat Keterangan
+
+
+
+ );
+}
+
+export default ListSuratKeterangan;
diff --git a/src/app/admin/(dashboard)/desa/layanan/ui/surat_keterangan/page.tsx b/src/app/admin/(dashboard)/desa/layanan/ui/surat_keterangan/page.tsx
new file mode 100644
index 00000000..5ac1070e
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/layanan/ui/surat_keterangan/page.tsx
@@ -0,0 +1,48 @@
+import colors from '@/con/colors';
+import { Box, SimpleGrid, Paper, Stack, Title, Button, Group, TextInput, Text, Center, Flex } from '@mantine/core';
+import { IconUpload } from '@tabler/icons-react';
+import React from 'react';
+import ListSuratKeterangan from './listPage';
+
+function SuratKeterangan() {
+ return (
+
+
+
+
+
+
+ Pelayanan Surat Keterangan
+ Nama Surat Keterangan}
+ placeholder='masukkan nama surat keterangan'
+ />
+ Upload Gambar Surat Keterangan
+
+
+
+
+
+ *
+ Upload foto untuk konten surat keterangan
+
+
+
+ Submit
+
+
+
+
+
+
+
+
+ );
+}
+
+export default SuratKeterangan;
diff --git a/src/app/admin/(dashboard)/desa/layanan/ui/telunjuk_sakti_desa/listPage.tsx b/src/app/admin/(dashboard)/desa/layanan/ui/telunjuk_sakti_desa/listPage.tsx
new file mode 100644
index 00000000..42f8d68a
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/layanan/ui/telunjuk_sakti_desa/listPage.tsx
@@ -0,0 +1,17 @@
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Title } from '@mantine/core';
+import React from 'react';
+
+function ListTelunjukSaktiDesa() {
+ return (
+
+
+
+ List Telunjuk Sakti Desa
+
+
+
+ );
+}
+
+export default ListTelunjukSaktiDesa;
diff --git a/src/app/admin/(dashboard)/desa/layanan/ui/telunjuk_sakti_desa/page.tsx b/src/app/admin/(dashboard)/desa/layanan/ui/telunjuk_sakti_desa/page.tsx
new file mode 100644
index 00000000..60a28a7c
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/layanan/ui/telunjuk_sakti_desa/page.tsx
@@ -0,0 +1,36 @@
+import colors from '@/con/colors';
+import { Box, SimpleGrid, Paper, Stack, Title, Group, Button, Text } from '@mantine/core';
+import React from 'react';
+import { DesaEditor } from '../../../_com/desaEditor';
+import ListTelunjukSaktiDesa from './listPage';
+
+function TelunjukSaktiDesa() {
+ return (
+
+
+
+
+
+ Telunjuk Sakti Desa
+
+ Deskripsi Telunjuk Sakti Desa
+
+
+
+ Submit
+
+
+
+
+
+
+
+ );
+}
+
+export default TelunjukSaktiDesa;
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/page.tsx
index 8e3cf122..40e01edb 100644
--- a/src/app/admin/(dashboard)/desa/penghargaan/page.tsx
+++ b/src/app/admin/(dashboard)/desa/penghargaan/page.tsx
@@ -1,10 +1,33 @@
+import colors from '@/con/colors';
+import { Box, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
import React from 'react';
+import Penghargaan from './ui/penghargaan/page';
+import GambarPerhargaan from './ui/gambar_perhargaan/page';
function Page() {
return (
-
- Penghargaan
-
+
+
+ Penghargaan
+
+
+
+ Penghargaan
+
+
+ Gambar Penghargaan
+
+
+
+
+
+
+
+
+
+
);
}
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/ui/gambar_perhargaan/listPage.tsx b/src/app/admin/(dashboard)/desa/penghargaan/ui/gambar_perhargaan/listPage.tsx
new file mode 100644
index 00000000..cfdaf4c7
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/penghargaan/ui/gambar_perhargaan/listPage.tsx
@@ -0,0 +1,17 @@
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Title } from '@mantine/core';
+import React from 'react';
+
+function ListGambarPenghargaan() {
+ return (
+
+
+
+ List Gambar Penghargaan
+
+
+
+ );
+}
+
+export default ListGambarPenghargaan;
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/ui/gambar_perhargaan/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/ui/gambar_perhargaan/page.tsx
new file mode 100644
index 00000000..93bfcbe7
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/penghargaan/ui/gambar_perhargaan/page.tsx
@@ -0,0 +1,50 @@
+import colors from '@/con/colors';
+import { Box, Paper, SimpleGrid, Stack, Title, Text, Group, Button, TextInput, Center } from '@mantine/core';
+import React from 'react';
+import { DesaEditor } from '../../../_com/desaEditor';
+import ListGambarPenghargaan from './listPage';
+import { IconUpload } from '@tabler/icons-react';
+
+
+function GambarPerhargaan() {
+ return (
+
+
+
+
+
+
+ Tambah Gambar Penghargaan
+ Deskripsi Gambar Penghargaan
+
+ Upload Gambar Penghargaan
+
+
+
+
+
+
+
+ Submit
+
+
+
+
+
+
+
+
+ );
+}
+
+export default GambarPerhargaan;
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/ui/penghargaan/listPage.tsx b/src/app/admin/(dashboard)/desa/penghargaan/ui/penghargaan/listPage.tsx
new file mode 100644
index 00000000..d217eb80
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/penghargaan/ui/penghargaan/listPage.tsx
@@ -0,0 +1,17 @@
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Title } from '@mantine/core';
+import React from 'react';
+
+function ListPenghargaan() {
+ return (
+
+
+
+ List Penghargaan
+
+
+
+ );
+}
+
+export default ListPenghargaan;
diff --git a/src/app/admin/(dashboard)/desa/penghargaan/ui/penghargaan/page.tsx b/src/app/admin/(dashboard)/desa/penghargaan/ui/penghargaan/page.tsx
new file mode 100644
index 00000000..ba63a677
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/penghargaan/ui/penghargaan/page.tsx
@@ -0,0 +1,40 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, Title } from '@mantine/core';
+import React from 'react';
+import { DesaEditor } from '../../../_com/desaEditor';
+import ListPenghargaan from './listPage';
+
+function Penghargaan() {
+ return (
+
+
+
+
+
+
+ Penghargaan
+
+ Deskripsi Penghargaan
+
+
+
+ Submit
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Penghargaan;
diff --git a/src/app/admin/(dashboard)/desa/pengumuman/page.tsx b/src/app/admin/(dashboard)/desa/pengumuman/page.tsx
index 660fe2d9..22ebd3d9 100644
--- a/src/app/admin/(dashboard)/desa/pengumuman/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/page.tsx
@@ -1,62 +1,75 @@
'use client'
-import { Group, Select, SimpleGrid, Skeleton, Stack, Text, TextInput } from '@mantine/core';
+import { Box, Group, Paper, Select, SimpleGrid, Skeleton, Stack, Text, TextInput, Title } from '@mantine/core';
import React from 'react';
import { useProxy } from 'valtio/utils';
import stateDesaPengumuman from '../../_state/desa/pengumuman';
import { useShallowEffect } from '@mantine/hooks';
import { Prisma } from '@prisma/client';
import { BeritaEditor } from '../berita/_com/BeritaEditor';
+import colors from '@/con/colors';
function Page() {
return (
-
+
+ Pengumuman
-
-
+
);
}
+function PengumumanCreate() {
+ const pengumumanState = useProxy(stateDesaPengumuman)
+
+
+ return (
+
+
+
+ {
+ pengumumanState.pengumuman.create.form.categoryPengumumanId = val.id
+ }} />
+ {
+ pengumumanState.pengumuman.create.form.judul = val.target.value
+ }} label={Judul } placeholder='masukkan judul' />
+ {
+ pengumumanState.pengumuman.create.form.deskripsi = val.target.value
+ }} label={Deskripsi } placeholder='masukkan deskripsi' />
+ {
+ pengumumanState.pengumuman.create.form.content = val
+ pengumumanState.pengumuman.create.create()
+ }} />
+
+
+
+ )
+}
+
function PengumumanList() {
const pengumumanState = useProxy(stateDesaPengumuman)
useShallowEffect(() => {
pengumumanState.pengumuman.findMany.load()
}, [])
- if (!pengumumanState.pengumuman.findMany.data) return
+ if (!pengumumanState.pengumuman.findMany.data) return
{Array.from({ length: 10 }).map((v, k) =>
- return
- Announcement List
- {pengumumanState.pengumuman.findMany.data?.map((item) => (
- {item.judul}
- ))}
- ;
-}
-
-function PengumumanCreate() {
- const pengumumanState = useProxy(stateDesaPengumuman)
-
-
- return
- Create Some Announcement
- {
- pengumumanState.pengumuman.create.form.categoryPengumumanId = val.id
- }} />
- {
- pengumumanState.pengumuman.create.form.judul = val.target.value
- }} label={"Judul"} placeholder='masukkan judul' />
- {
- pengumumanState.pengumuman.create.form.deskripsi = val.target.value
- }} label={"Deskripsi"} placeholder='masukkan deskripsi' />
- {
- pengumumanState.pengumuman.create.form.content = val
- pengumumanState.pengumuman.create.create()
- }} />
-
+ return (
+
+
+
+ List Pengumuman
+ {pengumumanState.pengumuman.findMany.data?.map((item) => (
+ {item.judul}
+ ))}
+
+
+
+ )
}
function SelectCategory({ onChange }: {
@@ -75,7 +88,7 @@ function SelectCategory({ onChange }: {
if (!pengumumanState.category.findMany.data) return
{/* {JSON.stringify(pengumumanState.category.findMany.data)} */}
- ({
+ Pilih Kategori} data={pengumumanState.category.findMany.data.map((item) => ({
value: item.id,
label: item.name
}))} onChange={(v) => {
diff --git a/src/app/admin/(dashboard)/desa/potensi/create/page.tsx b/src/app/admin/(dashboard)/desa/potensi/create/page.tsx
new file mode 100644
index 00000000..4dc249d4
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/potensi/create/page.tsx
@@ -0,0 +1,128 @@
+'use client';
+
+import colors from '@/con/colors';
+import ApiFetch from '@/lib/api-fetch';
+import { Box, Button, Center, FileInput, Image, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { IconArrowBack, IconImageInPicture } from '@tabler/icons-react';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
+import potensiDesaState from '../../../_state/desa/potensi';
+import { useRouter } from 'next/navigation';
+import CreateEditor from '../../../_com/createEditor';
+
+
+function CreatePotensi() {
+ const potensiState = useProxy(potensiDesaState);
+ const [previewImage, setPreviewImage] = useState(null);
+ const [file, setFile] = useState(null);
+ const router = useRouter();
+
+ const handleSubmit = async () => {
+ if (!file) return toast.warn('Pilih file gambar terlebih dahulu');
+
+ const res = await ApiFetch.api.fileStorage.create.post({
+ file,
+ name: file.name,
+ });
+
+ const uploaded = res.data?.data;
+ if (!uploaded?.id) {
+ return toast.error('Gagal upload gambar');
+ }
+
+ potensiState.create.form.imageId = uploaded.id;
+
+ await potensiState.create.create();
+
+ resetForm();
+ router.push('/admin/desa/potensi');
+ };
+
+ const resetForm = () => {
+ potensiState.create.form = {
+ name: '',
+ deskripsi: '',
+ kategori: '',
+ imageId: '',
+ content: '',
+ };
+
+ setPreviewImage(null);
+ setFile(null);
+ };
+
+ return (
+
+
+ router.back()}>
+
+
+
+
+
+ Create Potensi
+
+ (potensiState.create.form.name = val.target.value)}
+ label={Judul }
+ placeholder="masukkan judul"
+ />
+
+ (potensiState.create.form.deskripsi = val.target.value)}
+ label={Deskripsi }
+ placeholder="masukkan deskripsi"
+ />
+
+ (potensiState.create.form.kategori = val.target.value)}
+ label={Kategori }
+ placeholder="masukkan kategori"
+ />
+
+ Upload Gambar}
+ value={file}
+ onChange={async (e) => {
+ if (!e) return;
+ setFile(e);
+ const base64 = await e.arrayBuffer().then((buf) =>
+ 'data:image/png;base64,' + Buffer.from(buf).toString('base64')
+ );
+ setPreviewImage(base64);
+ }}
+ />
+
+ {previewImage ? (
+
+
+ )}
+
+
+ Konten
+ {
+ potensiState.create.form.content = htmlContent;
+ }}
+ />
+
+
+
+ Simpan Potensi
+
+
+
+
+ );
+}
+
+export default CreatePotensi;
diff --git a/src/app/admin/(dashboard)/desa/potensi/detail/[id]/page.tsx b/src/app/admin/(dashboard)/desa/potensi/detail/[id]/page.tsx
new file mode 100644
index 00000000..814a31d4
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/potensi/detail/[id]/page.tsx
@@ -0,0 +1,121 @@
+'use client'
+import colors from '@/con/colors';
+import { Box, Button, Flex, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { IconArrowBack, IconEdit, IconX } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import React from 'react';
+import { useProxy } from 'valtio/utils';
+import potensiDesaState from '../../../../_state/desa/potensi';
+import { useShallowEffect } from '@mantine/hooks';
+import { useParams } from 'next/navigation';
+import { useState } from 'react';
+import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
+
+export default function DetailPotensi() {
+ const router = useRouter()
+ const params = useParams()
+ const [modalHapus, setModalHapus] = useState(false)
+ const [selectedId, setSelectedId] = useState(null)
+ const potensiState = useProxy(potensiDesaState)
+
+ useShallowEffect(() => {
+ potensiState.findUnique.load(params?.id as string)
+ }, [])
+
+ const handleHapus = () => {
+ if (selectedId) {
+ potensiState.delete.byId(selectedId)
+ setModalHapus(false)
+ setSelectedId(null)
+ router.push("/admin/desa/potensi")
+ }
+ }
+
+ if (!potensiState.findUnique.data) {
+ return (
+
+ {Array.from({ length: 10 }).map((_, k) => (
+
+ )
+ }
+
+ return (
+
+
+ router.back()}>
+
+
+
+
+ Detail Potensi
+ {potensiState.findUnique.data ? (
+
+
+
+ Judul
+ {potensiState.findUnique.data.name}
+
+
+ Kategori
+ {potensiState.findUnique.data.kategori}
+
+
+ Deskripsi
+ {potensiState.findUnique.data.deskripsi}
+
+
+ Gambar
+
+
+ Konten
+
+
+
+ {
+ if (potensiState.findUnique.data) {
+ setSelectedId(potensiState.findUnique.data.id)
+ setModalHapus(true)
+ }
+ }}
+ disabled={potensiState.delete.loading || !potensiState.findUnique.data}
+ color="red"
+ >
+
+ {
+ if (potensiState.findUnique.data) {
+ router.push(`/admin/desa/potensi/edit/${potensiState.findUnique.data.id}`)
+ }
+ }}
+ disabled={!potensiState.findUnique.data}
+ color="green"
+ >
+
+
+
+
+
+ ) : null}
+
+
+
+ {/* Modal Hapus */}
+ setModalHapus(false)}
+ onConfirm={handleHapus}
+ text="Apakah anda yakin ingin menghapus potensi ini?"
+ />
+
+ );
+}
+
+
diff --git a/src/app/admin/(dashboard)/desa/potensi/edit/[id]/page.tsx b/src/app/admin/(dashboard)/desa/potensi/edit/[id]/page.tsx
new file mode 100644
index 00000000..4dff08b3
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/potensi/edit/[id]/page.tsx
@@ -0,0 +1,169 @@
+'use client'
+
+import EditEditor from "@/app/admin/(dashboard)/_com/editEditor";
+import potensiDesaState from "@/app/admin/(dashboard)/_state/desa/potensi";
+import colors from "@/con/colors";
+import ApiFetch from "@/lib/api-fetch";
+import { Box, Button, Paper, Stack, Title, TextInput, FileInput, Center, Text, Image } from "@mantine/core";
+import { IconArrowBack, IconImageInPicture } from "@tabler/icons-react";
+import { useParams } from "next/navigation";
+import { useRouter } from "next/navigation";
+import { useState, useEffect } from "react";
+import { toast } from "react-toastify";
+import { useProxy } from "valtio/utils";
+
+
+
+function EditPotensi() {
+ const potensiState = useProxy(potensiDesaState)
+ const router = useRouter()
+ const params = useParams()
+
+ const [previewImage, setPreviewImage] = useState(null);
+ const [file, setFile] = useState(null);
+ const [formData, setFormData] = useState({
+ name: '',
+ deskripsi: '',
+ kategori: '',
+ content: '',
+ imageId: ''
+ });
+
+ useEffect(() => {
+ const loadPotensi = async () => {
+ const id = params?.id as string;
+ if (!id) return;
+
+ try {
+ const data = await potensiDesaState.edit.load(id); // ambil data dari API
+ if (data) {
+ setFormData({
+ name: data.name || '',
+ deskripsi: data.deskripsi || '',
+ kategori: data.kategori || '',
+ content: data.content || '',
+ imageId: data.imageId || '',
+ });
+
+ if (data?.image?.link) {
+ setPreviewImage(data.image.link);
+ }
+ }
+ } catch (error) {
+ console.error("Error loading potensi:", error);
+ toast.error("Gagal memuat data potensi");
+ }
+ };
+
+ loadPotensi();
+ }, [params?.id]);
+
+ const handleSubmit = async () => {
+ try {
+ // Sinkronkan semua data dari formData ke state global
+ potensiState.edit.form = {
+ ...potensiState.edit.form,
+ name: formData.name,
+ deskripsi: formData.deskripsi,
+ kategori: formData.kategori,
+ content: formData.content,
+ };
+
+ if (file) {
+ const res = await ApiFetch.api.fileStorage.create.post({ file, name: file.name });
+ const uploaded = res.data?.data;
+
+ if (!uploaded?.id) {
+ return toast.error("Gagal upload gambar");
+ }
+
+ potensiState.edit.form.imageId = uploaded.id;
+ }
+
+ await potensiState.edit.update();
+ toast.success("Potensi berhasil diperbarui!");
+ router.push("/admin/desa/potensi");
+ } catch (error) {
+ console.error("Error updating potensi:", error);
+ toast.error("Terjadi kesalahan saat memperbarui potensi");
+ }
+ };
+
+ return (
+
+
+ router.back()}>
+
+
+
+
+ Edit Potensi
+ {
+ const val = e.target.value;
+ setFormData((prev) => ({ ...prev, name: val }));
+ potensiState.edit.form.name = val;
+ }}
+ label={Judul }
+ placeholder="masukkan judul"
+ />
+ {
+ const val = e.target.value;
+ setFormData((prev) => ({ ...prev, deskripsi: val }));
+ potensiState.edit.form.deskripsi = val;
+ }}
+ label={Deskripsi }
+ placeholder="masukkan deskripsi"
+ />
+ {
+ const val = e.target.value;
+ setFormData((prev) => ({ ...prev, kategori: val }));
+ potensiState.edit.form.kategori = val;
+ }}
+ label={Kategori }
+ placeholder="masukkan kategori"
+ />
+
+ Upload Gambar}
+ value={file}
+ onChange={async (e) => {
+ if (!e) return;
+ setFile(e);
+ const base64 = await e.arrayBuffer().then((buf) =>
+ "data:image/png;base64," + Buffer.from(buf).toString("base64")
+ );
+ setPreviewImage(base64);
+ }}
+ />
+ {previewImage ? (
+
+
+ )}
+
+ Konten
+ {
+ setFormData((prev) => ({ ...prev, content: htmlContent }));
+ potensiState.edit.form.content = htmlContent;
+ }}
+ />
+
+ Edit Potensi
+
+
+
+ );
+}
+
+export default EditPotensi;
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/desa/potensi/page.tsx b/src/app/admin/(dashboard)/desa/potensi/page.tsx
index 8a2285b8..d9be0fac 100644
--- a/src/app/admin/(dashboard)/desa/potensi/page.tsx
+++ b/src/app/admin/(dashboard)/desa/potensi/page.tsx
@@ -1,11 +1,89 @@
-import React from 'react';
-function Page() {
+'use client'
+import colors from '@/con/colors';
+import { Box, Button, Image, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useProxy } from 'valtio/utils';
+import HeaderSearch from '../../_com/header';
+import JudulList from '../../_com/judulList';
+import potensiDesaState from '../../_state/desa/potensi';
+
+
+function Potensi() {
return (
-
- Potensi
-
+
+
);
}
-export default Page;
+function ListPotensi() {
+ const potensiState = useProxy(potensiDesaState)
+ useShallowEffect(() => {
+ potensiState.findMany.load()
+ }, [])
+
+ const router = useRouter()
+
+
+ if (!potensiState.findMany.data) {
+ return (
+
+
+ )
+ }
+
+ return (
+
+
+
+
+
+
+
+ Judul
+ Kategori
+ Image
+ Detail
+
+
+
+ {potensiState.findMany.data?.map((item) => (
+
+
+
+ {item.name}
+
+ {item.kategori}
+
+
+
+ router.push(`/admin/desa/potensi/detail/${item.id}`)}>
+
+
+
+ ))}
+
+
+
+
+
+
+ )
+}
+
+export default Potensi;
diff --git a/src/app/admin/(dashboard)/desa/profile/page.tsx b/src/app/admin/(dashboard)/desa/profile/page.tsx
index 216d6d1d..8f85b2fa 100644
--- a/src/app/admin/(dashboard)/desa/profile/page.tsx
+++ b/src/app/admin/(dashboard)/desa/profile/page.tsx
@@ -1,10 +1,52 @@
+import colors from '@/con/colors';
+import { Stack, Title, Tabs, TabsList, TabsTab, TabsPanel } from '@mantine/core';
import React from 'react';
+import SejarahDesa from './ui/sejarah_desa/page';
+import VisiMisiDesa from './ui/visi_misi_desa/page';
+import LambangDesa from './ui/lambang_desa/page';
+import MaskotDesa from './ui/maskot_desa/page';
+import ProfilePerbekel from './ui/profile_perbekel/page';
function Page() {
return (
-
- Profile
-
+
+ Profile Desa
+
+
+
+ Sejarah Desa
+
+
+ Visi Misi Desa
+
+
+ Lambang Desa
+
+
+ Maskot Desa
+
+
+ Profile Perbekel
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
);
}
diff --git a/src/app/admin/(dashboard)/desa/profile/ui/lambang_desa/page.tsx b/src/app/admin/(dashboard)/desa/profile/ui/lambang_desa/page.tsx
new file mode 100644
index 00000000..ca48c832
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/profile/ui/lambang_desa/page.tsx
@@ -0,0 +1,39 @@
+import colors from '@/con/colors';
+import { Box, SimpleGrid, Paper, Stack, Title, Group, Button, Text } from '@mantine/core';
+import React from 'react';
+import { DesaEditor } from '../../../_com/desaEditor';
+
+function LambangDesa() {
+ return (
+
+
+
+
+
+ Lambang Desa
+ Deskripsi Lambang Desa
+
+
+ Submit
+
+
+
+
+
+
+
+
+ List Lambang Desa
+
+
+
+
+
+ );
+}
+
+export default LambangDesa;
diff --git a/src/app/admin/(dashboard)/desa/profile/ui/maskot_desa/page.tsx b/src/app/admin/(dashboard)/desa/profile/ui/maskot_desa/page.tsx
new file mode 100644
index 00000000..9fc4973b
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/profile/ui/maskot_desa/page.tsx
@@ -0,0 +1,39 @@
+import colors from '@/con/colors';
+import { Box, SimpleGrid, Paper, Stack, Title, Group, Button, Text } from '@mantine/core';
+import React from 'react';
+import { DesaEditor } from '../../../_com/desaEditor';
+
+function MaskotDesa() {
+ return (
+
+
+
+
+
+ Maskot Desa
+ Deskripsi Maskot Desa
+
+
+ Submit
+
+
+
+
+
+
+
+
+ List Maskot Desa
+
+
+
+
+
+ );
+}
+
+export default MaskotDesa;
diff --git a/src/app/admin/(dashboard)/desa/profile/ui/profile_perbekel/page.tsx b/src/app/admin/(dashboard)/desa/profile/ui/profile_perbekel/page.tsx
new file mode 100644
index 00000000..702189dd
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/profile/ui/profile_perbekel/page.tsx
@@ -0,0 +1,49 @@
+import colors from '@/con/colors';
+import { Box, SimpleGrid, Paper, Stack, Title, Group, Button, TextInput, Text } from '@mantine/core';
+import React from 'react';
+import { DesaEditor } from '../../../_com/desaEditor';
+
+function ProfilePerbekel() {
+ return (
+
+
+
+
+
+ Profil Perbekel
+ Biodata
+ Pengalaman
+ Pengalaman Organisasi
+ Program Unggulan
+
+
+ Submit
+
+
+
+
+
+
+
+
+ List Profil Perbekel
+
+
+
+
+
+ );
+}
+
+export default ProfilePerbekel;
diff --git a/src/app/admin/(dashboard)/desa/profile/ui/sejarah_desa/listPage.tsx b/src/app/admin/(dashboard)/desa/profile/ui/sejarah_desa/listPage.tsx
new file mode 100644
index 00000000..35a8dbda
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/profile/ui/sejarah_desa/listPage.tsx
@@ -0,0 +1,17 @@
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Title } from '@mantine/core';
+import React from 'react';
+
+function ListPage() {
+ return (
+
+
+
+ List Sejarah Desa
+
+
+
+ );
+}
+
+export default ListPage;
diff --git a/src/app/admin/(dashboard)/desa/profile/ui/sejarah_desa/page.tsx b/src/app/admin/(dashboard)/desa/profile/ui/sejarah_desa/page.tsx
new file mode 100644
index 00000000..ea95455e
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/profile/ui/sejarah_desa/page.tsx
@@ -0,0 +1,65 @@
+'use client'
+import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, Title } from '@mantine/core';
+import { useProxy } from 'valtio/utils';
+import DesaEditorText from '../../../_com/desaEditorText';
+import ListPage from './listPage';
+import { useShallowEffect } from '@mantine/hooks';
+
+
+function SejarahDesa() {
+ const stateSejarah = useProxy(stateProfileDesa.Sejarah)
+
+ useShallowEffect(() => {
+ if (!stateSejarah.findById.data) {
+ stateSejarah.findById.initialize()
+ }
+ }, [])
+
+ const submit = () => {
+ if (stateSejarah.findById.data?.id && stateSejarah.findById.data.sejarah) {
+ stateSejarah.update.save({
+ id: stateSejarah.findById.data.id,
+ sejarah: stateSejarah.findById.data.sejarah
+ })
+ }
+ }
+
+ return (
+
+
+
+
+
+ Sejarah Desa
+ Deskripsi Sejarah Desa
+ {
+ if (stateSejarah.findById.data) {
+ stateSejarah.findById.data.sejarah = val
+ }
+ }}
+ initialContent={stateSejarah.findById.data?.sejarah ?? ""}
+ />
+
+
+ Submit
+
+
+
+
+
+
+
+ );
+}
+
+export default SejarahDesa;
diff --git a/src/app/admin/(dashboard)/desa/profile/ui/visi_misi_desa/page.tsx b/src/app/admin/(dashboard)/desa/profile/ui/visi_misi_desa/page.tsx
new file mode 100644
index 00000000..f0ccf437
--- /dev/null
+++ b/src/app/admin/(dashboard)/desa/profile/ui/visi_misi_desa/page.tsx
@@ -0,0 +1,64 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, Title } from '@mantine/core';
+import { DesaEditor } from '../../../_com/desaEditor';
+
+function VisiMisiDesa() {
+ return (
+
+
+
+
+
+ Visi Desa
+ Deskripsi Visi Desa
+
+
+ Submit
+
+
+
+
+
+
+
+
+ List Visi Desa
+
+
+
+
+
+
+
+
+ Misi Desa
+ Deskripsi Misi Desa
+
+
+
+ Submit
+
+
+
+
+
+
+
+
+ List Misi Desa
+
+
+
+
+
+ );
+}
+
+export default VisiMisiDesa;
diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx
index 630313ea..c2a37b38 100644
--- a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx
@@ -1,10 +1,46 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
import React from 'react';
function Page() {
return (
-
- demografi-pekerjaan
-
+
+
+
+
+
+ Demografi Pekerjaan
+ Jumlah Pekerja Laki - Laki}
+ placeholder="Masukkan jumlah pekerja laki - laki"
+ />
+ Jumlah Pekerja Perempuan}
+ placeholder="Masukkan jumlah pekerja perempuan"
+ />
+ Nama Pekerjaan}
+ placeholder="Masukkan nama pekerjaan"
+ />
+
+
+ Submit
+
+
+
+
+
+
+
+
+ Grafik Demografi Pekerjaan
+
+
+
+
+
);
}
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin-2024-2025/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin-2024-2025/page.tsx
index cd2b60db..2b121b34 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin-2024-2025/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin-2024-2025/page.tsx
@@ -1,10 +1,42 @@
+import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
+import colors from '@/con/colors';
import React from 'react';
function Page() {
return (
-
- jumlah-penduduk-miskin-2024-2025
-
+
+
+
+
+
+ Jumlah Penduduk Miskin 2024-2025
+
+
+ Submit
+
+
+
+
+
+
+
+
+ Grafik Jumlah Penduduk Miskin 2024-2025
+
+
+
+
+
);
}
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/page.tsx
index 04a107b2..6f9e8e20 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/page.tsx
@@ -1,11 +1,31 @@
-import React from 'react';
+import colors from "@/con/colors";
+import { Box, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from "@mantine/core";
+import PengangguranBerdasarkanUsia from "./ui/pengangguranBerdasarkanUsia/page";
+import PengangguranBerdasarkanPendidikan from "./ui/pengangguranBerdasarkanPendidikan/page";
-function Page() {
+export default function Page() {
return (
-
- jumlah-penduduk-usia-kerja-yang-menganggur
-
- );
-}
+
+
+ Jumlah Penduduk Usia Kerja yang Menganggur
+
+
+
+ Pengangguran Bredasarkan Usia
+
+
+ Pengangguran Bredasarkan Pendidikan
+
+
-export default Page;
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/ui/pengangguranBerdasarkanPendidikan/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/ui/pengangguranBerdasarkanPendidikan/page.tsx
new file mode 100644
index 00000000..89bfd0f2
--- /dev/null
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/ui/pengangguranBerdasarkanPendidikan/page.tsx
@@ -0,0 +1,47 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import React from 'react';
+
+function PengangguranBerdasarkanPendidikan() {
+ return (
+
+
+
+
+ Pengangguran Berdasarkan Pendidikan
+ Pendidikan SD}
+ placeholder="masukkan jumlah penduduk Pendidikan SD yang menganggur"
+ />
+ Pendidikan SMP}
+ placeholder="masukkan jumlah penduduk Pendidikan SMP yang menganggur"
+ />
+ Pendidikan SMA / SMK}
+ placeholder="masukkan jumlah penduduk Pendidikan SMA / SMK yang menganggur"
+ />
+ Pendidikan D1-D3 / S1}
+ placeholder="masukkan jumlah penduduk Pendidikan D1-D3 yang menganggur"
+ />
+
+
+ Submit
+
+
+
+
+
+
+
+
+ Grafik Pengangguran Berdasarkan Pendidikan
+
+
+
+
+ );
+}
+
+export default PengangguranBerdasarkanPendidikan;
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/ui/pengangguranBerdasarkanUsia/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/ui/pengangguranBerdasarkanUsia/page.tsx
new file mode 100644
index 00000000..32bc78aa
--- /dev/null
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/ui/pengangguranBerdasarkanUsia/page.tsx
@@ -0,0 +1,47 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import React from 'react';
+
+function PengangguranBerdasarkanUsia() {
+ return (
+
+
+
+
+ Pengangguran Berdasarkan Usia
+ Usia 18 - 25 tahun}
+ placeholder="masukkan jumlah penduduk usia 18 - 25 tahun yang menganggur"
+ />
+ Usia 26 - 35 tahun}
+ placeholder="masukkan jumlah penduduk usia 26 - 35 tahun yang menganggur"
+ />
+ Usia 36 - 45 tahun}
+ placeholder="masukkan jumlah penduduk usia 36 - 45 tahun yang menganggur"
+ />
+ Usia 46+}
+ placeholder="masukkan jumlah penduduk usia 46+ yang menganggur"
+ />
+
+
+ Submit
+
+
+
+
+
+
+
+
+ Grafik Pengangguran Berdasarkan Usia
+
+
+
+
+ );
+}
+
+export default PengangguranBerdasarkanUsia;
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/page.tsx
index 437f9d33..3f21fdb6 100644
--- a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/page.tsx
@@ -1,11 +1,37 @@
-import React from 'react';
+import colors from '@/con/colors';
+import { Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import DataPengangguran from './ui/dataPengangguran/page';
+import GrafikDataPengangguran from './ui/grafikDataPengangguran/page';
+import DetailDataPengangguran from './ui/detailDataPengangguran/page';
function Page() {
return (
-
- jumlah-pengangguran-2024-2025
-
- );
+
+ Jumlah Pengangguran 2024-2025
+
+
+
+ Data Pengangguran Desa
+
+
+ Grafik Data Pengangguran Desa
+
+
+ Detail Data Pengangguran Desa
+
+
+
+
+
+
+
+
+
+
+ )
}
export default Page;
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/ui/dataPengangguran/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/ui/dataPengangguran/page.tsx
new file mode 100644
index 00000000..45d9ff2f
--- /dev/null
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/ui/dataPengangguran/page.tsx
@@ -0,0 +1,51 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
+
+function DataPengangguran() {
+ return (
+
+
+
+
+
+
+ Data Pengangguran
+ Total Pengangguran}
+ placeholder="masukkan total pengangguran"
+ />
+ Pengangguran Terdidik}
+ placeholder="masukkan pengangguran terdidik"
+ />
+ Usia Produktif}
+ placeholder="masukkan usia produktif"
+ />
+ Sedang Mencari Kerja}
+ placeholder="masukkan jumlah sedang mencari kerja"
+ />
+
+
+ Submit
+
+
+
+
+
+
+
+
+ List Data Pengangguran
+
+
+
+
+
+
+
+ );
+}
+
+export default DataPengangguran;
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/ui/detailDataPengangguran/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/ui/detailDataPengangguran/page.tsx
new file mode 100644
index 00000000..5da9dec4
--- /dev/null
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/ui/detailDataPengangguran/page.tsx
@@ -0,0 +1,18 @@
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Title } from '@mantine/core';
+
+function DetailDataPengangguran() {
+ return (
+
+
+
+
+ Detail Data Pengangguran
+
+
+
+
+ );
+}
+
+export default DetailDataPengangguran;
diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/ui/grafikDataPengangguran/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/ui/grafikDataPengangguran/page.tsx
new file mode 100644
index 00000000..d0cf2a55
--- /dev/null
+++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/ui/grafikDataPengangguran/page.tsx
@@ -0,0 +1,49 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+
+function GrafikDataPengangguran() {
+ return (
+
+
+
+
+
+ Data Pengangguran
+ Total Pengangguran}
+ placeholder="masukkan total pengangguran"
+ />
+ Pengangguran Terdidik}
+ placeholder="masukkan pengangguran terdidik"
+ />
+ Usia Produktif}
+ placeholder="masukkan usia produktif"
+ />
+ Sedang Mencari Kerja}
+ placeholder="masukkan jumlah sedang mencari kerja"
+ />
+
+
+ Submit
+
+
+
+
+
+
+
+
+ List Data Pengangguran
+
+
+
+
+
+
+ );
+}
+
+export default GrafikDataPengangguran;
diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/createLowongan.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/createLowongan.tsx
new file mode 100644
index 00000000..715e9f28
--- /dev/null
+++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/createLowongan.tsx
@@ -0,0 +1,29 @@
+import { Box, Stack, Text, TextInput, Title } from '@mantine/core';
+
+function CreateLowongan() {
+ return (
+
+
+ Lowongan Kerja Lokal
+ Bekerja Sebagai}
+ placeholder="masukkan bekerja sebagai"
+ />
+ Alamat Usaha}
+ placeholder="masukkan alamat usaha"
+ />
+ Waktu Kerja}
+ placeholder="masukkan waktu kerja"
+ />
+ Gaji selama 1 bulan}
+ placeholder="masukkan gaji selama 1 bulan"
+ />
+
+
+ );
+}
+
+export default CreateLowongan;
diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/listData/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/listData/page.tsx
new file mode 100644
index 00000000..199264e2
--- /dev/null
+++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/listData/page.tsx
@@ -0,0 +1,25 @@
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Title, Text } from '@mantine/core';
+import React from 'react';
+
+function ListDataLowongan() {
+ return (
+
+
+ List Data Lowongan Kerja Lokal
+
+ Bekerja Sebagai
+
+ Alamat Usaha
+
+ Waktu Kerja
+
+ Gaji selama 1 bulan
+
+
+
+
+ );
+}
+
+export default ListDataLowongan;
diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx
index 78f8a7ee..b222a023 100644
--- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx
@@ -1,10 +1,31 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, SimpleGrid, Stack, Title } from '@mantine/core';
import React from 'react';
+import CreateLowongan from './create/createLowongan';
+import ListDataLowongan from './listData/page';
function Page() {
return (
-
- lowongan-kerja-lokal
-
+
+
+
+
+ Lowongan Kerja Lokal
+
+
+ Submit
+
+
+
+
+
+
+
+
+
+
);
}
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/create/createPasarDesa.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/create/createPasarDesa.tsx
new file mode 100644
index 00000000..ca116352
--- /dev/null
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/create/createPasarDesa.tsx
@@ -0,0 +1,36 @@
+import colors from '@/con/colors';
+import { Box, Stack, Text, TextInput, Title } from '@mantine/core';
+import { IconImageInPicture } from '@tabler/icons-react';
+import React from 'react';
+
+function CreatePasarDesa() {
+ return (
+
+
+ Produk Pasar Desa
+
+ Masukkan Foto Produk
+
+ Nama Produk}
+ placeholder="masukkan nama produk"
+ />
+ Harga Produk}
+ placeholder="masukkan harga produk"
+ />
+ Rating Produk}
+ placeholder="masukkan rating produk"
+ />
+ Alamat Usaha}
+ placeholder="masukkan alamat usaha"
+ />
+
+
+ );
+}
+
+export default CreatePasarDesa;
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/listData/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/listData/page.tsx
new file mode 100644
index 00000000..3809f2ad
--- /dev/null
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/listData/page.tsx
@@ -0,0 +1,32 @@
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Text, Title } from '@mantine/core';
+import { IconImageInPicture } from '@tabler/icons-react';
+import React from 'react';
+
+function ListDataUsaha() {
+ return (
+
+
+
+
+ List Produk Pasar Desa
+
+ Foto Produk
+
+ Nama Produk
+ Harga Produk
+ Rating Produk
+ Alamat Usaha
+
+
+
+
+ );
+}
+
+export default ListDataUsaha;
diff --git a/src/app/admin/(dashboard)/ekonomi/pasar-desa/page.tsx b/src/app/admin/(dashboard)/ekonomi/pasar-desa/page.tsx
index bc3baf55..95de3555 100644
--- a/src/app/admin/(dashboard)/ekonomi/pasar-desa/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/pasar-desa/page.tsx
@@ -1,10 +1,30 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, Stack, Title } from '@mantine/core';
import React from 'react';
+import CreatePasarDesa from './create/createPasarDesa';
+import ListDataUsaha from './listData/page';
function Page() {
return (
-
- pasar-desa
-
+
+
+
+
+ Pasar Desa
+
+
+ Submit
+
+
+
+
+
+
);
}
diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx
index 98679492..690a8999 100644
--- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx
@@ -1,10 +1,30 @@
-import React from 'react';
+import colors from '@/con/colors';
+import { Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
+import ProgramKemiskinan from './ui/program/page';
+import StatistikKemiskinan from './ui/statistik/page';
function Page() {
return (
-
- program-kemiskinan
-
+
+ Program Kemiskinan
+
+
+
+ Program Kemiskinan
+
+
+ Statistik Kemiskinan
+
+
+
+
+
+
+
+
+
);
}
diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/ui/program/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/ui/program/page.tsx
new file mode 100644
index 00000000..78a78521
--- /dev/null
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/ui/program/page.tsx
@@ -0,0 +1,43 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
+import React from 'react';
+
+function ProgramKemiskinan() {
+ return (
+
+
+
+
+
+ Program Kemiskinan
+ Nama Program}
+ placeholder="Masukkan nama program"
+ />
+ Deskripsi Program}
+ placeholder="Masukkan deskripsi program"
+ />
+
+
+ Submit
+
+
+
+
+
+
+
+
+ List Data Program Kemiskinan
+
+
+
+
+
+ );
+}
+
+export default ProgramKemiskinan;
diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/ui/statistik/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/ui/statistik/page.tsx
new file mode 100644
index 00000000..0786257c
--- /dev/null
+++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/ui/statistik/page.tsx
@@ -0,0 +1,43 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import React from 'react';
+
+function StatistikKemiskinan() {
+ return (
+
+
+
+
+
+ Statistik Kemiskinan
+ Tahun}
+ placeholder="Masukkan tahun"
+ />
+ Jumlah Penduduk Miskin}
+ placeholder="Masukkan jumlah penduduk miskin"
+ />
+
+
+ Submit
+
+
+
+
+
+
+
+
+ Statistik Kemiskinan
+
+
+
+
+
+ );
+}
+
+export default StatistikKemiskinan;
diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx
index e4701ee1..f308290e 100644
--- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx
+++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx
@@ -1,10 +1,31 @@
+import colors from '@/con/colors';
+import { Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
import React from 'react';
+import DataSektorUnggulan from './ui/data_sektor_unggulan/page';
+import GrafikDataSektor from './ui/grafik_data_sektor/page';
function Page() {
return (
-
- sektor-unggulan-desa
-
+
+ Sektor Unggulan Desa
+
+
+
+ Data Sektor Unggulan Desa
+
+
+ Grafik Data Sektor Unggulan Desa
+
+
+
+
+
+
+
+
+
);
}
diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/ui/data_sektor_unggulan/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/ui/data_sektor_unggulan/page.tsx
new file mode 100644
index 00000000..7281ed4f
--- /dev/null
+++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/ui/data_sektor_unggulan/page.tsx
@@ -0,0 +1,45 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
+import React from 'react';
+
+function DataSektorUnggulan() {
+ return (
+
+
+
+
+
+
+ Data Sektor Unggulan
+ Nama Sektor Unggulan}
+ placeholder="Masukkan nama sektor unggulan"
+ />
+ Deskripsi Sektor Unggulan}
+ placeholder="Masukkan deskripsi sektor unggulan"
+ />
+
+
+ Submit
+
+
+
+
+
+
+
+
+ Data Sektor Unggulan
+
+
+
+
+
+
+ );
+}
+
+export default DataSektorUnggulan;
diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/ui/grafik_data_sektor/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/ui/grafik_data_sektor/page.tsx
new file mode 100644
index 00000000..5c9985e2
--- /dev/null
+++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/ui/grafik_data_sektor/page.tsx
@@ -0,0 +1,44 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import React from 'react';
+
+function GrafikDataSektor() {
+ return (
+
+
+
+
+
+ Grafik Data Sektor Unggulan
+ Nama Sektor Unggulan}
+ placeholder="Masukkan nama sektor unggulan"
+ />
+ Jumlah Sektor Unggulan}
+ placeholder="Masukkan jumlah sektor unggulan"
+ />
+
+
+ Submit
+
+
+
+
+
+
+
+
+ Grafik Sektor Unggulan
+
+
+
+
+
+
+ );
+}
+
+export default GrafikDataSektor;
diff --git a/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/page.tsx b/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/page.tsx
index 8a193283..6ff04673 100644
--- a/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/ajukan-ide-inovatif/page.tsx
@@ -1,10 +1,43 @@
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Title } from '@mantine/core';
import React from 'react';
function Page() {
return (
-
- ajukan-ide-inovatif
-
+
+
+
+ Ajukan Ide Inovatif
+
+
+
+
+ No
+ Nama
+ Alamat
+ Nama Ide Inovatif
+ Deskripsi
+ Masalah yang ingin diatasi
+ Benefit
+
+
+
+
+
+ 1
+ nama
+ alamat
+ ide inovatif
+ deskripsi
+ masalah
+ benefit
+
+
+
+
+
+
+
);
}
diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/page.tsx
index d6b4e9dc..348012b2 100644
--- a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/page.tsx
@@ -1,10 +1,49 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { IconImageInPicture } from '@tabler/icons-react';
import React from 'react';
function Page() {
return (
-
- desa-digital-smart-village
-
+
+
+
+
+
+ Create Data Desa Digital Smart Village
+ Nama Desa Digital Smart Village}
+ placeholder="Masukkan nama desa digital smart village"
+ />
+ Deskripsi Desa Digital Smart Village}
+ placeholder="Masukkan deskripsi desa digital smart village"
+ />
+
+
+ Upload Gambar Desa Digital Smart Village
+
+
+
+
+ Submit
+
+
+
+
+
+
+
+
+ Create Data Desa Digital Smart Village
+
+
+
+
+
);
}
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx
new file mode 100644
index 00000000..101f56e2
--- /dev/null
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/create/page.tsx
@@ -0,0 +1,35 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { IconImageInPicture } from '@tabler/icons-react';
+import React from 'react';
+
+function CreateInfoTeknologiTepatGuna() {
+ return (
+
+
+
+
+ Create Info Teknologi Tepat Guna
+
+ Masukkan Image
+
+
+ Nama Info Teknologi Tepat Guna}
+ placeholder="Masukkan nama info teknologi tepat guna"
+ />
+ Deskripsi Info Teknologi Tepat Guna}
+ placeholder="Masukkan deskripsi info teknologi tepat guna"
+ />
+
+ Submit
+
+
+
+
+
+ );
+}
+
+export default CreateInfoTeknologiTepatGuna;
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/listData/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/listData/page.tsx
new file mode 100644
index 00000000..45f080e9
--- /dev/null
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/listData/page.tsx
@@ -0,0 +1,31 @@
+import colors from '@/con/colors';
+import { Box, Paper, SimpleGrid, Stack, Title } from '@mantine/core';
+import React from 'react';
+
+function ListDataInfoTeknologiTepatGuna() {
+ return (
+
+
+
+ List Data Info Teknologi Tepat Guna
+
+
+ Data 1
+
+
+ Data 2
+
+
+ Data 3
+
+
+ Data 4
+
+
+
+
+
+ );
+}
+
+export default ListDataInfoTeknologiTepatGuna;
diff --git a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx
index 26933cb1..68273de5 100644
--- a/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx
@@ -1,10 +1,17 @@
+import { Box, Stack, Title } from '@mantine/core';
import React from 'react';
+import CreateInfoTeknologiTepatGuna from './create/page';
+import ListDataInfoTeknologiTepatGuna from './listData/page';
function Page() {
return (
-
- info-teknologi-tepat-guna
-
+
+
+ Info Teknologi Tepat Guna
+
+
);
}
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/page.tsx
index 7af45fbc..9ffe9a5d 100644
--- a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/page.tsx
@@ -1,10 +1,34 @@
+import colors from '@/con/colors';
+import { Box, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
import React from 'react';
+import KolaborasiInovasi from './ui/kolaborasiInovasi/page';
+import MitraKolaborasi from './ui/mitraKolaborasi/page';
function Page() {
return (
-
- kolaborasi-inovasi
-
+
+
+ Kolaborasi Inovasi
+
+
+
+ Kolaborasi Inovasi
+
+
+ Mitra Kolaborasi
+
+
+
+
+
+
+
+
+
+
+
);
}
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/ui/kolaborasiInovasi/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/ui/kolaborasiInovasi/page.tsx
new file mode 100644
index 00000000..06233369
--- /dev/null
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/ui/kolaborasiInovasi/page.tsx
@@ -0,0 +1,53 @@
+import colors from '@/con/colors';
+import { Box, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
+import React from 'react';
+
+function KolaborasiInovasi() {
+ return (
+
+
+
+
+
+ Create Kolaborasi Inovasi
+ Tahun}
+ placeholder="Masukkan tahun"
+ />
+ Nama Kolaborasi Inovasi}
+ placeholder="Masukkan nama kolaborasi inovasi"
+ />
+ Deskripsi Kolaborasi Inovasi}
+ placeholder="Masukkan deskripsi kolaborasi inovasi"
+ />
+
+
+
+
+
+
+ List Data Kolaborasi Inovasi
+
+
+ Data 1
+
+
+ Data 2
+
+
+ Data 3
+
+
+ Data 4
+
+
+
+
+
+
+ );
+}
+
+export default KolaborasiInovasi;
diff --git a/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/ui/mitraKolaborasi/page.tsx b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/ui/mitraKolaborasi/page.tsx
new file mode 100644
index 00000000..bb82016e
--- /dev/null
+++ b/src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/ui/mitraKolaborasi/page.tsx
@@ -0,0 +1,52 @@
+import React from 'react';
+import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
+import colors from '@/con/colors';
+import { IconImageInPicture } from '@tabler/icons-react';
+
+function MitraKolaborasi() {
+ return (
+
+
+
+
+
+ Create Mitra Kolaborasi
+ Nama Mitra Kolaborasi}
+ placeholder="Masukkan nama mitra kolaborasi"
+ />
+
+ Masukkan Image
+
+
+
+ Submit
+
+
+
+
+
+
+ List Data Kolaborasi Inovasi
+
+
+ Foto 1
+
+
+ Foto 2
+
+
+ Foto 3
+
+
+ Foto 4
+
+
+
+
+
+
+ );
+}
+
+export default MitraKolaborasi;
diff --git a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/page.tsx b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/page.tsx
index 45fefebb..6274543f 100644
--- a/src/app/admin/(dashboard)/inovasi/layanan-online-desa/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/layanan-online-desa/page.tsx
@@ -1,10 +1,40 @@
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { IconImageInPicture } from '@tabler/icons-react';
import React from 'react';
function Page() {
return (
-
- layanan-online-desa
-
+
+
+
+
+
+ Layanan Online Desa
+ Nama Layanan}
+ placeholder="Masukkan nama layanan"
+ />
+ Deskripsi Layanan}
+ placeholder="Masukkan deskripsi layanan"
+ />
+
+ Upload Gambar Layanan
+
+
+
+
+
+
+
+ List Data Layanan Online Desa
+
+
+
+
+
);
}
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
new file mode 100644
index 00000000..73761550
--- /dev/null
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/create/page.tsx
@@ -0,0 +1,37 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { IconImageInPicture } from '@tabler/icons-react';
+import React from 'react';
+
+function ProgramKreatifCreate() {
+ return (
+
+
+
+
+ Create Program Kreatif Desa
+
+ Gambar
+
+
+ Nama Program}
+ placeholder="Masukkan nama program"
+ />
+ Deskripsi}
+ placeholder="Masukkan deskripsi"
+ />
+
+ Simpan
+
+
+
+
+
+ );
+}
+
+export default ProgramKreatifCreate;
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/listData/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/listData/page.tsx
new file mode 100644
index 00000000..4089bed5
--- /dev/null
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/listData/page.tsx
@@ -0,0 +1,29 @@
+import colors from '@/con/colors';
+import { Box, Paper, SimpleGrid, Stack, Title } from '@mantine/core';
+import React from 'react';
+
+function ListDataProgramKreatifDesa() {
+ return (
+
+
+ List Data Program Kreatif Desa
+
+
+ Data 1
+
+
+ Data 2
+
+
+ Data 3
+
+
+ Data 4
+
+
+
+
+ );
+}
+
+export default ListDataProgramKreatifDesa;
diff --git a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx
index e338e985..c529c95d 100644
--- a/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx
+++ b/src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx
@@ -1,10 +1,17 @@
+import { Box, Stack, Title } from '@mantine/core';
import React from 'react';
+import ProgramKreatifCreate from './create/page';
+import ListDataProgramKreatifDesa from './listData/page';
function Page() {
return (
-
- program-kreatif-desa
-
+
+
+ Program Kreatif Desa
+
+
);
}
diff --git a/src/app/admin/(dashboard)/keamanan/_com/keamananEditor.tsx b/src/app/admin/(dashboard)/keamanan/_com/keamananEditor.tsx
new file mode 100644
index 00000000..437e3242
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/_com/keamananEditor.tsx
@@ -0,0 +1,93 @@
+'use client'
+import colors from '@/con/colors';
+import { Button, Stack } from '@mantine/core';
+import { Link, RichTextEditor } from '@mantine/tiptap';
+import Highlight from '@tiptap/extension-highlight';
+import SubScript from '@tiptap/extension-subscript';
+import Superscript from '@tiptap/extension-superscript';
+import TextAlign from '@tiptap/extension-text-align';
+import Underline from '@tiptap/extension-underline';
+import { useEditor } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+
+const content =
+ 'Welcome to Mantine rich text editor RichTextEditor component focuses on usability and is designed to be as simple as possible to bring a familiar editing experience to regular users. RichTextEditor is based on Tiptap.dev and supports all of its features:
General text formatting: bold , italic , underline , strike-through Headings (h1-h6) Sub and super scripts (<sup /> and <sub /> tags) Ordered and bullet lists Text align And all other extensions
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {showSubmit && (
+
+ Submit
+
+ )}
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/keamanan/_com/keamananEdtorText.tsx b/src/app/admin/(dashboard)/keamanan/_com/keamananEdtorText.tsx
new file mode 100644
index 00000000..77864dc7
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/_com/keamananEdtorText.tsx
@@ -0,0 +1,95 @@
+'use client'
+import { Button, Stack } from '@mantine/core';
+import { Link, RichTextEditor } from '@mantine/tiptap';
+import Highlight from '@tiptap/extension-highlight';
+import SubScript from '@tiptap/extension-subscript';
+import Superscript from '@tiptap/extension-superscript';
+import TextAlign from '@tiptap/extension-text-align';
+import Underline from '@tiptap/extension-underline';
+import { useEditor } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+
+
+function KeamananEditorText({ onSubmit, onChange, showSubmit = true, initialContent = '', }: {
+ onSubmit?: (val: string) => void,
+ onChange: (val: string) => void,
+ showSubmit?: boolean,
+ initialContent?: string }) {
+ const editor = useEditor({
+ extensions: [
+ StarterKit,
+ Underline,
+ Link,
+ Superscript,
+ SubScript,
+ Highlight,
+ TextAlign.configure({ types: ['heading', 'paragraph'] }),
+ ],
+ immediatelyRender: false,
+ content: initialContent,
+ onUpdate : ({editor}) => {
+ onChange(editor.getHTML())
+ }
+ });
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {showSubmit && (
+ {
+ if (!editor) return
+ onSubmit?.(editor?.getHTML())
+ }}>Submit
+ )}
+
+ );
+}
+
+export default KeamananEditorText;
diff --git a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
index 774863d5..7b7edc9f 100644
--- a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
@@ -1,10 +1,35 @@
+import colors from '@/con/colors';
+import { Box, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
import React from 'react';
+import CreateKeamananLingkungan from './ui/tambah_keamanan_lingkungan/page';
+import ListKeamananLingkungan from './ui/list_keamanan_lingkungan/page';
+
function Page() {
return (
-
- keamanan-lingkungan-pecalang-patwal
-
+
+
+ Keamanan Lingkungan
+
+
+
+ Tambah Keamanan Lingkungan
+
+
+ List Keamanan Lingkungan
+
+
+
+
+
+
+
+
+
+
+
);
}
diff --git a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/ui/list_keamanan_lingkungan/page.tsx b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/ui/list_keamanan_lingkungan/page.tsx
new file mode 100644
index 00000000..df888243
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/ui/list_keamanan_lingkungan/page.tsx
@@ -0,0 +1,33 @@
+import { Box, Paper, Stack, Table, TableTbody, TableTh, TableThead, TableTr, Title } from '@mantine/core';
+import colors from '@/con/colors';
+import React from 'react';
+
+function ListKeamananLingkungan() {
+ return (
+
+
+
+ List Keamanan Lingkungan
+
+
+
+
+ Image
+ Nama Keamanan Lingkungan
+ Deskripsi Keamanan Lingkungan
+ Aksi
+ Detail
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default ListKeamananLingkungan;
diff --git a/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/ui/tambah_keamanan_lingkungan/page.tsx b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/ui/tambah_keamanan_lingkungan/page.tsx
new file mode 100644
index 00000000..1d556e92
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/ui/tambah_keamanan_lingkungan/page.tsx
@@ -0,0 +1,46 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
+import { IconImageInPicture } from '@tabler/icons-react';
+import React from 'react';
+import { KeamananEditor } from '../../../_com/keamananEditor';
+
+
+function KeamananLingkungan() {
+ return (
+
+
+
+
+
+
+ Tambah Keamanan Lingkungan
+
+ Masukkan Image
+
+ Nama Keamanan Lingkungan}
+ placeholder='Masukkan nama keamanan lingkungan'
+ />
+
+ Deskripsi Keamanan Lingkungan
+
+
+ Submit
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default KeamananLingkungan;
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/create/createKontak.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/create/createKontak.tsx
new file mode 100644
index 00000000..98ebd6ab
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/create/createKontak.tsx
@@ -0,0 +1,28 @@
+import colors from '@/con/colors';
+import { Box, Stack, Text, TextInput } from '@mantine/core';
+import { IconImageInPicture } from '@tabler/icons-react';
+
+function CreateKontakDarurat() {
+ return (
+
+
+ Judul Kontak Darurat}
+ placeholder="masukkan judul kontak darurat"
+ />
+ Nama Kontak Darurat}
+ placeholder="masukkan nama kontak darurat"
+ />
+ Nomor Kontak Darurat}
+ placeholder="masukkan nomor kontak darurat"
+ />
+
+
+ );
+}
+
+export default CreateKontakDarurat;
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/listData/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/listData/page.tsx
new file mode 100644
index 00000000..6de1176b
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/listData/page.tsx
@@ -0,0 +1,23 @@
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Text, Title } from '@mantine/core';
+import React from 'react';
+
+function ListDataKontakDarurat() {
+ return (
+
+
+ List Data Kontak Darurat
+
+ Judul Kontak Darurat
+
+ Nama Kontak Darurat
+
+ Nomor Kontak Darurat
+
+
+
+
+ );
+}
+
+export default ListDataKontakDarurat;
diff --git a/src/app/admin/(dashboard)/keamanan/kontak-darurat/page.tsx b/src/app/admin/(dashboard)/keamanan/kontak-darurat/page.tsx
index 9619b475..10f224ff 100644
--- a/src/app/admin/(dashboard)/keamanan/kontak-darurat/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/kontak-darurat/page.tsx
@@ -1,10 +1,30 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, SimpleGrid, Stack, Title } from '@mantine/core';
import React from 'react';
+import CreateKontakDarurat from './create/createKontak';
+import ListDataKontakDarurat from './listData/page';
function Page() {
return (
-
- kontak-darurat
-
+
+
+
+
+ Kontak Darurat
+
+
+ Submit
+
+
+
+
+
+
);
}
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/create/createLaporan.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/create/createLaporan.tsx
new file mode 100644
index 00000000..72943bb3
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/create/createLaporan.tsx
@@ -0,0 +1,27 @@
+import { Box, Stack, Text, TextInput } from '@mantine/core';
+import React from 'react';
+import { KeamananEditor } from '../../_com/keamananEditor';
+
+
+function CreateLaporanPublik() {
+ return (
+
+
+ Judul Laporan Publik}
+ placeholder="masukkan judul laporan publik"
+ />
+ Tanggal Laporan Publik}
+ placeholder="masukkan tanggal laporan publik"
+ />
+
+ Deskripsi Laporan Publik
+
+
+
+ );
+}
+
+export default CreateLaporanPublik;
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/listData/page.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/listData/page.tsx
new file mode 100644
index 00000000..7acdb40b
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/listData/page.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import { Box, Paper, Stack, Text, Title } from '@mantine/core';
+import colors from '@/con/colors';
+
+function ListDataLaporanPublik() {
+ return (
+
+
+ List Data Laporan Publik
+
+ Judul Laporan Publik
+ Tanggal Laporan Publik
+ Deskripsi Laporan Publik
+
+
+
+ );
+}
+
+export default ListDataLaporanPublik;
diff --git a/src/app/admin/(dashboard)/keamanan/laporan-publik/page.tsx b/src/app/admin/(dashboard)/keamanan/laporan-publik/page.tsx
index 3905ba8c..0dcd6de5 100644
--- a/src/app/admin/(dashboard)/keamanan/laporan-publik/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/laporan-publik/page.tsx
@@ -1,11 +1,28 @@
-import React from 'react';
+import colors from "@/con/colors";
+import { Box, Button, Group, Paper, SimpleGrid, Stack, Title } from "@mantine/core";
+import CreateLaporanPublik from "./create/createLaporan";
+import ListDataLaporanPublik from "./listData/page";
-function Page() {
+export default function Page() {
return (
-
- laporan-publik
-
- );
-}
-
-export default Page;
+
+
+
+
+ Laporan Publik
+
+
+ Submit
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/createPencegahan.tsx b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/createPencegahan.tsx
new file mode 100644
index 00000000..3a7cf61b
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/createPencegahan.tsx
@@ -0,0 +1,25 @@
+import colors from '@/con/colors';
+import { Box, Stack, Text, TextInput } from '@mantine/core';
+import { IconImageInPicture } from '@tabler/icons-react';
+import React from 'react';
+
+function CreatePencegahan() {
+ return (
+
+
+ Judul Pencegahan Kriminalitas}
+ placeholder="masukkan judul pencegahan kriminalitas"
+ />
+ Deskripsi Pencegahan Kriminalitas}
+ placeholder="masukkan deskripsi pencegahan kriminalitas"
+ />
+ Gambar Pencegahan Kriminalitas
+
+
+ );
+}
+
+export default CreatePencegahan;
diff --git a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/listData/page.tsx b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/listData/page.tsx
new file mode 100644
index 00000000..4153abe6
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/listData/page.tsx
@@ -0,0 +1,23 @@
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Text, Title } from '@mantine/core';
+import React from 'react';
+
+function ListDataPencegahan() {
+ return (
+
+
+ List Data Pencegahan Kriminalitas
+
+ Judul Pencegahan Kriminalitas
+
+ Deskripsi Pencegahan Kriminalitas
+
+ Gambar Pencegahan Kriminalitas
+
+
+
+
+ );
+}
+
+export default ListDataPencegahan;
diff --git a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/page.tsx b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/page.tsx
index 96ff4b2a..be34aed5 100644
--- a/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/page.tsx
@@ -1,10 +1,31 @@
+import colors from '@/con/colors';
+import { Stack, SimpleGrid, Box, Paper, Title, Group, Button } from '@mantine/core';
import React from 'react';
+import CreatePencegahan from './create/createPencegahan';
+import ListDataPencegahan from './listData/page';
+
function Page() {
return (
-
- pencegahan-kriminalitas
-
+
+
+
+
+ Kontak Darurat
+
+
+ Submit
+
+
+
+
+
+
);
}
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/page.tsx
index 642db134..92031007 100644
--- a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/page.tsx
@@ -1,10 +1,35 @@
+import colors from '@/con/colors';
+import { Box, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
import React from 'react';
+import CreatePolsekTerdekat from './ui/tambah_polsek_terdekat/page';
+import ListPolsekTerdekat from './ui/list_polsek_terdekat/page';
+
function Page() {
return (
-
- polsek-terdekat
-
+
+
+ Polsek Terdekat
+
+
+
+ Tambah Polsek Terdekat
+
+
+ List Polsek Terdekat
+
+
+
+
+
+
+
+
+
+
+
);
}
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/ui/list_polsek_terdekat/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/ui/list_polsek_terdekat/page.tsx
new file mode 100644
index 00000000..7c119c36
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/ui/list_polsek_terdekat/page.tsx
@@ -0,0 +1,36 @@
+import { Box, Paper, Stack, Table, TableTbody, TableTh, TableThead, TableTr, Title } from '@mantine/core';
+import colors from '@/con/colors';
+import React from 'react';
+
+function ListPolsekTerdekat() {
+ return (
+
+
+
+ List Polsek Terdekat
+
+
+
+
+ Nama Polsek Terdekat
+ Jarak Polsek Terdekat
+ Alamat Polsek Terdekat
+ Nomor Telepon Polsek Terdekat
+ Jam Aktif
+ Deskripsi Polsek Terdekat
+ Aksi
+ Detail
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default ListPolsekTerdekat;
diff --git a/src/app/admin/(dashboard)/keamanan/polsek-terdekat/ui/tambah_polsek_terdekat/page.tsx b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/ui/tambah_polsek_terdekat/page.tsx
new file mode 100644
index 00000000..ba2a4c32
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/polsek-terdekat/ui/tambah_polsek_terdekat/page.tsx
@@ -0,0 +1,56 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
+import { KeamananEditor } from '../../../_com/keamananEditor';
+
+
+function CreatePolsekTerdekat() {
+ return (
+
+
+
+
+
+
+ Tambah Polsek Terdekat
+ Nama Polsek Terdekat}
+ placeholder='Masukkan nama polsek terdekat'
+ />
+ Jarak Polsek Terdekat}
+ placeholder='Masukkan jarak polsek terdekat'
+ />
+ Alamat Polsek Terdekat}
+ placeholder='Masukkan alamat polsek terdekat'
+ />
+ Nomor Telepon Polsek Terdekat}
+ placeholder='Masukkan nomor telepon polsek terdekat'
+ />
+ Jam Aktif}
+ placeholder='Masukkan jam aktif polsek terdekat'
+ />
+
+ Deskripsi Polsek Terdekat
+
+
+ Submit
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default CreatePolsekTerdekat;
diff --git a/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/createTips.tsx b/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/createTips.tsx
new file mode 100644
index 00000000..4fb1ada6
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/tips-keamanan/create/createTips.tsx
@@ -0,0 +1,27 @@
+import colors from '@/con/colors';
+import { Box, Stack, Text, TextInput } from '@mantine/core';
+import { IconImageInPicture } from '@tabler/icons-react';
+import React from 'react';
+import { KeamananEditor } from '../../_com/keamananEditor';
+
+function CreateTipsKeamanan() {
+ return (
+
+
+ Judul Tips Keamanan}
+ placeholder="masukkan judul tips keamanan"
+ />
+
+ Upload Gambar
+
+
+
+ );
+}
+
+export default CreateTipsKeamanan;
diff --git a/src/app/admin/(dashboard)/keamanan/tips-keamanan/listData/page.tsx b/src/app/admin/(dashboard)/keamanan/tips-keamanan/listData/page.tsx
new file mode 100644
index 00000000..4bead65a
--- /dev/null
+++ b/src/app/admin/(dashboard)/keamanan/tips-keamanan/listData/page.tsx
@@ -0,0 +1,24 @@
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Text, Title } from '@mantine/core';
+import { IconImageInPicture } from '@tabler/icons-react';
+import React from 'react';
+
+function ListDataTipsKeamanan() {
+ return (
+
+
+ List Data Tips Keamanan
+
+ Judul Tips Keamanan
+ Gambar Tips Keamanan
+ Deskripsi Tips Keamanan
+
+
+
+ );
+}
+
+export default ListDataTipsKeamanan;
diff --git a/src/app/admin/(dashboard)/keamanan/tips-keamanan/page.tsx b/src/app/admin/(dashboard)/keamanan/tips-keamanan/page.tsx
index 17bea858..e1b672b8 100644
--- a/src/app/admin/(dashboard)/keamanan/tips-keamanan/page.tsx
+++ b/src/app/admin/(dashboard)/keamanan/tips-keamanan/page.tsx
@@ -1,11 +1,31 @@
+import colors from '@/con/colors';
+import { Box, Button, Group, Paper, SimpleGrid, Stack, Title } from '@mantine/core';
import React from 'react';
+import CreateTipsKeamanan from './create/createTips';
+import ListDataTipsKeamanan from './listData/page';
function Page() {
return (
-
- tips-keamanan
-
- );
+
+
+
+
+ Tips Keamanan
+
+
+ Submit
+
+
+
+
+
+
+ )
}
export default Page;
diff --git a/src/app/admin/(dashboard)/kesehatan/_com/kesehatanEditor.tsx b/src/app/admin/(dashboard)/kesehatan/_com/kesehatanEditor.tsx
new file mode 100644
index 00000000..a4989a83
--- /dev/null
+++ b/src/app/admin/(dashboard)/kesehatan/_com/kesehatanEditor.tsx
@@ -0,0 +1,93 @@
+'use client'
+import colors from '@/con/colors';
+import { Button, Stack } from '@mantine/core';
+import { Link, RichTextEditor } from '@mantine/tiptap';
+import Highlight from '@tiptap/extension-highlight';
+import SubScript from '@tiptap/extension-subscript';
+import Superscript from '@tiptap/extension-superscript';
+import TextAlign from '@tiptap/extension-text-align';
+import Underline from '@tiptap/extension-underline';
+import { useEditor } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+
+const content =
+ 'Welcome to Mantine rich text editor RichTextEditor component focuses on usability and is designed to be as simple as possible to bring a familiar editing experience to regular users. RichTextEditor is based on Tiptap.dev and supports all of its features:
General text formatting: bold , italic , underline , strike-through Headings (h1-h6) Sub and super scripts (<sup /> and <sub /> tags) Ordered and bullet lists Text align And all other extensions
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {showSubmit && (
+
+ Submit
+
+ )}
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/admin/(dashboard)/kesehatan/_com/kesehatanEditorText.tsx b/src/app/admin/(dashboard)/kesehatan/_com/kesehatanEditorText.tsx
new file mode 100644
index 00000000..c044bf51
--- /dev/null
+++ b/src/app/admin/(dashboard)/kesehatan/_com/kesehatanEditorText.tsx
@@ -0,0 +1,95 @@
+'use client'
+import { Button, Stack } from '@mantine/core';
+import { Link, RichTextEditor } from '@mantine/tiptap';
+import Highlight from '@tiptap/extension-highlight';
+import SubScript from '@tiptap/extension-subscript';
+import Superscript from '@tiptap/extension-superscript';
+import TextAlign from '@tiptap/extension-text-align';
+import Underline from '@tiptap/extension-underline';
+import { useEditor } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+
+
+function KesehatanEditorText({ onSubmit, onChange, showSubmit = true, initialContent = '', }: {
+ onSubmit?: (val: string) => void,
+ onChange: (val: string) => void,
+ showSubmit?: boolean,
+ initialContent?: string }) {
+ const editor = useEditor({
+ extensions: [
+ StarterKit,
+ Underline,
+ Link,
+ Superscript,
+ SubScript,
+ Highlight,
+ TextAlign.configure({ types: ['heading', 'paragraph'] }),
+ ],
+ immediatelyRender: false,
+ content: initialContent,
+ onUpdate : ({editor}) => {
+ onChange(editor.getHTML())
+ }
+ });
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {showSubmit && (
+ {
+ if (!editor) return
+ onSubmit?.(editor?.getHTML())
+ }}>Submit
+ )}
+
+ );
+}
+
+export default KesehatanEditorText;
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/doctor_sign/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/doctor_sign/page.tsx
index 0f9e3b6c..7975625c 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/doctor_sign/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/doctor_sign/page.tsx
@@ -1,21 +1,24 @@
'use client'
-import { Box, Text } from '@mantine/core';
+import { Box, Paper, Text } from '@mantine/core';
import React from 'react';
import { KesehatanEditor } from '../../../_com/kesehatanEditor';
import { useProxy } from 'valtio/utils';
import stateArtikelKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/artikelKesehatan';
+import colors from '@/con/colors';
function DoctorSignUI() {
const doctorSign = useProxy(stateArtikelKesehatan.doctorSign)
return (
- Kapan Harus ke Dokter
- {
- doctorSign.create.form.content = val
- }}
- />
+
+ Kapan Harus ke Dokter
+ {
+ doctorSign.create.form.content = val
+ }}
+ />
+
);
}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/first_aid/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/first_aid/page.tsx
index 9807b9aa..61021b8c 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/first_aid/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/first_aid/page.tsx
@@ -1,27 +1,32 @@
'use client'
-import { Box, Text, TextInput } from '@mantine/core';
+import { Box, Paper, Stack, Text, TextInput } from '@mantine/core';
import React from 'react';
import { useProxy } from 'valtio/utils';
import stateArtikelKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/artikelKesehatan';
import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+import colors from '@/con/colors';
function FirstAidUI() {
const firstAidState = useProxy(stateArtikelKesehatan.firstAid)
return (
- Title Pertolongan Pertama}
- placeholder="Masukkan title"
- onChange={(val) => {
- firstAidState.create.form.title = val.target.value
- }}
- />
- {
- firstAidState.create.form.content = val
- }}
- />
+
+
+ Judul Pertolongan Pertama}
+ placeholder="Masukkan judul"
+ onChange={(val) => {
+ firstAidState.create.form.title = val.target.value
+ }}
+ />
+ {
+ firstAidState.create.form.content = val
+ }}
+ />
+
+
);
}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/introduction/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/introduction/page.tsx
index 1795e482..7dce6b06 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/introduction/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/introduction/page.tsx
@@ -1,21 +1,26 @@
'use client'
-import { Box, Text } from '@mantine/core';
+import { Box, Paper, Stack, Text } from '@mantine/core';
import React from 'react';
import { useProxy } from 'valtio/utils';
import { KesehatanEditor } from '../../../_com/kesehatanEditor';
import stateArtikelKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/artikelKesehatan';
+import colors from '@/con/colors';
function IntoductionUI() {
const introduction = useProxy(stateArtikelKesehatan.introduction)
return (
-
- Pendahuluan
- {
- introduction.create.form.content = val;
- }}
- />
+
+
+
+ Pendahuluan
+ {
+ introduction.create.form.content = val;
+ }}
+ />
+
+
);
}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/mythVsfact/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/mythVsfact/page.tsx
index ea3eba9c..6a22d179 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/mythVsfact/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/mythVsfact/page.tsx
@@ -1,33 +1,38 @@
'use client'
import stateArtikelKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/artikelKesehatan';
-import { Box, Text, TextInput } from '@mantine/core';
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Text, TextInput } from '@mantine/core';
import { useProxy } from 'valtio/utils';
function MythFactUI() {
const mythFact = useProxy(stateArtikelKesehatan.mythFact)
return (
-
- Title Pertolongan Pertama Penyakit}
- placeholder="Masukkan title"
- onChange={(val) => {
- mythFact.create.form.title = val.target.value
- }}
- />
- Mitos}
- placeholder="Masukkan mitos"
- onChange={(val) => {
- mythFact.create.form.mitos = val.target.value
- }}
- />
- Fakta}
- placeholder="Masukkan fakta"
- onChange={(val) => {
- mythFact.create.form.fakta = val.target.value
- }}
- />
+
+
+
+ Judul Pertolongan Pertama Penyakit}
+ placeholder="Masukkan judul"
+ onChange={(val) => {
+ mythFact.create.form.title = val.target.value
+ }}
+ />
+ Mitos}
+ placeholder="Masukkan mitos"
+ onChange={(val) => {
+ mythFact.create.form.mitos = val.target.value
+ }}
+ />
+ Fakta}
+ placeholder="Masukkan fakta"
+ onChange={(val) => {
+ mythFact.create.form.fakta = val.target.value
+ }}
+ />
+
+
);
}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/page.tsx
index dcd27d6d..4f944e96 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/page.tsx
@@ -1,5 +1,5 @@
'use client'
-import { Box, Button, Center, SimpleGrid, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
+import { Box, Button, Center, Group, Paper, SimpleGrid, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
import IntoductionUI from './introduction/page';
import SymptomUI from './symptom/page';
import PreventionUI from './prevention/page';
@@ -39,19 +39,25 @@ function ArtikelKesehatan() {
base: 1, md: 2
}}>
- Artikel Kesehatan
- Submit
+
+ Artikel Kesehatan
+
+ Submit
+
+
- List Artikel Kesehatan
-
+ Data Artikel Kesehatan
+
@@ -78,71 +84,88 @@ function AllList() {
) return
{Array.from({ length: 10 }).map((v, k) =>
- return
- Intoduction
- {listState.introduction.findMany.data?.map((item) => (
-
-
- ))}
+ return
+ {/* Introduction */}
+
+ Pendahuluan
+ {listState.introduction.findMany.data?.map((item) => (
+
+
+ ))}
+
{/* Symptom */}
- {listState.symptom.findMany.data?.map((item) => (
-
- {item.title}
-
- ))}
+
+ Gejala Penyakit
+ {listState.symptom.findMany.data?.map((item) => (
+
+ {item.title}
+
+ ))}
+
{/* Prevention */}
- {listState.prevention.findMany.data?.map((item) => (
-
- {item.title}
-
- ))}
+
+ Pencegahan Penyakit
+ {listState.prevention.findMany.data?.map((item) => (
+
+ {item.title}
+
+ ))}
+
{/* First Aid */}
- {listState.firstAid.findMany.data?.map((item) => (
-
- {item.title}
-
- ))}
+
+ Pertolongan Pertama
+ {listState.firstAid.findMany.data?.map((item) => (
+
+ {item.title}
+
+ ))}
+
{/* Myth Fact */}
- {listState.mythFact.findMany.data?.map((item) => (
-
- {item.title}
-
-
-
-
- Mitos
-
-
- Fakta
-
-
-
-
-
- {item.mitos}
- {item.fakta}
-
-
-
-
- ))}
+
+ Mitos vs Fakta
+ {listState.mythFact.findMany.data?.map((item) => (
+
+ {item.title}
+
+
+
+
+ Mitos
+
+
+ Fakta
+
+
+
+
+
+ {item.mitos}
+ {item.fakta}
+
+
+
+
+ ))}
+
{/* Doctor Sign */}
- Kapan Harus Ke Dokter?
- {listState.doctorSign.findMany.data?.map((item) => (
-
-
- ))}
+
+ Kapan Harus Ke Dokter?
+ {listState.doctorSign.findMany.data?.map((item) => (
+
+
+ ))}
+
}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/prevention/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/prevention/page.tsx
index 95952f7b..4752cb9b 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/prevention/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/prevention/page.tsx
@@ -1,28 +1,33 @@
'use client'
import stateArtikelKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/artikelKesehatan';
-import { Box, Text, TextInput } from '@mantine/core';
+import { Box, Paper, Stack, Text, TextInput } from '@mantine/core';
import React from 'react';
import { useProxy } from 'valtio/utils';
import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+import colors from '@/con/colors';
function PreventionUI() {
const preventionState = useProxy(stateArtikelKesehatan.prevention)
return (
-
- Title Pencegahan Penyakit}
- placeholder="Masukkan title"
- onChange={(val) => {
- preventionState.create.form.title = val.target.value
- }}
- />
- {
- preventionState.create.form.content = val
- }}
- />
+
+
+
+ Judul Pencegahan Penyakit}
+ placeholder="Masukkan judul"
+ onChange={(val) => {
+ preventionState.create.form.title = val.target.value
+ }}
+ />
+ {
+ preventionState.create.form.content = val
+ }}
+ />
+
+
);
}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/symptom/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/symptom/page.tsx
index 1dd6bd75..195775f8 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/symptom/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/symptom/page.tsx
@@ -1,27 +1,32 @@
'use client'
import stateArtikelKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/artikelKesehatan';
-import { Box, Text, TextInput } from '@mantine/core';
+import { Box, Paper, Stack, Text, TextInput } from '@mantine/core';
import { useProxy } from 'valtio/utils';
import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+import colors from '@/con/colors';
function SymptomUI() {
const symptomState = useProxy(stateArtikelKesehatan.symptom)
return (
-
- Title Gejala Penyakit}
- placeholder='masukkan title'
- onChange={(val) => {
- symptomState.create.form.title = val.target.value
- }}
- />
- {
- symptomState.create.form.content = val
- }}
- />
+
+
+
+ Judul Gejala Penyakit}
+ placeholder='masukkan judul'
+ onChange={(val) => {
+ symptomState.create.form.title = val.target.value
+ }}
+ />
+ {
+ symptomState.create.form.content = val
+ }}
+ />
+
+
);
}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/dokterdantenagamedis/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/dokterdantenagamedis/page.tsx
index 1c4b9c9e..4e888c40 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/dokterdantenagamedis/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/dokterdantenagamedis/page.tsx
@@ -1,12 +1,15 @@
import stateFasilitasKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
-import { Box, Text, TextInput } from '@mantine/core';
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Text, TextInput } from '@mantine/core';
import { useProxy } from 'valtio/utils';
function DokterDanTenagaMedis() {
const dokterdantenagamedisState = useProxy(stateFasilitasKesehatan.dokterdantenagamedis)
return (
- Dokter & Tenaga Medis
+
+
+ Dokter & Tenaga Medis
+
);
}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/fasilitas_pendukung/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/fasilitas_pendukung/page.tsx
index 95ceb64a..6195fcae 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/fasilitas_pendukung/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/fasilitas_pendukung/page.tsx
@@ -1,17 +1,20 @@
import stateFasilitasKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
-import { Box, Text } from '@mantine/core';
+import { Box, Paper, Text } from '@mantine/core';
import { useProxy } from 'valtio/utils';
import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+import colors from '@/con/colors';
function FasilitasPendukung() {
const fasilitaspendukungState = useProxy(stateFasilitasKesehatan.fasilitaspendukung)
return
- Fasilitas Pendukung
-
+ Fasilitas Pendukung
+ {
fasilitaspendukungState.create.form.content = val;
}} />
+
}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/informasi_umum/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/informasi_umum/page.tsx
index 8e785f17..b220d62c 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/informasi_umum/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/informasi_umum/page.tsx
@@ -1,35 +1,40 @@
'use client'
import stateFasilitasKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
-import { Box, Text, TextInput } from '@mantine/core';
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Text, TextInput } from '@mantine/core';
import { useProxy } from 'valtio/utils';
function InformasiUmum() {
const infromasiState = useProxy(stateFasilitasKesehatan.informasiumum)
- return
- Informasi Umum
- {
- infromasiState.create.form.fasilitas = val.target.value
- }}
- />
- {
- infromasiState.create.form.alamat = val.target.value
- }}
- />
- {
- infromasiState.create.form.jamOperasional = val.target.value
- }}
- />
-
+ return
+
+ Informasi Umum
+
+ {
+ infromasiState.create.form.fasilitas = val.target.value
+ }}
+ />
+ {
+ infromasiState.create.form.alamat = val.target.value
+ }}
+ />
+ {
+ infromasiState.create.form.jamOperasional = val.target.value
+ }}
+ />
+
+
+
}
export default InformasiUmum;
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/layanan_unggulan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/layanan_unggulan/page.tsx
index 6dfc2c27..63c53209 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/layanan_unggulan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/layanan_unggulan/page.tsx
@@ -1,18 +1,21 @@
'use client'
import stateFasilitasKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
-import { Box, Text } from '@mantine/core';
+import { Box, Paper, Text } from '@mantine/core';
import { useProxy } from 'valtio/utils';
import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+import colors from '@/con/colors';
function LayananUnggulan() {
const informasiumumState = useProxy(stateFasilitasKesehatan.layananunggulan)
return
+
Layanan Unggulan
{
informasiumumState.create.form.content = val;
}} />
+
;
}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/page.tsx
index 38264c06..bdb84c62 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/page.tsx
@@ -2,7 +2,7 @@
import stateFasilitasKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
import colors from '@/con/colors';
-import { Box, Button, Center, SimpleGrid, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
+import { Box, Button, Center, Paper, SimpleGrid, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
import { useShallowEffect } from '@mantine/hooks';
import { useProxy } from 'valtio/utils';
import DokterDanTenagaMedis from './dokterdantenagamedis/page';
@@ -91,7 +91,7 @@ function FasilitasKesehatan() {
}}>
- Fasilitas Kesehatan
+ Tambah Fasilitas Kesehatan
{/* Informasi Umum */}
- List Fasilitas Kesehatan
+ Data Fasilitas Kesehatan
@@ -141,100 +141,113 @@ function AllList() {
{Array.from({ length: 10 }).map((v, k) =>
return
- Informasi Umum
- {allListState.informasiumum.findMany.data?.map((item) => (
-
+
+ Informasi Umum
+ {allListState.informasiumum.findMany.data?.map((item) => (
+
- {item.fasilitas}
- {item.alamat}
- {item.jamOperasional}
-
- ))}
+ {item.fasilitas}
+ {item.alamat}
+ {item.jamOperasional}
+
+ ))}
+
- Layanan Unggulan
- {allListState.layananunggulan.findMany.data?.map((item) => (
-
-
- ))}
+
+ Layanan Unggulan
+ {allListState.layananunggulan.findMany.data?.map((item) => (
+
+
+ ))}
+
- Dokter & Tenaga Medis
-
-
-
-
-
- Nama
-
-
- Specialist
-
-
- Jadwal
-
-
-
-
- {allListState.dokterdantenagamedis.findMany.data?.map((item) => (
-
- {item.name}
- Specialist {item.specialist}
- {item.jadwal}
+
+ Dokter & Tenaga Medis
+
+
+
+
+
+ Nama
+
+
+ Specialist
+
+
+ Jadwal
+
- ))}
-
-
+
+
+ {allListState.dokterdantenagamedis.findMany.data?.map((item) => (
+
+ {item.name}
+ Specialist {item.specialist}
+ {item.jadwal}
+
+ ))}
+
+
+
- Fasilitas Pendukung
- {allListState.fasilitaspendukung.findMany.data?.map((item) => (
-
-
- ))}
+
- Tarif & Layanan
-
-
-
-
- Layanan
-
-
- Tarif
-
-
-
-
- {allListState.tarifdanlayanan.findMany.data?.map((item) => (
-
- {item.layanan}
- Rp.{item.tarif}
+ Fasilitas Pendukung
+ {allListState.fasilitaspendukung.findMany.data?.map((item) => (
+
+
+ ))}
+
+
+
+ Tarif & Layanan
+
+
+
+
+ Layanan
+
+
+ Tarif
+
- ))}
-
-
+
+
+ {allListState.tarifdanlayanan.findMany.data?.map((item) => (
+
+ {item.layanan}
+ Rp.{item.tarif}
+
+ ))}
+
+
+
- Prosedur Pendaftaran
- {allListState.prosedurpendaftaran.findMany.data?.map((item) => (
-
-
- ))}
+
+ Prosedur Pendaftaran
+ {allListState.prosedurpendaftaran.findMany.data?.map((item) => (
+
+
+ ))}
+
}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/prosedurpendaftaran/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/prosedurpendaftaran/page.tsx
index 17a42a30..b28cb52e 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/prosedurpendaftaran/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/prosedurpendaftaran/page.tsx
@@ -1,19 +1,22 @@
import stateFasilitasKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
-import { Box, Text } from '@mantine/core';
+import { Box, Text, Paper } from '@mantine/core';
import { useProxy } from 'valtio/utils';
import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+import colors from '@/con/colors';
function ProsedurPendaftaran() {
const prosedurpendaftaranState = useProxy(stateFasilitasKesehatan.prosedurpendaftaran)
return
+
Prosedur Pendaftaran
- {
- prosedurpendaftaranState.create.form.content = val;
- }} />
-
-
+ {
+ prosedurpendaftaranState.create.form.content = val;
+ }} />
+
+
+
}
export default ProsedurPendaftaran;
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/tarifdanlayanan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/tarifdanlayanan/page.tsx
index 6622c5c6..b9ae2bce 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/tarifdanlayanan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/tarifdanlayanan/page.tsx
@@ -1,27 +1,32 @@
import stateFasilitasKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
-import { Box, Text, TextInput } from '@mantine/core';
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Text, TextInput } from '@mantine/core';
import { useProxy } from 'valtio/utils';
function TarifDanLayanan() {
const tarifdanlayanan = useProxy(stateFasilitasKesehatan.tarifdanlayanan)
return
- Tarif & Layanan
- {
- tarifdanlayanan.create.form.tarif = val.target.value
- }}
- />
- {
- tarifdanlayanan.create.form.layanan = val.target.value
- }}
- />
-
+
+ Tarif & Layanan
+
+ {
+ tarifdanlayanan.create.form.tarif = val.target.value
+ }}
+ />
+ {
+ tarifdanlayanan.create.form.layanan = val.target.value
+ }}
+ />
+
+
+
}
export default TarifDanLayanan;
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/grafik_hasil_kepuasan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/grafik_hasil_kepuasan/page.tsx
index fd107859..cd352a75 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/grafik_hasil_kepuasan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/grafik_hasil_kepuasan/page.tsx
@@ -2,7 +2,7 @@
'use client'
import stategrafikKepuasan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/grafikKepuasan';
import colors from '@/con/colors';
-import { Box, Button, Group, Stack, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Paper, Skeleton, Stack, TextInput, Title } from '@mantine/core';
import { useMediaQuery, useShallowEffect } from '@mantine/hooks';
import { useEffect, useState } from 'react';
import { Bar, BarChart, Legend, Tooltip, XAxis, YAxis } from 'recharts';
@@ -35,54 +35,65 @@ function GrafikHasilKepuasan() {
return (
-
- Grafik Hasil Kepuasan
-
- {
- grafikkepuasan.create.form.label = val.currentTarget.value
- }}
- />
- {
- grafikkepuasan.create.form.jumlah = val.currentTarget.value
- }}
- />
-
-
- {
- await grafikkepuasan.create.create();
- await grafikkepuasan.findMany.load();
- if (grafikkepuasan.findMany.data) {
- setChartData(grafikkepuasan.findMany.data);
- }
- }}
- >Submit
-
-
- Data Kelahiran & Kematian
-
-
-
+
+
+ Tambah Grafik Hasil Kepuasan
+
+ {
+ grafikkepuasan.create.form.label = val.currentTarget.value
+ }}
+ />
+ {
+ grafikkepuasan.create.form.jumlah = val.currentTarget.value
+ }}
+ />
+
+ {
+ await grafikkepuasan.create.create();
+ await grafikkepuasan.findMany.load();
+ if (grafikkepuasan.findMany.data) {
+ setChartData(grafikkepuasan.findMany.data);
+ }
+ }}
+ >Submit
+
+
+
+ {!chartData ? (
+
+
+ Data Hasil Kepuasan
+
+
+ ) : (
+
+
+ Data Hasil Kepuasan
+
+
+
+
+ )}
);
}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/deskripsi_kegiatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/deskripsi_kegiatan/page.tsx
index 9d751bb5..f9800287 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/deskripsi_kegiatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/deskripsi_kegiatan/page.tsx
@@ -1,19 +1,24 @@
import stateJadwalKegiatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/jadwalKegiatan';
-import { Box, Text } from '@mantine/core';
+import { Box, Paper, Stack, Text } from '@mantine/core';
import { useProxy } from 'valtio/utils';
import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+import colors from '@/con/colors';
function DeskripsiKegiatan() {
const deskripsiKegiatanState = useProxy(stateJadwalKegiatan.deskripsiKegiatan)
return (
- Deskripsi Kegiatan
- {
- deskripsiKegiatanState.create.form.deskripsi = val
- }}
- />
+
+
+ Deskripsi Kegiatan
+ {
+ deskripsiKegiatanState.create.form.deskripsi = val
+ }}
+ />
+
+
);
}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/dokumen_yang_diperlukan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/dokumen_yang_diperlukan/page.tsx
index aa4d59a1..4593215e 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/dokumen_yang_diperlukan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/dokumen_yang_diperlukan/page.tsx
@@ -1,19 +1,24 @@
import stateJadwalKegiatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/jadwalKegiatan';
-import { Box, Text } from '@mantine/core';
+import { Box, Paper, Stack, Text } from '@mantine/core';
import { useProxy } from 'valtio/utils';
import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+import colors from '@/con/colors';
function DokumenYangDiperlukan() {
const dokumenDiperlukan = useProxy(stateJadwalKegiatan.dokumenjadwalkegiatan)
return (
- Dokumen Yang Diperlukan
- {
- dokumenDiperlukan.create.form.content = val;
- }}
- />
+
+
+ Dokumen Yang Diperlukan
+ {
+ dokumenDiperlukan.create.form.content = val;
+ }}
+ />
+
+
);
}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/informasi_kegiatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/informasi_kegiatan/page.tsx
index e07b5e2a..ea6429c5 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/informasi_kegiatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/informasi_kegiatan/page.tsx
@@ -1,12 +1,15 @@
import stateJadwalKegiatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/jadwalKegiatan';
-import { Box, Text, TextInput } from '@mantine/core';
+import colors from '@/con/colors';
+import { Box, Paper, Stack, TextInput, Title } from '@mantine/core';
import { useProxy } from 'valtio/utils';
function InformasiKegiatan() {
const informasiKegiatanState = useProxy(stateJadwalKegiatan.informasiKegiatan)
return (
- Informasi Kegiatan
+
+
+ Informasi Kegiatan
+
);
}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/layanan_yang_tersedia/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/layanan_yang_tersedia/page.tsx
index e3d2b28b..c324079a 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/layanan_yang_tersedia/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/layanan_yang_tersedia/page.tsx
@@ -1,19 +1,24 @@
import stateJadwalKegiatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/jadwalKegiatan';
-import { Box, Text } from '@mantine/core';
+import { Box, Paper, Stack, Text } from '@mantine/core';
import { useProxy } from 'valtio/utils';
import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+import colors from '@/con/colors';
function LayananTersedia() {
const layananTersediaState = useProxy(stateJadwalKegiatan.layanantersedia)
return (
- Layanan Yang Tersedia
- {
- layananTersediaState.create.form.content = val;
- }}
- />
+
+
+ Layanan Yang Tersedia
+ {
+ layananTersediaState.create.form.content = val;
+ }}
+ />
+
+
);
}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/page.tsx
index a38ea92f..792a618b 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/page.tsx
@@ -1,6 +1,6 @@
'use client'
import stateJadwalKegiatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/jadwalKegiatan';
-import { Box, Button, SimpleGrid, Skeleton, Stack, Text, Title } from '@mantine/core';
+import { Box, Button, Paper, SimpleGrid, Skeleton, Stack, Text, Title } from '@mantine/core';
import { useShallowEffect } from '@mantine/hooks';
import { useProxy } from 'valtio/utils';
import DeskripsiKegiatan from './deskripsi_kegiatan/page';
@@ -9,6 +9,7 @@ import InformasiKegiatan from './informasi_kegiatan/page';
import LayananTersedia from './layanan_yang_tersedia/page';
import Pendaftaran from './pendaftaran/page';
import SyaratDanKetentuan from './syarat_dan_ketentuan/page';
+import colors from '@/con/colors';
function JadwalKegiatan() {
const allState = useProxy(stateJadwalKegiatan)
@@ -54,21 +55,25 @@ function JadwalKegiatan() {
base: 1, md: 2
}}>
- Jadwal Kegiatan
-
- Submit
-
+
+ Tambah Jadwal Kegiatan
+
+ Submit
+
+
- List Jadwal Kegiatan
-
+ Data Jadwal Kegiatan
+
@@ -103,68 +108,82 @@ function AllList() {
);
}
return (
-
- Informasi Kegiatan
- {allList.informasiKegiatan.findMany.data?.map((item) => {
- return (
-
- {item.name}
- {item.tanggal}
- {item.waktu}
- {item.lokasi}
-
- )
- })}
+
- Deskripsi Kegiatan
- {allList.deskripsiKegiatan.findMany.data?.map((item) => {
- return (
-
-
- )
- })}
+
+ Informasi Kegiatan
+ {allList.informasiKegiatan.findMany.data?.map((item) => {
+ return (
+
+ {item.name}
+ {item.tanggal}
+ {item.waktu}
+ {item.lokasi}
+
+ )
+ })}
+
- Layanan Yang Tersedia
- {allList.layanantersedia.findMany.data?.map((item) => {
- return (
-
-
- )
- })}
+
- Syarat dan Ketentuan
- {allList.syaratketentuan.findMany.data?.map((item) => {
- return (
-
-
- )
- })}
+ Deskripsi Kegiatan
+ {allList.deskripsiKegiatan.findMany.data?.map((item) => {
+ return (
+
+
+ )
+ })}
+
- Dokumen Yang Diperlukan
- {allList.dokumenjadwalkegiatan.findMany.data?.map((item) => {
- return (
-
-
- )
- })}
+
+ Layanan Yang Tersedia
+ {allList.layanantersedia.findMany.data?.map((item) => {
+ return (
+
+
+ )
+ })}
+
- Pendaftaran
- {allList.pendaftaranjadwal.findMany.data?.map((item) => {
- return (
-
- {item.name}
- {item.tanggal}
- {item.namaOrangtua}
- {item.nomor}
- {item.alamat}
- {item.catatan}
-
- )
- })}
+
+ Syarat dan Ketentuan
+ {allList.syaratketentuan.findMany.data?.map((item) => {
+ return (
+
+
+ )
+ })}
+
+
+
+ Dokumen Yang Diperlukan
+ {allList.dokumenjadwalkegiatan.findMany.data?.map((item) => {
+ return (
+
+
+ )
+ })}
+
+
+
+ Pendaftaran
+ {allList.pendaftaranjadwal.findMany.data?.map((item) => {
+ return (
+
+ {item.name}
+ {item.tanggal}
+ {item.namaOrangtua}
+ {item.nomor}
+ {item.alamat}
+ {item.catatan}
+
+ )
+ })}
+
)
}
diff --git a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/pendaftaran/page.tsx b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/pendaftaran/page.tsx
index f59af324..6fa56544 100644
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/pendaftaran/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/pendaftaran/page.tsx
@@ -1,56 +1,61 @@
'use client'
import stateJadwalKegiatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/jadwalKegiatan';
-import { Box, Text, Textarea, TextInput } from '@mantine/core';
+import colors from '@/con/colors';
+import { Box, Paper, Stack, Text, Textarea, TextInput } from '@mantine/core';
import { useProxy } from 'valtio/utils';
function Pendaftaran() {
- const pendaftaran = useProxy(stateJadwalKegiatan.pendaftaranjadwal)
+ const pendaftaran = useProxy(stateJadwalKegiatan.pendaftaranjadwal)
return (
- Pendaftaran
- {
- pendaftaran.create.form.name = val.target.value
- }}
- />
- {
- pendaftaran.create.form.tanggal = val.target.value
- }}
- />
- {
- pendaftaran.create.form.namaOrangtua = val.target.value
- }}
- />
- {
- pendaftaran.create.form.nomor = val.target.value
- }}
- />
- {
- pendaftaran.create.form.alamat = val.target.value
- }}
- />
-