Senin, 19 May 2025 :
Yang Sudah Di Kerjakan - Tampilan UI Admin di menu kesehatan Yang Akan Dikerjakan: - API Di Menu Desa - Tampilan UI Admin Di Menu Keamanan
This commit is contained in:
239
src/app/admin/(dashboard)/_state/desa/profile.ts
Normal file
239
src/app/admin/(dashboard)/_state/desa/profile.ts
Normal file
@@ -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;
|
||||
@@ -4,7 +4,9 @@ import { toast } from "react-toastify";
|
||||
import { proxy } from "valtio";
|
||||
import { z } from "zod";
|
||||
|
||||
// Schema validasi form
|
||||
/**
|
||||
* 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"),
|
||||
@@ -13,7 +15,9 @@ const templateForm = z.object({
|
||||
unggulan: z.string().min(3, "Unggulan minimal 3 karakter"),
|
||||
});
|
||||
|
||||
// Type ambil dari Prisma
|
||||
/**
|
||||
* Tipe data ProfilePPID yang digunakan dalam form dan API, berdasarkan Prisma schema.
|
||||
*/
|
||||
type ProfilePPIDForm = Prisma.ProfilePPIDGetPayload<{
|
||||
select: {
|
||||
id: true;
|
||||
@@ -26,11 +30,23 @@ type ProfilePPIDForm = Prisma.ProfilePPIDGetPayload<{
|
||||
};
|
||||
}>;
|
||||
|
||||
// Proxy utama
|
||||
/**
|
||||
* State utama ProfilePPID yang mencakup fitur:
|
||||
* - Ambil data berdasarkan ID
|
||||
* - Update data
|
||||
* - Upload gambar
|
||||
*/
|
||||
const stateProfilePPID = proxy({
|
||||
/**
|
||||
* Bagian untuk ambil data berdasarkan ID
|
||||
*/
|
||||
findById: {
|
||||
data: null as ProfilePPIDForm | null,
|
||||
loading: false,
|
||||
|
||||
/**
|
||||
* Inisialisasi data kosong ke dalam state.
|
||||
*/
|
||||
initialize() {
|
||||
stateProfilePPID.findById.data = {
|
||||
id: '',
|
||||
@@ -39,15 +55,21 @@ const stateProfilePPID = proxy({
|
||||
riwayat: '',
|
||||
pengalaman: '',
|
||||
unggulan: '',
|
||||
imageUrl:''
|
||||
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 {
|
||||
@@ -62,10 +84,19 @@ const stateProfilePPID = proxy({
|
||||
},
|
||||
},
|
||||
|
||||
/**
|
||||
* 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}`)
|
||||
@@ -77,6 +108,7 @@ const stateProfilePPID = proxy({
|
||||
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);
|
||||
@@ -91,13 +123,24 @@ const stateProfilePPID = proxy({
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
/**
|
||||
* 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;
|
||||
|
||||
@@ -106,6 +149,7 @@ const stateProfilePPID = proxy({
|
||||
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);
|
||||
@@ -118,8 +162,11 @@ const stateProfilePPID = proxy({
|
||||
} finally {
|
||||
stateProfilePPID.uploadImage.loading = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
/**
|
||||
* Ekspor state utama ProfilePPID untuk digunakan di komponen lain.
|
||||
*/
|
||||
export default stateProfilePPID;
|
||||
|
||||
Reference in New Issue
Block a user