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

UI & API Menu Pendidikan, Submenu Perpustakaan Digital

Browse Source
This commit is contained in:
nico
2025-07-29 17:58:17 +08:00
parent 0109886e00
commit c11cc421a4
31 changed files with 1804 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
prisma/schema.prisma
View File

@@ -96,6 +96,8 @@ model FileStorage {
APBDesImage APBDes[] @relation("APBDesImage") APBDesImage APBDes[] @relation("APBDesImage")
APBDesFile APBDes[] @relation("APBDesFile") APBDesFile APBDes[] @relation("APBDesFile")
PrestasiDesa PrestasiDesa[] PrestasiDesa PrestasiDesa[]
DataPerpustakaan DataPerpustakaan[]
} }
//========================================= MENU LANDING PAGE ========================================= // //========================================= MENU LANDING PAGE ========================================= //
@@ -1851,23 +1853,23 @@ model KeunggulanProgram {
} }
model BeasiswaPendaftar { model BeasiswaPendaftar {
id String @id @default(cuid()) id String @id @default(cuid())
namaLengkap String namaLengkap String
nik String @unique nik String @unique
tempatLahir String tempatLahir String
tanggalLahir DateTime tanggalLahir DateTime
jenisKelamin JenisKelamin jenisKelamin JenisKelamin
kewarganegaraan String kewarganegaraan String
agama Agama agama Agama
alamatKTP String alamatKTP String
alamatDomisili String? alamatDomisili String?
noHp String noHp String
email String @unique email String @unique
statusPernikahan StatusPernikahan statusPernikahan StatusPernikahan
ukuranBaju UkuranBaju? ukuranBaju UkuranBaju?
isActive Boolean @default(true) isActive Boolean @default(true)
createdAt DateTime @default(now()) createdAt DateTime @default(now())
updatedAt DateTime @updatedAt updatedAt DateTime @updatedAt
} }
enum JenisKelamin { enum JenisKelamin {
@@ -1900,7 +1902,6 @@ enum UkuranBaju {
LAINNYA LAINNYA
} }
// ========================================= PROGRAM PENDIDIKAN ANAK ========================================= // // ========================================= PROGRAM PENDIDIKAN ANAK ========================================= //
model TujuanProgram { model TujuanProgram {
id String @id @default(cuid()) id String @id @default(cuid())
@@ -1984,6 +1985,31 @@ model JenisProgramYangDiselenggarakan {
isActive Boolean @default(true) isActive Boolean @default(true)
} }
// ========================================= PERPUSTAKAAN ========================================= //
model DataPerpustakaan {
id String @id @default(cuid())
judul String
deskripsi String @db.Text
kategori KategoriBuku @relation(fields: [kategoriId], references: [id])
kategoriId String
image FileStorage @relation(fields: [imageId], references: [id])
imageId String
createdAt DateTime @default(now())
updatedAt DateTime @updatedAt
deletedAt DateTime @default(now())
isActive Boolean @default(true)
}
model KategoriBuku {
id String @id @default(cuid())
name String
createdAt DateTime @default(now())
updatedAt DateTime @updatedAt
deletedAt DateTime @default(now())
isActive Boolean @default(true)
DataPerpustakaan DataPerpustakaan[]
}
// ========================================= DATA PENDIDIKAN ========================================= // // ========================================= DATA PENDIDIKAN ========================================= //
model DataPendidikan { model DataPendidikan {
id String @id @default(cuid()) id String @id @default(cuid())

478
src/app/admin/(dashboard)/_state/pendidikan/perpustakaan-digital.ts Normal file
View File

@@ -0,0 +1,478 @@
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 templateDataPerpustakaan = z.object({
judul: z.string().min(1, "Judul harus diisi"),
deskripsi: z.string().min(1, "Deskripsi harus diisi"),
imageId: z.string().min(1, "Image ID harus diisi"),
kategoriId: z.string().min(1, "Kategori ID harus diisi"),
});
const defaultDataPerpustakaan = {
judul: "",
deskripsi: "",
imageId: "",
kategoriId: "",
};
const dataPerpustakaan = proxy({
create: {
form: { ...defaultDataPerpustakaan },
loading: false,
async create() {
const cek = templateDataPerpustakaan.safeParse(
dataPerpustakaan.create.form
);
if (!cek.success) {
const err = `[${cek.error.issues
.map((v) => `${v.path.join(".")}`)
.join("\n")}] required`;
return toast.error(err);
}
try {
dataPerpustakaan.create.loading = true;
const res =
await ApiFetch.api.pendidikan.perpustakaandigital.dataperpustakaan[
"create"
].post(dataPerpustakaan.create.form);
if (res.status === 200) {
dataPerpustakaan.findMany.load();
return toast.success("Data Data Perpustakaan Berhasil Dibuat");
}
console.log(res);
return toast.error("failed create");
} catch (error) {
console.log(error);
return toast.error("failed create");
} finally {
dataPerpustakaan.create.loading = false;
}
},
},
findMany: {
data: [] as Prisma.DataPerpustakaanGetPayload<{
include: {
kategori: true;
image: true;
};
}>[],
loading: false,
async load() {
const res =
await ApiFetch.api.pendidikan.perpustakaandigital.dataperpustakaan[
"findMany"
].get();
if (res.status === 200) {
dataPerpustakaan.findMany.data = res.data?.data ?? [];
}
},
},
findUnique: {
data: null as Prisma.DataPerpustakaanGetPayload<{
include: {
kategori: true;
image: true;
};
}> | null,
loading: false,
async load(id: string) {
try {
const res = await fetch(
`/api/pendidikan/perpustakaandigital/dataperpustakaan/${id}`
);
if (res.ok) {
const data = await res.json();
dataPerpustakaan.findUnique.data = data.data ?? null;
} else {
console.error("Failed to fetch data", res.status, res.statusText);
dataPerpustakaan.findUnique.data = null;
}
} catch (error) {
console.error("Error fetching data:", error);
dataPerpustakaan.findUnique.data = null;
}
},
},
delete: {
loading: false,
async delete(id: string) {
if (!id) return toast.warn("ID tidak valid");
try {
dataPerpustakaan.delete.loading = true;
const response = await fetch(
`/api/pendidikan/perpustakaandigital/dataperpustakaan/del/${id}`,
{
method: "DELETE",
headers: {
"Content-Type": "application/json",
},
}
);
const result = await response.json();
if (response.ok && result?.success) {
toast.success(result.message || "Data Perpustakaan berhasil dihapus");
await dataPerpustakaan.findMany.load(); // refresh list
} else {
toast.error(result?.message || "Gagal menghapus Data Perpustakaan");
}
} catch (error) {
console.error("Gagal delete:", error);
toast.error("Terjadi kesalahan saat menghapus Data Perpustakaan");
} finally {
dataPerpustakaan.delete.loading = false;
}
},
},
update: {
id: "",
form: { ...defaultDataPerpustakaan },
loading: false,
async load(id: string) {
if (!id) {
toast.warn("ID tidak valid");
return null;
}
try {
const response = await fetch(
`/api/pendidikan/perpustakaandigital/dataperpustakaan/${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,
kategoriId: data.kategoriId,
};
return data; // Return the loaded data
} else {
throw new Error(result?.message || "Gagal memuat data");
}
} catch (error) {
console.error("Error loading perpustakaan digital:", error);
toast.error(
error instanceof Error ? error.message : "Gagal memuat data"
);
return null;
}
},
async update() {
const cek = templateDataPerpustakaan.safeParse(
dataPerpustakaan.update.form
);
if (!cek.success) {
const err = `[${cek.error.issues
.map((v) => `${v.path.join(".")}`)
.join("\n")}] required`;
toast.error(err);
return false;
}
try {
dataPerpustakaan.update.loading = true;
const response = await fetch(
`/api/pendidikan/perpustakaandigital/dataperpustakaan/${this.id}`,
{
method: "PUT",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
judul: this.form.judul,
deskripsi: this.form.deskripsi,
imageId: this.form.imageId,
kategoriId: this.form.kategoriId,
}),
}
);
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 data perpustakaan digital");
await dataPerpustakaan.findMany.load(); // refresh list
return true;
} else {
throw new Error(
result.message || "Gagal update data perpustakaan digital"
);
}
} catch (error) {
console.error("Error updating data perpustakaan digital:", error);
toast.error(
error instanceof Error
? error.message
: "Terjadi kesalahan saat update data perpustakaan digital"
);
return false;
} finally {
dataPerpustakaan.update.loading = false;
}
},
reset() {
dataPerpustakaan.update.id = "";
dataPerpustakaan.update.form = { ...defaultDataPerpustakaan };
},
},
});
const templateKategoriBuku = z.object({
name: z.string().min(1, "Nama harus diisi"),
});
const defaultKategoriBuku = {
name: "",
};
const kategoriBuku = proxy({
create: {
form: { ...defaultKategoriBuku },
loading: false,
async create() {
const cek = templateKategoriBuku.safeParse(kategoriBuku.create.form);
if (!cek.success) {
const err = `[${cek.error.issues
.map((v) => `${v.path.join(".")}`)
.join("\n")}] required`;
return toast.error(err);
}
try {
kategoriBuku.create.loading = true;
const res =
await ApiFetch.api.pendidikan.perpustakaandigital.kategoribuku[
"create"
].post(kategoriBuku.create.form);
if (res.status === 200) {
kategoriBuku.findMany.load();
return toast.success("Data Kategori Buku Berhasil Dibuat");
}
console.log(res);
return toast.error("failed create");
} catch (error) {
console.log(error);
return toast.error("failed create");
} finally {
kategoriBuku.create.loading = false;
}
},
},
findMany: {
data: [] as Prisma.KategoriBukuGetPayload<{
omit: {
isActive: true;
};
}>[],
loading: false,
async load() {
const res =
await ApiFetch.api.pendidikan.perpustakaandigital.kategoribuku[
"findMany"
].get();
if (res.status === 200) {
kategoriBuku.findMany.data = res.data?.data ?? [];
}
},
},
findUnique: {
data: null as Prisma.KategoriBukuGetPayload<{
omit: {
isActive: true;
};
}> | null,
loading: false,
async load(id: string) {
try {
const res = await fetch(
`/api/pendidikan/perpustakaandigital/kategoribuku/${id}`
);
if (res.ok) {
const data = await res.json();
kategoriBuku.findUnique.data = data.data ?? null;
} else {
console.error("Failed to fetch data", res.status, res.statusText);
kategoriBuku.findUnique.data = null;
}
} catch (error) {
console.error("Error fetching data:", error);
kategoriBuku.findUnique.data = null;
}
},
},
delete: {
loading: false,
async delete(id: string) {
if (!id) return toast.warn("ID tidak valid");
try {
kategoriBuku.delete.loading = true;
const response = await fetch(
`/api/pendidikan/perpustakaandigital/kategoribuku/del/${id}`,
{
method: "DELETE",
headers: {
"Content-Type": "application/json",
},
}
);
const result = await response.json();
if (response.ok && result?.success) {
toast.success(
result.message || "Data Kategori Buku berhasil dihapus"
);
await kategoriBuku.findMany.load(); // refresh list
} else {
toast.error(result?.message || "Gagal menghapus Data Kategori Buku");
}
} catch (error) {
console.error("Gagal delete:", error);
toast.error("Terjadi kesalahan saat menghapus Data Kategori Buku");
} finally {
kategoriBuku.delete.loading = false;
}
},
},
update: {
id: "",
form: { ...defaultKategoriBuku },
loading: false,
async load(id: string) {
if (!id) {
toast.warn("ID tidak valid");
return null;
}
try {
const response = await fetch(
`/api/pendidikan/perpustakaandigital/kategoribuku/${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,
};
return data; // Return the loaded data
} else {
throw new Error(result?.message || "Gagal memuat data");
}
} catch (error) {
console.error("Error loading kategori buku:", error);
toast.error(
error instanceof Error ? error.message : "Gagal memuat data"
);
return null;
}
},
async update() {
const cek = templateKategoriBuku.safeParse(kategoriBuku.update.form);
if (!cek.success) {
const err = `[${cek.error.issues
.map((v) => `${v.path.join(".")}`)
.join("\n")}] required`;
toast.error(err);
return false;
}
try {
kategoriBuku.update.loading = true;
const response = await fetch(
`/api/pendidikan/perpustakaandigital/kategoribuku/${this.id}`,
{
method: "PUT",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
name: this.form.name,
}),
}
);
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 data kategori buku");
await kategoriBuku.findMany.load(); // refresh list
return true;
} else {
throw new Error(result.message || "Gagal update data kategori buku");
}
} catch (error) {
console.error("Error updating data kategori buku:", error);
toast.error(
error instanceof Error
? error.message
: "Terjadi kesalahan saat update data kategori buku"
);
return false;
} finally {
kategoriBuku.update.loading = false;
}
},
reset() {
kategoriBuku.update.id = "";
kategoriBuku.update.form = { ...defaultKategoriBuku };
},
},
});
const perpustakaanDigitalState = proxy({
dataPerpustakaan,
kategoriBuku,
});
export default perpustakaanDigitalState;

1
src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx
View File

@@ -148,7 +148,6 @@ function Page() {
<Text fz={"md"} fw={"bold"}>Gambar</Text> <Text fz={"md"} fw={"bold"}>Gambar</Text>
<Box w={{ base: '100%', md: '50%' }}> <Box w={{ base: '100%', md: '50%' }}>
<Dropzone <Dropzone
onDrop={(files) => { onDrop={(files) => {
const newImages = files.map((file) => ({ const newImages = files.map((file) => ({
file, file,

6
src/app/admin/(dashboard)/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/_lib/layoutTabs.tsx
View File

@@ -12,17 +12,17 @@ function LayoutTabs({ children }: { children: React.ReactNode }) {
{ {
label: "Posisi Organisasi", label: "Posisi Organisasi",
value: "posisiorganisasi", value: "posisiorganisasi",
href: "/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi" href: "/admin/ekonomi/Struktur-Organisasi-dan-SK-Pengurus-BUMDesa/posisi-organisasi"
}, },
{ {
label: "Pegawai", label: "Pegawai",
value: "pegawai", value: "pegawai",
href: "/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/pegawai" href: "/admin/ekonomi/Struktur-Organisasi-dan-SK-Pengurus-BUMDesa/pegawai"
}, },
{ {
label: "Hubungan Organisasi", label: "Hubungan Organisasi",
value: "hubunganorganisasi", value: "hubunganorganisasi",
href: "/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/hubungan-organisasi" href: "/admin/ekonomi/Struktur-Organisasi-dan-SK-Pengurus-BUMDesa/hubungan-organisasi"
}, },
]; ];
const curentTab = tabs.find(tab => tab.href === pathname) const curentTab = tabs.find(tab => tab.href === pathname)

63
src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/_lib/layoutTabs.tsx Normal file
View File

@@ -0,0 +1,63 @@
/* eslint-disable react-hooks/exhaustive-deps */
'use client'
import colors from '@/con/colors';
import { Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
import { usePathname, useRouter } from 'next/navigation';
import React, { useEffect, useState } from 'react';
function LayoutTabs({ children }: { children: React.ReactNode }) {
const router = useRouter()
const pathname = usePathname()
const tabs = [
{
label: "Data Perpustakaan",
value: "data-perpustakaan",
href: "/admin/pendidikan/perpustakaan-digital/data-perpustakaan"
},
{
label: "Kategori Buku",
value: "kategori-buku",
href: "/admin/pendidikan/perpustakaan-digital/kategori-buku"
},
];
const curentTab = tabs.find(tab => tab.href === pathname)
const [activeTab, setActiveTab] = useState<string | null>(curentTab?.value || tabs[0].value);
const handleTabChange = (value: string | null) => {
const tab = tabs.find(t => t.value === value)
if (tab) {
router.push(tab.href)
}
setActiveTab(value)
}
useEffect(() => {
const match = tabs.find(tab => tab.href === pathname)
if (match) {
setActiveTab(match.value)
}
}, [pathname])
return (
<Stack>
<Title order={3}>Perpustakaan Digital</Title>
<Tabs color={colors['blue-button']} variant='pills' value={activeTab} onChange={handleTabChange}>
<TabsList p={"xs"} bg={"#BBC8E7FF"}>
{tabs.map((e, i) => (
<TabsTab key={i} value={e.value}>{e.label}</TabsTab>
))}
</TabsList>
{tabs.map((e, i) => (
<TabsPanel key={i} value={e.value}>
{/* Konten dummy, bisa diganti tergantung routing */}
<></>
</TabsPanel>
))}
</Tabs>
{children}
</Stack>
);
}
export default LayoutTabs;

198
src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/edit/page.tsx Normal file
View File

@@ -0,0 +1,198 @@
/* eslint-disable react-hooks/exhaustive-deps */
'use client'
import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
import perpustakaanDigitalState from '@/app/admin/(dashboard)/_state/pendidikan/perpustakaan-digital';
import colors from '@/con/colors';
import ApiFetch from '@/lib/api-fetch';
import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
import { Dropzone } from '@mantine/dropzone';
import { IconArrowBack, IconPhoto, IconUpload, IconX } 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';
function EditPasarDesa() {
const editState = useProxy(perpustakaanDigitalState.dataPerpustakaan)
const router = useRouter();
const params = useParams();
const [previewImage, setPreviewImage] = useState<string | null>(null);
const [file, setFile] = useState<File | null>(null);
const [formData, setFormData] = useState({
judul: editState.update.form.judul || "",
deskripsi: editState.update.form.deskripsi || "",
imageId: editState.update.form.imageId || "",
kategoriId: editState.update.form.kategoriId || "",
})
useEffect(() => {
perpustakaanDigitalState.kategoriBuku.findMany.load();
const loadDataPerpustakaan = async () => {
const id = params?.id as string;
if (!id) return;
try {
const data = await editState.update.load(id);
if (data) {
setFormData({
judul: data.judul || "",
deskripsi: data.deskripsi || "",
imageId: data.imageId || "",
kategoriId: data.kategoriId || "",
});
// Tampilkan preview gambar
if (data.image?.link) {
setPreviewImage(data.image.link);
}
}
} catch (error) {
console.error("Error loading data perpustakaan:", error);
toast.error(
error instanceof Error ? error.message : "Gagal mengambil data perpustakaan"
);
}
}
loadDataPerpustakaan();
}, [params?.id]);
const handleSubmit = async () => {
try {
editState.update.form = {
...editState.update.form,
judul: formData.judul,
deskripsi: formData.deskripsi,
kategoriId: formData.kategoriId,
imageId: formData.imageId,
}
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
editState.update.form.imageId = uploaded.id;
}
await editState.update.update();
toast.success("Data perpustakaan berhasil diperbarui!");
router.push("/admin/pendidikan/perpustakaan-digital/data-perpustakaan");
} catch (error) {
console.error("Error updating data perpustakaan:", error);
toast.error("Terjadi kesalahan saat memperbarui data perpustakaan");
}
};
return (
<Box>
<Box mb={10}>
<Button onClick={() => router.back()} variant='subtle' color={'blue'}>
<IconArrowBack color={colors['blue-button']} size={25} />
</Button>
</Box>
<Paper w={{ base: '100%', md: '50%' }} bg={colors['white-1']} p={'md'}>
<Stack gap={"xs"}>
<Title order={4}>Edit Data Perpustakaan</Title>
<Box>
<Text fz={"md"} fw={"bold"}>Gambar</Text>
<Box>
<Dropzone
onDrop={(files) => {
const selectedFile = files[0]; // Ambil file pertama
if (selectedFile) {
setFile(selectedFile);
setPreviewImage(URL.createObjectURL(selectedFile)); // Buat preview
}
}}
onReject={() => toast.error('File tidak valid.')}
maxSize={5 * 1024 ** 2} // Maks 5MB
accept={{ 'image/*': [] }}
>
<Group justify="center" gap="xl" mih={220} style={{ pointerEvents: 'none' }}>
<Dropzone.Accept>
<IconUpload size={52} color="var(--mantine-color-blue-6)" stroke={1.5} />
</Dropzone.Accept>
<Dropzone.Reject>
<IconX size={52} color="var(--mantine-color-red-6)" stroke={1.5} />
</Dropzone.Reject>
<Dropzone.Idle>
<IconPhoto size={52} color="var(--mantine-color-dimmed)" stroke={1.5} />
</Dropzone.Idle>
<div>
<Text size="xl" inline>
Drag gambar ke sini atau klik untuk pilih file
</Text>
<Text size="sm" c="dimmed" inline mt={7}>
Maksimal 5MB dan harus format gambar
</Text>
</div>
</Group>
</Dropzone>
{/* Tampilkan preview kalau ada */}
{previewImage && (
<Box mt="sm">
<Image
src={previewImage}
alt="Preview"
style={{
maxWidth: '100%',
maxHeight: '200px',
objectFit: 'contain',
borderRadius: '8px',
border: '1px solid #ddd',
}}
/>
</Box>
)}
</Box>
</Box>
<TextInput
value={formData.judul}
onChange={(e) => setFormData({ ...formData, judul: e.target.value })}
label={<Text fw={"bold"} fz={"sm"}>Judul</Text>}
placeholder='Masukkan judul'
/>
<Box>
<Text fw={"bold"} fz={"sm"}>Deskripsi</Text>
<EditEditor
value={formData.deskripsi}
onChange={(val) => {
setFormData({ ...formData, deskripsi: val });
}}
/>
</Box>
<Select
value={formData.kategoriId}
onChange={(val) => setFormData({ ...formData, kategoriId: val || "" })}
label={<Text fw={"bold"} fz={"sm"}>Kategori</Text>}
placeholder='Pilih kategori'
data={
perpustakaanDigitalState.kategoriBuku.findMany.data?.map((v) => ({
value: v.id,
label: v.name
})) || []
}
clearable
searchable
required
error={!formData.kategoriId ? "Pilih kategori" : undefined}
/>
<Group>
<Button bg={colors['blue-button']} onClick={handleSubmit}>Submit</Button>
</Group>
</Stack>
</Paper>
</Box>
);
}
export default EditPasarDesa;

109
src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/[id]/page.tsx Normal file
View File

@@ -0,0 +1,109 @@
'use client'
import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
import perpustakaanDigitalState from '@/app/admin/(dashboard)/_state/pendidikan/perpustakaan-digital';
import colors from '@/con/colors';
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 { useProxy } from 'valtio/utils';
function DetailDataPerpustakaan() {
const stateDetail = useProxy(perpustakaanDigitalState.dataPerpustakaan)
const [modalHapus, setModalHapus] = useState(false)
const [selectedId, setSelectedId] = useState<string | null>(null)
const params = useParams()
const router = useRouter();
useShallowEffect(() => {
stateDetail.findUnique.load(params?.id as string)
}, [])
const handleHapus = () => {
if (selectedId) {
stateDetail.delete.delete(selectedId)
setModalHapus(false)
setSelectedId(null)
router.push("/admin/pendidikan/perpustakaan-digital/data-perpustakaan")
}
}
if (!stateDetail.findUnique.data) {
return (
<Stack py={10}>
<Skeleton h={500} />
</Stack>
)
}
return (
<Box>
<Box mb={10}>
<Button variant="subtle" onClick={() => router.back()}>
<IconArrowBack color={colors['blue-button']} size={25} />
</Button>
</Box>
<Paper w={{ base: "100%", md: "50%" }} bg={colors['white-1']} p={'md'}>
<Stack>
<Text fz={"xl"} fw={"bold"}>Detail Data Perpustakaan</Text>
<Paper bg={colors['BG-trans']} p={'md'}>
<Stack gap={"xs"}>
<Box>
<Text fz={"lg"} fw={"bold"}>Judul</Text>
<Text fz={"lg"}>{stateDetail.findUnique.data?.judul}</Text>
</Box>
<Box>
<Text fz={"lg"} fw={"bold"}>Deskripsi</Text>
<Text fz={"lg"} dangerouslySetInnerHTML={{ __html: stateDetail.findUnique.data?.deskripsi }} />
</Box>
<Box>
<Text fz={"lg"} fw={"bold"}>Kategori</Text>
<Text fz={"lg"}>{stateDetail.findUnique.data?.kategori.name}</Text>
</Box>
<Box>
<Text fz={"lg"} fw={"bold"}>Gambar</Text>
<Image src={stateDetail.findUnique.data?.image.link} alt="gambar" />
</Box>
<Box>
<Flex gap={"xs"}>
<Button
onClick={() => {
if (stateDetail.findUnique.data) {
setSelectedId(stateDetail.findUnique.data.id);
setModalHapus(true);
}
}}
disabled={!stateDetail.findUnique.data}
color="red">
<IconX size={20} />
</Button>
<Button
onClick={() => {
if (stateDetail.findUnique.data) {
router.push(`/admin/pendidikan/perpustakaan-digital/data-perpustakaan/${stateDetail.findUnique.data.id}/edit`);
}
}}
disabled={!stateDetail.findUnique.data}
color="green">
<IconEdit size={20} />
</Button>
</Flex>
</Box>
</Stack>
</Paper>
</Stack>
</Paper>
{/* Modal Hapus */}
<ModalKonfirmasiHapus
opened={modalHapus}
onClose={() => setModalHapus(false)}
onConfirm={handleHapus}
text="Apakah anda yakin ingin menghapus data ini?"
/>
</Box>
);
}
export default DetailDataPerpustakaan;

163
src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/create/page.tsx Normal file
View File

@@ -0,0 +1,163 @@
'use client'
import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
import perpustakaanDigitalState from '@/app/admin/(dashboard)/_state/pendidikan/perpustakaan-digital';
import colors from '@/con/colors';
import ApiFetch from '@/lib/api-fetch';
import { Box, Button, Group, Image, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
import { Dropzone } from '@mantine/dropzone';
import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
import { useEffect, useState } from 'react';
import { toast } from 'react-toastify';
import { useProxy } from 'valtio/utils';
function CreateDataPerpustakaan() {
const createState = useProxy(perpustakaanDigitalState.dataPerpustakaan)
const router = useRouter();
const [previewImage, setPreviewImage] = useState<string | null>(null);
const [file, setFile] = useState<File | null>(null);
useEffect(() => {
perpustakaanDigitalState.kategoriBuku.findMany.load();
}, []);
const resetForm = () => {
createState.create.form = {
judul: "",
deskripsi: "",
imageId: "",
kategoriId: "",
};
setPreviewImage(null)
setFile(null)
};
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");
}
createState.create.form.imageId = uploaded.id;
await createState.create.create();
resetForm();
router.push("/admin/pendidikan/perpustakaan-digital/data-perpustakaan")
};
return (
<Box>
<Box mb={10}>
<Button onClick={() => router.back()} variant='subtle' color={'blue'}>
<IconArrowBack color={colors['blue-button']} size={25} />
</Button>
</Box>
<Paper w={{ base: '100%', md: '50%' }} bg={colors['white-1']} p={'md'}>
<Stack gap={"xs"}>
<Title order={4}>Create Data Perpustakaan</Title>
<TextInput
label={<Text fw={"bold"} fz={"sm"}>Judul</Text>}
placeholder='Masukkan judul'
value={createState.create.form.judul}
onChange={(val) => {
createState.create.form.judul = val.target.value;
}}
/>
<Box>
<Text fw={"bold"} fz={"sm"}>Deskripsi</Text>
<CreateEditor
value={createState.create.form.deskripsi}
onChange={(val) => {
createState.create.form.deskripsi = val;
}}
/>
</Box>
<Select
label={<Text fw={"bold"} fz={"sm"}>Kategori</Text>}
placeholder='Pilih kategori'
value={createState.create.form.kategoriId || ""}
onChange={(val) => {
createState.create.form.kategoriId = val ?? "";
}}
data={perpustakaanDigitalState.kategoriBuku.findMany.data?.map((item) => ({
value: item.id,
label: item.name,
}))}
/>
<Box>
<Text fz={"md"} fw={"bold"}>Gambar</Text>
<Box>
<Dropzone
onDrop={(files) => {
const selectedFile = files[0]; // Ambil file pertama
if (selectedFile) {
setFile(selectedFile);
setPreviewImage(URL.createObjectURL(selectedFile)); // Buat preview
}
}}
onReject={() => toast.error('File tidak valid.')}
maxSize={5 * 1024 ** 2} // Maks 5MB
accept={{ 'image/*': [] }}
>
<Group justify="center" gap="xl" mih={220} style={{ pointerEvents: 'none' }}>
<Dropzone.Accept>
<IconUpload size={52} color="var(--mantine-color-blue-6)" stroke={1.5} />
</Dropzone.Accept>
<Dropzone.Reject>
<IconX size={52} color="var(--mantine-color-red-6)" stroke={1.5} />
</Dropzone.Reject>
<Dropzone.Idle>
<IconPhoto size={52} color="var(--mantine-color-dimmed)" stroke={1.5} />
</Dropzone.Idle>
<div>
<Text size="xl" inline>
Drag gambar ke sini atau klik untuk pilih file
</Text>
<Text size="sm" c="dimmed" inline mt={7}>
Maksimal 5MB dan harus format gambar
</Text>
</div>
</Group>
</Dropzone>
{/* Tampilkan preview kalau ada */}
{previewImage && (
<Box mt="sm">
<Image
src={previewImage}
alt="Preview"
style={{
maxWidth: '100%',
maxHeight: '200px',
objectFit: 'contain',
borderRadius: '8px',
border: '1px solid #ddd',
}}
/>
</Box>
)}
</Box>
</Box>
<Group>
<Button onClick={handleSubmit} bg={colors['blue-button']}>Submit</Button>
</Group>
</Stack>
</Paper>
</Box>
);
}
export default CreateDataPerpustakaan;

104
src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/data-perpustakaan/page.tsx Normal file
View File

@@ -0,0 +1,104 @@
/* eslint-disable react-hooks/exhaustive-deps */
'use client'
import colors from '@/con/colors';
import { Box, Button, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
import { IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
import { useEffect, useState } from 'react';
import { useProxy } from 'valtio/utils';
import HeaderSearch from '../../../_com/header';
import JudulList from '../../../_com/judulList';
import perpustakaanDigitalState from '../../../_state/pendidikan/perpustakaan-digital';
function DataPerpustakaan() {
const [search, setSearch] = useState('');
return (
<Box>
<HeaderSearch
title='Data Perpustakaan'
placeholder='pencarian'
searchIcon={<IconSearch size={20} />}
value={search}
onChange={(e) => setSearch(e.currentTarget.value)}
/>
<ListDataPerpustakaan search={search} />
</Box>
);
}
function ListDataPerpustakaan({ search }: { search: string }) {
const listDataState = useProxy(perpustakaanDigitalState.dataPerpustakaan)
const router = useRouter();
useEffect(() => {
perpustakaanDigitalState.dataPerpustakaan.findMany.load()
listDataState.findMany.load()
}, [])
const filteredData = (listDataState.findMany.data || []).filter(item => {
const keyword = search.toLowerCase();
return (
item.judul.toLowerCase().includes(keyword) ||
item.deskripsi.toLowerCase().includes(keyword) ||
item.kategori.name.toLowerCase().includes(keyword)
);
});
if (!listDataState.findMany.data) {
return (
<Stack py={10}>
<Skeleton h={500} />
</Stack>
)
}
return (
<Box py={10}>
<Paper bg={colors['white-1']} p="md">
<Stack>
<JudulList
title='List Data Perpustakaan'
href='/admin/pendidikan/perpustakaan-digital/data-perpustakaan/create'
/>
<Box style={{ overflowX: 'auto' }}>
<Table striped withRowBorders withTableBorder style={{ minWidth: '700px' }}>
<TableThead>
<TableTr>
<TableTh>No</TableTh>
<TableTh>Judul</TableTh>
<TableTh>Kategori</TableTh>
<TableTh>Detail</TableTh>
</TableTr>
</TableThead>
<TableTbody>
{filteredData.map((item, index) => (
<TableTr key={item.id}>
<TableTd>
<Box w={100}>
<Text truncate="end" fz={"sm"}>{index + 1}</Text>
</Box>
</TableTd>
<TableTd>
<Text truncate="end" fz={"sm"}>{item.judul}</Text>
</TableTd>
<TableTd>
<Text truncate="end" fz={"sm"}>{item.kategori.name}</Text>
</TableTd>
<TableTd>
<Button onClick={() => router.push(`/admin/pendidikan/perpustakaan-digital/data-perpustakaan/${item.id}`)}>
<IconDeviceImacCog size={25} />
</Button>
</TableTd>
</TableTr>
))}
</TableTbody>
</Table>
</Box>
</Stack>
</Paper>
</Box>
)
}
export default DataPerpustakaan;

80
src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/[id]/page.tsx Normal file
View File

@@ -0,0 +1,80 @@
/* eslint-disable react-hooks/exhaustive-deps */
'use client'
import perpustakaanDigitalState from '@/app/admin/(dashboard)/_state/pendidikan/perpustakaan-digital';
import colors from '@/con/colors';
import { Box, Button, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
import { IconArrowBack } 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';
function EditKategoriBuku() {
const editState = useProxy(perpustakaanDigitalState.kategoriBuku)
const router = useRouter();
const params = useParams();
const [formData, setFormData] = useState({
name: editState.update.form.name || '',
});
useEffect(() => {
const loadKategori = async () => {
const id = params?.id as string;
if (!id) return;
try {
const data = await editState.update.load(id); // akses langsung, bukan dari proxy
if (data) {
setFormData({
name: data.name || '',
});
}
} catch (error) {
console.error("Error loading kategori buku:", error);
toast.error("Gagal memuat data kategori buku");
}
};
loadKategori();
}, [params?.id]);
const handleSubmit = async () => {
try {
editState.update.form = {
...editState.update.form,
name: formData.name,
};
await editState.update.update();
toast.success('Kategori Buku berhasil diperbarui!');
router.push('/admin/pendidikan/perpustakaan-digital/kategori-buku');
} catch (error) {
console.error('Error updating kategori buku:', error);
toast.error('Terjadi kesalahan saat memperbarui kategori buku');
}
};
return (
<Box>
<Box mb={10}>
<Button variant="subtle" onClick={() => router.back()}>
<IconArrowBack color={colors["blue-button"]} size={30} />
</Button>
</Box>
<Paper bg={"white"} p={"md"} w={{ base: "100%", md: "50%" }}>
<Stack gap={"xs"}>
<Title order={3}>Edit Kategori Buku</Title>
<TextInput
value={formData.name}
onChange={(e) => setFormData({ ...formData, name: e.target.value })}
label={<Text fz={"sm"} fw={"bold"}>Nama Kategori Buku</Text>}
placeholder="masukkan nama kategori buku"
/>
<Button onClick={handleSubmit}>Simpan</Button>
</Stack>
</Paper>
</Box>
);
}
export default EditKategoriBuku;

55
src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/create/page.tsx Normal file
View File

@@ -0,0 +1,55 @@
'use client'
import perpustakaanDigitalState from '@/app/admin/(dashboard)/_state/pendidikan/perpustakaan-digital';
import colors from '@/con/colors';
import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
import { IconArrowBack } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
import { useProxy } from 'valtio/utils';
function CreateKategoriBuku() {
const createState = useProxy(perpustakaanDigitalState.kategoriBuku)
const router = useRouter();
const resetForm = () => {
createState.create.form = {
name: "",
};
};
const handleSubmit = async () => {
await createState.create.create();
resetForm();
router.push("/admin/pendidikan/perpustakaan-digital/kategori-buku")
};
return (
<Box>
<Box mb={10}>
<Button onClick={() => router.back()} variant='subtle' color={'blue'}>
<IconArrowBack color={colors['blue-button']} size={25} />
</Button>
</Box>
<Paper w={{ base: '100%', md: '50%' }} bg={colors['white-1']} p={'md'}>
<Stack gap={"xs"}>
<Title order={4}>Create Kategori Buku</Title>
<TextInput
label={<Text fw={"bold"} fz={"sm"}>Nama Kategori Buku</Text>}
placeholder='Masukkan nama kategori buku'
value={createState.create.form.name}
onChange={(val) => {
createState.create.form.name = val.target.value;
}}
/>
<Group>
<Button onClick={handleSubmit} bg={colors['blue-button']}>Submit</Button>
</Group>
</Stack>
</Paper>
</Box>
);
}
export default CreateKategoriBuku;

128
src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/kategori-buku/page.tsx Normal file
View File

@@ -0,0 +1,128 @@
/* eslint-disable react-hooks/exhaustive-deps */
'use client'
import colors from '@/con/colors';
import { Box, Button, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
import { IconEdit, IconSearch, IconTrash } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
import { useEffect, useState } from 'react';
import { useProxy } from 'valtio/utils';
import HeaderSearch from '../../../_com/header';
import JudulList from '../../../_com/judulList';
import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
import perpustakaanDigitalState from '../../../_state/pendidikan/perpustakaan-digital';
function KategoriBuku() {
const [search, setSearch] = useState('');
return (
<Box>
<HeaderSearch
title='Kategori Buku'
placeholder='pencarian'
searchIcon={<IconSearch size={20} />}
value={search}
onChange={(e) => setSearch(e.currentTarget.value)}
/>
<ListKategoriBuku search={search} />
</Box>
);
}
function ListKategoriBuku({ search }: { search: string }) {
const listDataState = useProxy(perpustakaanDigitalState.kategoriBuku)
const router = useRouter();
const [modalHapus, setModalHapus] = useState(false)
const [selectedId, setSelectedId] = useState<string | null>(null)
useEffect(() => {
listDataState.findMany.load()
}, [])
const handleDelete = () => {
if (selectedId) {
perpustakaanDigitalState.kategoriBuku.delete.delete(selectedId)
setModalHapus(false)
setSelectedId(null)
perpustakaanDigitalState.kategoriBuku.findMany.load()
}
}
const filteredData = (listDataState.findMany.data || []).filter(item => {
const keyword = search.toLowerCase();
return (
item.name.toLowerCase().includes(keyword)
);
});
if (!listDataState.findMany.data) {
return (
<Stack py={10}>
<Skeleton h={500} />
</Stack>
)
}
return (
<Box py={10}>
<Paper bg={colors['white-1']} p="md">
<Stack>
<JudulList
title='List Kategori Buku'
href='/admin/pendidikan/perpustakaan-digital/kategori-buku/create'
/>
<Box style={{ overflowX: 'auto' }}>
<Table striped withRowBorders withTableBorder style={{ minWidth: '700px' }}>
<TableThead>
<TableTr>
<TableTh>No</TableTh>
<TableTh>Nama</TableTh>
<TableTh>Edit</TableTh>
<TableTh>Hapus</TableTh>
</TableTr>
</TableThead>
<TableTbody>
{filteredData.map((item, index) => (
<TableTr key={item.id}>
<TableTd>
<Box w={100}>
<Text truncate="end" fz={"sm"}>{index + 1}</Text>
</Box>
</TableTd>
<TableTd>{item.name}</TableTd>
<TableTd>
<Button color='green' onClick={() => router.push(`/admin/pendidikan/perpustakaan-digital/kategori-buku/${item.id}`)}>
<IconEdit size={20} />
</Button>
</TableTd>
<TableTd>
<Button
color='red'
disabled={perpustakaanDigitalState.kategoriBuku.delete.loading}
onClick={() => {
setSelectedId(item.id)
setModalHapus(true)
}}>
<IconTrash size={20} />
</Button>
</TableTd>
</TableTr>
))}
</TableTbody>
</Table>
</Box>
</Stack>
</Paper>
{/* Modal Konfirmasi Hapus */}
<ModalKonfirmasiHapus
opened={modalHapus}
onClose={() => setModalHapus(false)}
onConfirm={handleDelete}
text='Apakah anda yakin ingin menghapus kategori buku ini?'
/>
</Box>
)
}
export default KategoriBuku;

13
src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/layout.tsx Normal file
View File

@@ -0,0 +1,13 @@
'use client'
import React from 'react';
import LayoutTabs from './_lib/layoutTabs';
function Layout({ children }: { children: React.ReactNode }) {
return (
<LayoutTabs>
{children}
</LayoutTabs>
);
}
export default Layout;

74
src/app/admin/(dashboard)/pendidikan/perpustakaan-digital/page.tsx
View File

@@ -1,74 +0,0 @@
'use client'
import colors from '@/con/colors';
import { Box, Button, Paper, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
import { IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
import HeaderSearch from '../../_com/header';
import JudulList from '../../_com/judulList';
function PerpustakaanDigital() {
return (
<Box>
<HeaderSearch
title='Perpustakaan Digital'
placeholder='pencarian'
searchIcon={<IconSearch size={20} />}
/>
<ListPerpustakaanDigital/>
</Box>
);
}
function ListPerpustakaanDigital() {
const router = useRouter();
return (
<Box py={10}>
<Paper bg={colors['white-1']} p="md">
<Stack>
<JudulList
title='List Perpustakaan Digital'
href='/admin/pendidikan/perpustakaan-digital/create'
/>
<Box style={{overflowX: 'auto'}}>
<Table striped withRowBorders withTableBorder style={{minWidth: '700px'}}>
<TableThead>
<TableTr>
<TableTh>Nomor</TableTh>
<TableTh>Nama Lengkap</TableTh>
<TableTh>Nomor Telepon</TableTh>
<TableTh>Email</TableTh>
<TableTh>Detail</TableTh>
</TableTr>
</TableThead>
<TableTbody>
<TableTr>
<TableTd>
<Box w={100}>
<Text truncate="end" fz={"sm"}>1</Text>
</Box>
</TableTd>
<TableTd>
<Text truncate="end" fz={"sm"}>Nama Lengkap</Text>
</TableTd>
<TableTd>
<Text truncate="end" fz={"sm"}>Nomor Telepon</Text>
</TableTd>
<TableTd>
<Text truncate="end" fz={"sm"}>Email</Text>
</TableTd>
<TableTd>
<Button onClick={() => router.push('/admin/pendidikan/perpustakaan-digital/detail')}>
<IconDeviceImacCog size={25} />
</Button>
</TableTd>
</TableTr>
</TableTbody>
</Table>
</Box>
</Stack>
</Paper>
</Box>
)
}
export default PerpustakaanDigital;

4
src/app/admin/_com/list_PageAdmin.tsx
View File

@@ -225,7 +225,7 @@ export const navBar = [
{ {
id: "Ekonomi_3", id: "Ekonomi_3",
name: "Struktur Organisasi dan SK Pengurus BUMDesa", name: "Struktur Organisasi dan SK Pengurus BUMDesa",
path: "/admin/ekonomi/struktur-organisasi-dan-sk-pengurus-bumdesa/posisi-organisasi" path: "/admin/ekonomi/Struktur-Organisasi-dan-SK-Pengurus-BUMDesa/posisi-organisasi"
}, },
{ {
id: "Ekonomi_4", id: "Ekonomi_4",
@@ -369,7 +369,7 @@ export const navBar = [
{ {
id: "Pendidikan_6", id: "Pendidikan_6",
name: "Perpustakaan Digital", name: "Perpustakaan Digital",
path: "/admin/pendidikan/perpustakaan-digital" path: "/admin/pendidikan/perpustakaan-digital/data-perpustakaan"
}, },
{ {
id: "Pendidikan_7", id: "Pendidikan_7",

2
src/app/api/[[...slugs]]/_lib/pendidikan/index.ts
View File

@@ -5,6 +5,7 @@ import BimbinganBelajarDesa from "./bimbingan-belajar-desa";
import PendidikanNonFormal from "./pendidikan-non-formal"; import PendidikanNonFormal from "./pendidikan-non-formal";
import DataPendidikan from "./data-pendidikan"; import DataPendidikan from "./data-pendidikan";
import Beasiswa from "./beasiswa-desa"; import Beasiswa from "./beasiswa-desa";
import PerpustakaanDigital from "./perpustakaan-digital";
const Pendidikan = new Elysia({ const Pendidikan = new Elysia({
prefix: "/api/pendidikan", prefix: "/api/pendidikan",
@@ -17,5 +18,6 @@ const Pendidikan = new Elysia({
.use(PendidikanNonFormal) .use(PendidikanNonFormal)
.use(DataPendidikan) .use(DataPendidikan)
.use(Beasiswa) .use(Beasiswa)
.use(PerpustakaanDigital)
export default Pendidikan; export default Pendidikan;

32
src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/data-perpustakaan/create.ts Normal file
View File

@@ -0,0 +1,32 @@
import prisma from "@/lib/prisma";
import { Context } from "elysia";
type FormCreate = {
judul: string;
deskripsi: string;
imageId: string;
kategoriId: string;
}
export default async function dataPerpustakaanCreate(context: Context) {
const body = (await context.body) as FormCreate;
try {
const result = await prisma.dataPerpustakaan.create({
data: {
judul: body.judul,
deskripsi: body.deskripsi,
imageId: body.imageId,
kategoriId: body.kategoriId,
},
});
return {
success: true,
message: "Berhasil membuat data perpustakaan",
data: result,
};
} catch (error) {
console.error("Error creating data perpustakaan:", error);
throw new Error("Gagal membuat data perpustakaan: " + (error as Error).message);
}
}

16
src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/data-perpustakaan/del.ts Normal file
View File

@@ -0,0 +1,16 @@
import prisma from "@/lib/prisma";
import { Context } from "elysia";
export default async function dataPerpustakaanDelete(context: Context) {
const id = context.params.id as string;
await prisma.dataPerpustakaan.delete({
where: { id },
});
return {
status: 200,
success: true,
message: "Success delete data perpustakaan",
};
}

16
src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/data-perpustakaan/findMany.ts Normal file
View File

@@ -0,0 +1,16 @@
import prisma from "@/lib/prisma";
export default async function dataPerpustakaanFindMany() {
const data = await prisma.dataPerpustakaan.findMany({
include: {
kategori: true,
image: true,
},
});
return {
success: true,
message: "Success get all data perpustakaan",
data,
};
}

50
src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/data-perpustakaan/findUnique.ts Normal file
View File

@@ -0,0 +1,50 @@
import prisma from "@/lib/prisma";
export default async function dataPerpustakaanFindUnique(request: Request) {
const url = new URL(request.url);
const pathSegments = url.pathname.split('/');
const id = pathSegments[pathSegments.length - 1];
if (!id) {
return {
success: false,
message: "ID is required",
}
}
try {
if (typeof id !== 'string') {
return {
success: false,
message: "ID is required",
}
}
const data = await prisma.dataPerpustakaan.findUnique({
where: { id },
include: {
kategori: true,
image: true,
},
});
if (!data) {
return {
success: false,
message: "Data not found",
}
}
return {
success: true,
message: "Success get data perpustakaan",
data,
}
} catch (error) {
console.error("Find by ID error:", error);
return {
success: false,
message: "Gagal mengambil data: " + (error instanceof Error ? error.message : 'Unknown error'),
}
}
}

39
src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/data-perpustakaan/index.ts Normal file
View File

@@ -0,0 +1,39 @@
import Elysia, { t } from "elysia";
import dataPerpustakaanCreate from "./create";
import dataPerpustakaanDelete from "./del";
import dataPerpustakaanFindMany from "./findMany";
import dataPerpustakaanFindUnique from "./findUnique";
import dataPerpustakaanUpdate from "./updt";
const DataPerpustakaan = new Elysia({
prefix: "/dataperpustakaan",
tags: ["Pendidikan / Perpustakaan Digital / Data Perpustakaan"],
})
.post("/create", dataPerpustakaanCreate, {
body: t.Object({
judul: t.String(),
deskripsi: t.String(),
imageId: t.String(),
kategoriId: t.String(),
}),
})
.get("/findMany", dataPerpustakaanFindMany)
.get("/:id", async (context) => {
const response = await dataPerpustakaanFindUnique(
new Request(context.request)
);
return response;
})
.put("/:id", dataPerpustakaanUpdate, {
body: t.Object({
judul: t.String(),
deskripsi: t.String(),
imageId: t.String(),
kategoriId: t.String(),
}),
})
.delete("/del/:id", dataPerpustakaanDelete);
export default DataPerpustakaan;

35
src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/data-perpustakaan/updt.ts Normal file
View File

@@ -0,0 +1,35 @@
import prisma from "@/lib/prisma";
import { Context } from "elysia";
type FormUpdate = {
judul: string;
deskripsi: string;
imageId: string;
kategoriId: string;
}
export default async function dataPerpustakaanUpdate(context: Context) {
const body = (await context.body) as FormUpdate;
const id = context.params.id as string;
try {
const result = await prisma.dataPerpustakaan.update({
where: { id },
data: {
judul: body.judul,
deskripsi: body.deskripsi,
imageId: body.imageId,
kategoriId: body.kategoriId,
},
});
return {
success: true,
message: "Berhasil mengupdate data perpustakaan",
data: result,
};
} catch (error) {
console.error("Error updating data perpustakaan:", error);
throw new Error("Gagal mengupdate data perpustakaan: " + (error as Error).message);
}
}

12
src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/index.ts Normal file
View File

@@ -0,0 +1,12 @@
import Elysia from "elysia";
import DataPerpustakaan from "./data-perpustakaan";
import KategoriBuku from "./kategori-buku";
const PerpustakaanDigital = new Elysia({
prefix: "/perpustakaandigital",
tags: ["Pendidikan / Perpustakaan Digital"],
})
.use(DataPerpustakaan)
.use(KategoriBuku);
export default PerpustakaanDigital;

26
src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/kategori-buku/create.ts Normal file
View File

@@ -0,0 +1,26 @@
import prisma from "@/lib/prisma";
import { Context } from "elysia";
type FormCreate = {
name: string;
}
export default async function kategoriBukuCreate(context: Context) {
const body = (await context.body) as FormCreate;
try {
const result = await prisma.kategoriBuku.create({
data: {
name: body.name,
},
});
return {
success: true,
message: "Berhasil membuat kategori buku",
data: result,
};
} catch (error) {
console.error("Error creating kategori buku:", error);
throw new Error("Gagal membuat kategori buku: " + (error as Error).message);
}
}

16
src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/kategori-buku/del.ts Normal file
View File

@@ -0,0 +1,16 @@
import prisma from "@/lib/prisma";
import { Context } from "elysia";
export default async function kategoriBukuDelete(context: Context) {
const id = context.params.id as string;
await prisma.kategoriBuku.delete({
where: { id },
});
return {
status: 200,
success: true,
message: "Success delete kategori buku",
};
}

11
src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/kategori-buku/findMany.ts Normal file
View File

@@ -0,0 +1,11 @@
import prisma from "@/lib/prisma";
export default async function kategoriBukuFindMany() {
const data = await prisma.kategoriBuku.findMany();
return {
success: true,
message: "Success get all kategori buku",
data,
};
}

46
src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/kategori-buku/findUnique.ts Normal file
View File

@@ -0,0 +1,46 @@
import prisma from "@/lib/prisma";
export default async function kategoriBukuFindUnique(request: Request) {
const url = new URL(request.url);
const pathSegments = url.pathname.split('/');
const id = pathSegments[pathSegments.length - 1];
if (!id) {
return {
success: false,
message: "ID is required",
}
}
try {
if (typeof id !== 'string') {
return {
success: false,
message: "ID is required",
}
}
const data = await prisma.kategoriBuku.findUnique({
where: { id },
});
if (!data) {
return {
success: false,
message: "Data not found",
}
}
return {
success: true,
message: "Success get kategori buku",
data,
}
} catch (error) {
console.error("Find by ID error:", error);
return {
success: false,
message: "Gagal mengambil data: " + (error instanceof Error ? error.message : 'Unknown error'),
}
}
}

33
src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/kategori-buku/index.ts Normal file
View File

@@ -0,0 +1,33 @@
import Elysia, { t } from "elysia";
import kategoriBukuCreate from "./create";
import kategoriBukuDelete from "./del";
import kategoriBukuFindMany from "./findMany";
import kategoriBukuFindUnique from "./findUnique";
import kategoriBukuUpdate from "./updt";
const KategoriBuku = new Elysia({
prefix: "/kategoribuku",
tags: ["Pendidikan / Perpustakaan Digital / Kategori Buku"],
})
.post("/create", kategoriBukuCreate, {
body: t.Object({
name: t.String(),
}),
})
.get("/findMany", kategoriBukuFindMany)
.get("/:id", async (context) => {
const response = await kategoriBukuFindUnique(
new Request(context.request)
);
return response;
})
.put("/:id", kategoriBukuUpdate, {
body: t.Object({
name: t.String(),
}),
})
.delete("/del/:id", kategoriBukuDelete);
export default KategoriBuku;

28
src/app/api/[[...slugs]]/_lib/pendidikan/perpustakaan-digital/kategori-buku/updt.ts Normal file
View File

@@ -0,0 +1,28 @@
import prisma from "@/lib/prisma";
import { Context } from "elysia";
type FormUpdate = {
name: string;
}
export default async function kategoriBukuUpdate(context: Context) {
const body = (await context.body) as FormUpdate;
const id = context.params.id as string;
try {
const result = await prisma.kategoriBuku.update({
where: { id },
data: {
name: body.name,
},
});
return {
success: true,
message: "Berhasil mengupdate kategori buku",
data: result,
};
} catch (error) {
console.error("Error updating kategori buku:", error);
throw new Error("Gagal mengupdate kategori buku: " + (error as Error).message);
}
}

2
src/app/login/page.tsx
View File

@@ -12,7 +12,7 @@ function Page() {
</Box> </Box>
<Box px={{ base: 'md', md: 100 }} > <Box px={{ base: 'md', md: 100 }} >
<Center> <Center>
<Image src={"/api/img/darmasaba-icon.png"} alt="" w={80} /> <Image src={"/darmasaba-icon.png"} alt="" w={80} />
</Center> </Center>
<Box> <Box>
<Title ta={'center'} order={1} fw={'bold'} c={colors['blue-button']}> <Title ta={'center'} order={1} fw={'bold'} c={colors['blue-button']}>

2
src/app/registrasi/page.tsx
View File

@@ -12,7 +12,7 @@ function Page() {
</Box> </Box>
<Box px={{ base: 'md', md: 100 }} > <Box px={{ base: 'md', md: 100 }} >
<Center> <Center>
<Image src={"/api/img/darmasaba-icon.png"} alt="" w={80} /> <Image src={"/darmasaba-icon.png"} alt="" w={80} />
</Center> </Center>
<Box> <Box>
<Title ta={'center'} order={1} fw={'bold'} c={colors['blue-button']}> <Title ta={'center'} order={1} fw={'bold'} c={colors['blue-button']}>