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

ProfilePPID bagian Profile, VisiMisiPPD sudah ada seed dan bisa di edit

Browse Source
This commit is contained in:
nico
2025-05-13 11:51:48 +08:00
parent 8a34a122d0
commit e5889ca903
39 changed files with 1048 additions and 418 deletions
Download Patch File Download Diff File Expand all files Collapse all files

170
src/app/admin/(dashboard)/_state/ppid/profile_ppid/profile_PPID.ts
View File

@@ -4,66 +4,122 @@ import { toast } from "react-toastify";
import { proxy } from "valtio";
import { z } from "zod";
// Schema validasi form
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"),
});
// Type ambil dari Prisma
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;
};
}>;
// Proxy utama
const stateProfilePPID = proxy({
profilePPID
})
findById: {
data: null as ProfilePPIDForm | null,
loading: false,
initialize() {
stateProfilePPID.findById.data = {
id: '',
name: '',
biodata: '',
riwayat: '',
pengalaman: '',
unggulan: '',
imageUrl:''
} as ProfilePPIDForm;
},
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;
}
},
},
export default stateProfilePPID;
update: {
loading: false,
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;
}
},
},
uploadImage: {
loading: false,
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;
}
}
}
});
export default stateProfilePPID;

81
src/app/admin/(dashboard)/_state/ppid/visi_misi_ppid/visimisiPPID.ts Normal file
View File

@@ -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;