Merge pull request #38 from bipproduction/nico/1-jul-25

UI & API Menu Keamanan baru 3 Menu : Keamanan Lingkungan, Polsek Terd

src/app/admin/(dashboard)/_state/keamanan/keamanan-lingkungan.ts

@@ -0,0 +1,229 @@
+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(3, "Nama minimal 3 karakter"),
+  deskripsi: z.string().min(3, "Deskripsi minimal 3 karakter"),
+  imageId: z.string().nonempty(),
+});
+
+const defaultForm = {
+  name: "",
+  deskripsi: "",
+  imageId: "",
+};
+
+const keamananLingkunganState = proxy({
+  create: {
+    form: { ...defaultForm },
+    loading: false,
+    async create() {
+      const cek = templateForm.safeParse(keamananLingkunganState.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        keamananLingkunganState.create.loading = true;
+        const res = await ApiFetch.api.keamanan.keamananlingkungan[
+          "create"
+        ].post(keamananLingkunganState.create.form);
+        if (res.status === 200) {
+          keamananLingkunganState.findMany.load();
+          return toast.success("success create");
+        }
+        console.log(res);
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        keamananLingkunganState.create.loading = false;
+      }
+    },
+    resetForm() {
+      keamananLingkunganState.create.form = { ...defaultForm };
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.KeamananLingkunganGetPayload<{
+          include: { image: true };
+        }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.keamanan.keamananlingkungan[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        keamananLingkunganState.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.KeamananLingkunganGetPayload<{
+      include: { image: true };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/keamanan/keamananlingkungan/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          keamananLingkunganState.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch data", res.status, res.statusText);
+          keamananLingkunganState.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching data:", error);
+        keamananLingkunganState.findUnique.data = null;
+      }
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        keamananLingkunganState.delete.loading = true;
+
+        const response = await fetch(
+          `/api/keamanan/keamananlingkungan/del/${id}`,
+          {
+            method: "DELETE",
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
+
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(
+            result.message || "Keamanan ingkungan berhasil dihapus"
+          );
+          await keamananLingkunganState.findMany.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus keamanan ingkungan");
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus keamanan ingkungan");
+      } finally {
+        keamananLingkunganState.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/keamanan/keamananlingkungan/${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,
+            imageId: data.imageId || "",
+          };
+          return data; // Return the loaded data
+        } else {
+          throw new Error(result?.message || "Gagal memuat data");
+        }
+      } catch (error) {
+        console.error("Error loading keamanan lingkungan:", error);
+        toast.error(
+          error instanceof Error ? error.message : "Gagal memuat data"
+        );
+        return null;
+      }
+    },
+
+    async update() {
+      const cek = templateForm.safeParse(keamananLingkunganState.edit.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        toast.error(err);
+        return false;
+      }
+
+      try {
+        keamananLingkunganState.edit.loading = true;
+
+        const response = await fetch(`/api/keamanan/keamananlingkungan/${this.id}`, {
+          method: "PUT",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify({
+            name: this.form.name,
+            deskripsi: this.form.deskripsi,
+            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 keamanan lingkungan");
+          await keamananLingkunganState.findMany.load(); // refresh list
+          return true;
+        } else {
+          throw new Error(result.message || "Gagal update keamanan lingkungan");
+        }
+      } catch (error) {
+        console.error("Error updating keamanan lingkungan:", error);
+        toast.error(
+          error instanceof Error
+            ? error.message
+            : "Terjadi kesalahan saat update keamanan lingkungan"
+        );
+        return false;
+      } finally {
+        keamananLingkunganState.edit.loading = false;
+      }
+    },
+    reset() {
+      keamananLingkunganState.edit.id = "";
+      keamananLingkunganState.edit.form = { ...defaultForm };
+    },
+  },
+});
+
+export default keamananLingkunganState;

src/app/admin/(dashboard)/_state/keamanan/polsek-terdekat.ts

@@ -0,0 +1,242 @@
+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({
+  nama: z.string().min(3, "Nama minimal 3 karakter"),
+  jarakKeDesa: z.string().min(3, "Jarak minimal 3 karakter"),
+  alamat: z.string().min(3, "Alamat minimal 3 karakter"),
+  nomorTelepon: z.string().min(3, "Nomor Telepon minimal 3 karakter"),
+  jamOperasional: z.string().min(3, "Jam Operasional minimal 3 karakter"),
+  embedMapUrl: z.string().min(3, "Embed Map Url minimal 3 karakter"),
+  namaTempatMaps: z.string().min(3, "Nama Tempat Maps minimal 3 karakter"),
+  alamatMaps: z.string().min(3, "Alamat Maps minimal 3 karakter"),
+  linkPetunjukArah: z.string().min(3, "Link Petunjuk Arah minimal 3 karakter"),
+  layananPolsekId: z.string().min(3, "Layanan Polsek Id minimal 3 karakter"),
+});
+
+const defaultForm = {
+  nama: "",
+  jarakKeDesa: "",
+  alamat: "",
+  nomorTelepon: "",
+  jamOperasional: "",
+  embedMapUrl: "",
+  namaTempatMaps: "",
+  alamatMaps: "",
+  linkPetunjukArah: "",
+  layananPolsekId: "",
+};
+
+const polsekTerdekatState = proxy({
+  create: {
+    form: { ...defaultForm },
+    loading: false,
+    async create() {
+      const cek = templateForm.safeParse(polsekTerdekatState.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        polsekTerdekatState.create.loading = true;
+        const res = await ApiFetch.api.keamanan.polsekterdekat["create"].post(
+          polsekTerdekatState.create.form
+        );
+        if (res.status === 200) {
+          polsekTerdekatState.findMany.load();
+          return toast.success("Data berhasil ditambahkan");
+        }
+        return toast.error("Gagal menambahkan data");
+      } catch (error) {
+        console.log(error);
+        toast.error("Gagal menambahkan data");
+      } finally {
+        polsekTerdekatState.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.PolsekTerdekatGetPayload<{
+          include: { layananPolsek: true };
+        }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.keamanan.polsekterdekat["find-many"].get();
+      if (res.status === 200) {
+        polsekTerdekatState.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.PolsekTerdekatGetPayload<{
+      include: { layananPolsek: true };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/keamanan/polsekterdekat/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          polsekTerdekatState.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch data", res.status, res.statusText);
+          polsekTerdekatState.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching data:", error);
+        polsekTerdekatState.findUnique.data = null;
+      }
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        polsekTerdekatState.delete.loading = true;
+
+        const response = await fetch(`/api/keamanan/polsekterdekat/del/${id}`, {
+          method: "DELETE",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(result.message || "Polsek terdekat berhasil dihapus");
+          await polsekTerdekatState.findMany.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus polsek terdekat");
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus polsek terdekat");
+      } finally {
+        polsekTerdekatState.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/keamanan/polsekterdekat/${id}`, {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const result = await response.json();
+        if (result?.success) {
+          const data = result.data;
+          this.id = data.id;
+          this.form = {
+            nama: data.nama,
+            jarakKeDesa: data.jarakKeDesa,
+            alamat: data.alamat,
+            nomorTelepon: data.nomorTelepon,
+            jamOperasional: data.jamOperasional,
+            embedMapUrl: data.embedMapUrl,
+            namaTempatMaps: data.namaTempatMaps,
+            alamatMaps: data.alamatMaps,
+            linkPetunjukArah: data.linkPetunjukArah,
+            layananPolsekId: data.layananPolsekId,
+          };
+          return data;
+        } else {
+          throw new Error(result?.message || "Gagal memuat data");
+        }
+      } catch (error) {
+        console.error("Error loading polsek terdekat:", error);
+        toast.error(
+          error instanceof Error ? error.message : "Gagal memuat data"
+        );
+        return null;
+      }
+    },
+
+    async update() {
+      const cek = templateForm.safeParse(polsekTerdekatState.edit.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        polsekTerdekatState.edit.loading = true;
+        const response = await fetch(
+          `/api/keamanan/polsekterdekat/${this.id}`,
+          {
+            method: "PUT",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+              nama: this.form.nama,
+              jarakKeDesa: this.form.jarakKeDesa,
+              alamat: this.form.alamat,
+              nomorTelepon: this.form.nomorTelepon,
+              jamOperasional: this.form.jamOperasional,
+              embedMapUrl: this.form.embedMapUrl,
+              namaTempatMaps: this.form.namaTempatMaps,
+              alamatMaps: this.form.alamatMaps,
+              linkPetunjukArah: this.form.linkPetunjukArah,
+              layananPolsekId: this.form.layananPolsekId,
+            }),
+          }
+        );
+        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 polsek terdekat");
+          await polsekTerdekatState.findMany.load(); // refresh list
+          return true;
+        } else {
+          throw new Error(result.message || "Gagal mengupdate polsek terdekat");
+        }
+      } catch (error) {
+        console.error("Error updating polsek terdekat:", error);
+        toast.error(
+          error instanceof Error
+            ? error.message
+            : "Gagal mengupdate polsek terdekat"
+        );
+        return false;
+      } finally {
+        polsekTerdekatState.edit.loading = false;
+      }
+    },
+    reset() {
+      polsekTerdekatState.edit.id = "";
+      polsekTerdekatState.edit.form = { ...defaultForm };
+    },
+  },
+});
+
+export default polsekTerdekatState;

src/app/admin/(dashboard)/_state/keamanan/tips-keamanan.ts

@@ -0,0 +1,212 @@
+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, "Nama minimal 3 karakter"),
+  deskripsi: z.string().min(3, "Deskripsi minimal 3 karakter"),
+  imageId: z.string().nonempty(),
+});
+
+const defaultForm = {
+  judul: "",
+  deskripsi: "",
+  imageId: "",
+};
+
+const tipsKeamananState = proxy({
+  create: {
+    form: { ...defaultForm },
+    loading: false,
+    async create() {
+      const cek = templateForm.safeParse(tipsKeamananState.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        tipsKeamananState.create.loading = true;
+        const res = await ApiFetch.api.keamanan.menutipskeamanan["create"].post(
+          tipsKeamananState.create.form
+        );
+        if (res.status === 200) {
+          tipsKeamananState.findMany.load();
+          return toast.success("success create");
+        }
+        console.log(res);
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        tipsKeamananState.create.loading = false;
+      }
+    },
+    resetForm() {
+      tipsKeamananState.create.form = { ...defaultForm };
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.MenuTipsKeamananGetPayload<{
+          include: { image: true };
+        }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.keamanan.menutipskeamanan[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        tipsKeamananState.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.MenuTipsKeamananGetPayload<{
+      include: { image: true };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/keamanan/menutipskeamanan/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          tipsKeamananState.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch data", res.status, res.statusText);
+          tipsKeamananState.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching data:", error);
+        tipsKeamananState.findUnique.data = null;
+      }
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+      try {
+        tipsKeamananState.delete.loading = true;
+        const response = await fetch(
+          `/api/keamanan/menutipskeamanan/del/${id}`,
+          {
+            method: "DELETE",
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
+        const result = await response.json();
+        if (response.ok && result?.success) {
+          toast.success(result.message || "Tips keamanan berhasil dihapus");
+          await tipsKeamananState.findMany.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus tips keamanan");
+        }
+      } catch (error) {
+        toast.error("Terjadi kesalahan saat menghapus tips keamanan");
+        console.error("Gagal delete:", error);
+      } finally {
+        tipsKeamananState.delete.loading = false;
+      }
+    },
+  },
+  update: {
+    id: "",
+    loading: false,
+    form: { ...defaultForm },
+
+    async load(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+      try {
+        tipsKeamananState.update.loading = true;
+        const response = await fetch(`/api/keamanan/menutipskeamanan/${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,
+            imageId: data.imageId || "",
+          };
+          return data; // Return the loaded data
+        } else {
+          throw new Error(result?.message || "Gagal memuat data");
+        }
+      } catch (error) {
+        console.error("Error fetching data:", error);
+        toast.error("Gagal memuat data");
+        return null;
+      }
+    },
+    async update() {
+      const cek = templateForm.safeParse(tipsKeamananState.update.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        tipsKeamananState.update.loading = true;
+        const response = await fetch(
+          `/api/keamanan/menutipskeamanan/${tipsKeamananState.update.id}`,
+          {
+            method: "PUT",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+              judul: this.form.judul,
+              deskripsi: this.form.deskripsi,
+              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 tips keamanan");
+          await tipsKeamananState.findMany.load(); // refresh list
+          return true;
+        } else {
+          throw new Error(result.message || "Gagal update tips keamanan");
+        }
+      } catch (error) {
+        console.error("Error updating data:", error);
+        toast.error("Gagal update data");
+        return false;
+      } finally {
+        tipsKeamananState.update.loading = false;
+      }
+    },
+    reset() {
+      tipsKeamananState.update.id = "";
+      tipsKeamananState.update.form = { ...defaultForm };
+    },
+  },
+});
+export default tipsKeamananState;