wibu/desa-darmasaba
1
0
Fork 0
Code Issues Pull Requests 5 Actions Packages Projects Releases Wiki Activity

API & UI Menu Lingkungan Submenu Pengelolaan Sampah

Browse Source
This commit is contained in:
nico
2025-07-18 15:01:43 +08:00
parent 7439eb7687
commit 4025771a4d
25 changed files with 1235 additions and 304 deletions
Download Patch File Download Diff File Expand all files Collapse all files

335
src/app/admin/(dashboard)/_state/lingkungan/pengelolaan-sampah.ts
View File

@@ -15,12 +15,12 @@ const defaultForm = {
icon: "",
};
const pengelolaanSampahState = proxy({
const pengelolaanSampah = proxy({
create: {
form: { ...defaultForm },
loading: false,
async create() {
const cek = templateForm.safeParse(pengelolaanSampahState.create.form);
const cek = templateForm.safeParse(pengelolaanSampah.create.form);
if (!cek.success) {
const err = `[${cek.error.issues
.map((v) => `${v.path.join(".")}`)
@@ -29,12 +29,12 @@ const pengelolaanSampahState = proxy({
}
try {
pengelolaanSampahState.create.loading = true;
const res = await ApiFetch.api.lingkungan.pengelolaansampah["create"].post(
pengelolaanSampahState.create.form
);
pengelolaanSampah.create.loading = true;
const res = await ApiFetch.api.lingkungan.pengelolaansampah[
"create"
].post(pengelolaanSampah.create.form);
if (res.status === 200) {
pengelolaanSampahState.findMany.load();
pengelolaanSampah.findMany.load();
return toast.success("success create");
}
console.log(res);
@@ -42,7 +42,7 @@ const pengelolaanSampahState = proxy({
} catch (error) {
console.log((error as Error).message);
} finally {
pengelolaanSampahState.create.loading = false;
pengelolaanSampah.create.loading = false;
}
},
},
@@ -54,33 +54,35 @@ const pengelolaanSampahState = proxy({
loading: false,
load: async (page = 1, limit = 10) => {
// Change to arrow function
pengelolaanSampahState.findMany.loading = true; // Use the full path to access the property
pengelolaanSampahState.findMany.page = page;
pengelolaanSampah.findMany.loading = true; // Use the full path to access the property
pengelolaanSampah.findMany.page = page;
try {
const res = await ApiFetch.api.lingkungan.pengelolaansampah["find-many"].get({
const res = await ApiFetch.api.lingkungan.pengelolaansampah[
"find-many"
].get({
query: { page, limit },
});
if (res.status === 200 && res.data?.success) {
pengelolaanSampahState.findMany.data = res.data.data || [];
pengelolaanSampahState.findMany.total = res.data.total || 0;
pengelolaanSampahState.findMany.totalPages = res.data.totalPages || 1;
pengelolaanSampah.findMany.data = res.data.data || [];
pengelolaanSampah.findMany.total = res.data.total || 0;
pengelolaanSampah.findMany.totalPages = res.data.totalPages || 1;
} else {
console.error(
"Failed to load pengelolaan sampah:",
res.data?.message
);
pengelolaanSampahState.findMany.data = [];
pengelolaanSampahState.findMany.total = 0;
pengelolaanSampahState.findMany.totalPages = 1;
pengelolaanSampah.findMany.data = [];
pengelolaanSampah.findMany.total = 0;
pengelolaanSampah.findMany.totalPages = 1;
}
} catch (error) {
console.error("Error loading pengelolaan sampah:", error);
pengelolaanSampahState.findMany.data = [];
pengelolaanSampahState.findMany.total = 0;
pengelolaanSampahState.findMany.totalPages = 1;
pengelolaanSampah.findMany.data = [];
pengelolaanSampah.findMany.total = 0;
pengelolaanSampah.findMany.totalPages = 1;
} finally {
pengelolaanSampahState.findMany.loading = false;
pengelolaanSampah.findMany.loading = false;
}
},
},
@@ -95,12 +97,15 @@ const pengelolaanSampahState = proxy({
}
try {
const response = await fetch(`/api/lingkungan/pengelolaansampah/${id}`, {
method: "GET",
headers: {
"Content-Type": "application/json",
},
});
const response = await fetch(
`/api/lingkungan/pengelolaansampah/${id}`,
{
method: "GET",
headers: {
"Content-Type": "application/json",
},
}
);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
@@ -143,19 +148,22 @@ const pengelolaanSampahState = proxy({
}
this.loading = true;
try {
const response = await fetch(`/api/lingkungan/pengelolaansampah/${id}`, {
method: "PUT",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(this.form),
});
const response = await fetch(
`/api/lingkungan/pengelolaansampah/${id}`,
{
method: "PUT",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(this.form),
}
);
const result = await response.json();
if (!response.ok || !result?.success) {
throw new Error(result?.message || "Gagal update data");
}
toast.success("Berhasil update data!");
await pengelolaanSampahState.findMany.load();
await pengelolaanSampah.findMany.load();
return result.data;
} catch (error) {
console.error("Error update data:", error);
@@ -174,14 +182,14 @@ const pengelolaanSampahState = proxy({
const res = await fetch(`/api/lingkungan/pengelolaansampah/${id}`);
if (res.ok) {
const data = await res.json();
pengelolaanSampahState.findUnique.data = data.data ?? null;
pengelolaanSampah.findUnique.data = data.data ?? null;
} else {
console.error("Failed to fetch data", res.status, res.statusText);
pengelolaanSampahState.findUnique.data = null;
pengelolaanSampah.findUnique.data = null;
}
} catch (error) {
console.error("Error loading pengelolaan sampah:", error);
pengelolaanSampahState.findUnique.data = null;
pengelolaanSampah.findUnique.data = null;
}
},
},
@@ -191,20 +199,25 @@ const pengelolaanSampahState = proxy({
if (!id) return toast.warn("ID tidak valid");
try {
pengelolaanSampahState.delete.loading = true;
pengelolaanSampah.delete.loading = true;
const response = await fetch(`/api/lingkungan/pengelolaansampah/del/${id}`, {
method: "DELETE",
headers: {
"Content-Type": "application/json",
},
});
const response = await fetch(
`/api/lingkungan/pengelolaansampah/del/${id}`,
{
method: "DELETE",
headers: {
"Content-Type": "application/json",
},
}
);
const result = await response.json();
if (response.ok && result?.success) {
toast.success(result.message || "pengelolaan sampah berhasil dihapus");
await pengelolaanSampahState.findMany.load(); // refresh list
toast.success(
result.message || "pengelolaan sampah berhasil dihapus"
);
await pengelolaanSampah.findMany.load(); // refresh list
} else {
toast.error(result?.message || "Gagal menghapus pengelolaan sampah");
}
@@ -212,10 +225,236 @@ const pengelolaanSampahState = proxy({
console.error("Gagal delete:", error);
toast.error("Terjadi kesalahan saat menghapus pengelolaan sampah");
} finally {
pengelolaanSampahState.delete.loading = false;
pengelolaanSampah.delete.loading = false;
}
},
},
});
const templateKeteranganSampahForm = z.object({
name: z.string().min(1, "Nama minimal 1 karakter"),
alamat: z.string().min(1, "Alamat minimal 1 karakter"),
namaTempatMaps: z.string().min(1, "Nama Tempat Maps minimal 1 karakter"),
lat: z.number(),
lng: z.number(),
});
const defaultKeteranganSampahForm = {
name: "",
alamat: "",
namaTempatMaps: "",
lat: 0,
lng: 0,
};
const keteranganSampah = proxy({
create: {
form: { ...defaultKeteranganSampahForm },
loading: false,
async create() {
const cek = templateKeteranganSampahForm.safeParse(
keteranganSampah.create.form
);
if (!cek.success) {
const err = `[${cek.error.issues
.map((v) => `${v.path.join(".")}`)
.join("\n")}] required`;
return toast.error(err);
}
try {
keteranganSampah.create.loading = true;
const res =
await ApiFetch.api.lingkungan.pengelolaansampah.keteranganbankterdekat[
"create"
].post(keteranganSampah.create.form);
if (res.status === 200) {
keteranganSampah.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 {
keteranganSampah.create.loading = false;
}
},
},
findMany: {
data: null as
| Prisma.KeteranganBankSampahTerdekatGetPayload<{
omit: { isActive: true };
}>[]
| null,
async load() {
const res = await ApiFetch.api.lingkungan.pengelolaansampah.keteranganbankterdekat[
"find-many"
].get();
if (res.status === 200) {
keteranganSampah.findMany.data = res.data?.data ?? [];
}
},
},
findUnique: {
data: null as Prisma.KeteranganBankSampahTerdekatGetPayload<{
omit: { isActive: true };
}> | null,
async load(id: string) {
try {
const res = await fetch(`/api/lingkungan/pengelolaansampah/keteranganbankterdekat/${id}`);
if (res.ok) {
const data = await res.json();
keteranganSampah.findUnique.data = data.data ?? null;
} else {
console.error("Failed to fetch data", res.status, res.statusText);
keteranganSampah.findUnique.data = null;
}
} catch (error) {
console.error("Error fetching data:", error);
keteranganSampah.findUnique.data = null;
}
},
},
delete: {
loading: false,
async byId(id: string) {
if (!id) return toast.warn("ID tidak valid");
try {
keteranganSampah.delete.loading = true;
const response = await fetch(`/api/lingkungan/pengelolaansampah/keteranganbankterdekat/del/${id}`, {
method: "DELETE",
headers: {
"Content-Type": "application/json",
},
});
const result = await response.json();
if (response.ok && result?.success) {
toast.success(result.message || "Keterangan sampah berhasil dihapus");
await keteranganSampah.findMany.load(); // refresh list
} else {
toast.error(result?.message || "Gagal menghapus keterangan sampah");
}
} catch (error) {
console.error("Gagal delete:", error);
toast.error("Terjadi kesalahan saat menghapus keterangan sampah");
} finally {
keteranganSampah.delete.loading = false;
}
},
},
edit: {
id: "",
form: { ...defaultKeteranganSampahForm },
loading: false,
async load(id: string) {
if (!id) {
toast.warn("ID tidak valid");
return null;
}
try {
const response = await fetch(`/api/lingkungan/pengelolaansampah/keteranganbankterdekat/${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,
alamat: data.alamat,
namaTempatMaps: data.namaTempatMaps,
lat: data.lat,
lng: data.lng,
};
return data;
} else {
throw new Error(result?.message || "Gagal memuat data");
}
} catch (error) {
console.error("Error loading keterangan sampah:", error);
toast.error(
error instanceof Error ? error.message : "Gagal memuat data"
);
return null;
}
},
async update() {
const cek = templateKeteranganSampahForm.safeParse(keteranganSampah.edit.form);
if (!cek.success) {
const err = `[${cek.error.issues
.map((v) => `${v.path.join(".")}`)
.join("\n")}] required`;
return toast.error(err);
}
try {
keteranganSampah.edit.loading = true;
const response = await fetch(
`/api/lingkungan/pengelolaansampah/keteranganbankterdekat/${this.id}`,
{
method: "PUT",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
name: this.form.name,
alamat: this.form.alamat,
namaTempatMaps: this.form.namaTempatMaps,
lat: this.form.lat,
lng: this.form.lng,
}),
}
);
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 keterangan sampah");
await keteranganSampah.findMany.load(); // refresh list
return true;
} else {
throw new Error(result.message || "Gagal mengupdate keterangan sampah");
}
} catch (error) {
console.error("Error updating keterangan sampah:", error);
toast.error(
error instanceof Error
? error.message
: "Gagal mengupdate keterangan sampah"
);
return false;
} finally {
keteranganSampah.edit.loading = false;
}
},
reset() {
keteranganSampah.edit.id = "";
keteranganSampah.edit.form = { ...defaultKeteranganSampahForm };
},
},
});
const pengelolaanSampahState = proxy({
pengelolaanSampah,
keteranganSampah,
});
export default pengelolaanSampahState;