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

UI & API Menu Landing Page

Browse Source
This commit is contained in:
nico
2025-07-28 10:18:24 +08:00
parent a25cfe8b8a
commit 5601e59922
51 changed files with 3683 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
prisma/schema.prisma
View File

@@ -95,8 +95,7 @@ model FileStorage {
SDGSDesa SDGSDesa[] SDGSDesa SDGSDesa[]
APBDesImage APBDes[] @relation("APBDesImage") APBDesImage APBDes[] @relation("APBDesImage")
APBDesFile APBDes[] @relation("APBDesFile") APBDesFile APBDes[] @relation("APBDesFile")
PrestasiDesa PrestasiDesa[]
PrestasiDesa PrestasiDesa[]
} }
//========================================= MENU LANDING PAGE ========================================= // //========================================= MENU LANDING PAGE ========================================= //
@@ -216,6 +215,81 @@ model KategoriPrestasiDesa {
PrestasiDesa PrestasiDesa[] PrestasiDesa PrestasiDesa[]
} }
//========================================= INDEKS KEPUASAN MASYARAKAT ========================================= //
// Entitas Survey
model Survey {
id String @id @default(cuid())
title String // Judul survei
totalRespondents Int // Total jumlah responden
averageScore Float // Rata-rata skor
monthlyStats MonthlyStat[]
createdAt DateTime @default(now())
updatedAt DateTime @updatedAt
deletedAt DateTime @default(now())
isActive Boolean @default(true)
}
// Entitas Statistik Bulanan
model MonthlyStat {
id String @id @default(cuid())
month String // Nama bulan (e.g., "Januari", "Februari")
respondentsCount Int // Jumlah responden per bulan
surveyId String @unique(map: "monthly_stat_survey_id_month_key")
survey Survey @relation(fields: [surveyId], references: [id])
AgeStat AgeStat[]
ResponseStat ResponseStat[]
genderStat genderStat[]
createdAt DateTime @default(now())
updatedAt DateTime @updatedAt
deletedAt DateTime @default(now())
isActive Boolean @default(true)
}
// Entitas Gender
model genderStat {
id String @id @default(cuid())
laki Int
perempuan Int
percentLaki Float
percentPerempuan Float
total Int
createdAt DateTime @default(now())
updatedAt DateTime @updatedAt
deletedAt DateTime @default(now())
isActive Boolean @default(true)
MonthlyStat MonthlyStat? @relation(fields: [monthlyStatId], references: [id])
monthlyStatId String?
}
// Entitas Age
model AgeStat {
id String @id @default(cuid())
group String // "18-44", "45+" dll
count Int
createdAt DateTime @default(now())
updatedAt DateTime @updatedAt
deletedAt DateTime @default(now())
isActive Boolean @default(true)
MonthlyStat MonthlyStat? @relation(fields: [monthlyStatId], references: [id])
monthlyStatId String?
}
// Entitas Response
model ResponseStat {
id String @id @default(cuid())
label String // BAIK / BURUK
count Int
createdAt DateTime @default(now())
updatedAt DateTime @updatedAt
deletedAt DateTime @default(now())
isActive Boolean @default(true)
MonthlyStat MonthlyStat? @relation(fields: [monthlyStatId], references: [id])
monthlyStatId String?
}
//========================================= MENU PPID ========================================= // //========================================= MENU PPID ========================================= //
//========================================= STRUKTUR PPID ========================================= // //========================================= STRUKTUR PPID ========================================= //

68
src/app/admin/(dashboard)/_state/landing-page/apbdes.ts
View File

@@ -23,9 +23,7 @@ const apbdes = proxy({
form: { ...defaultapbdesForm }, form: { ...defaultapbdesForm },
loading: false, loading: false,
async create() { async create() {
const cek = templateapbDesaForm.safeParse( const cek = templateapbDesaForm.safeParse(apbdes.create.form);
apbdes.create.form
);
if (!cek.success) { if (!cek.success) {
const err = `[${cek.error.issues const err = `[${cek.error.issues
.map((v) => `${v.path.join(".")}`) .map((v) => `${v.path.join(".")}`)
@@ -34,9 +32,7 @@ const apbdes = proxy({
} }
try { try {
apbdes.create.loading = true; apbdes.create.loading = true;
const res = await ApiFetch.api.landingpage.apbdes[ const res = await ApiFetch.api.landingpage.apbdes["create"].post({
"create"
].post({
...apbdes.create.form, ...apbdes.create.form,
}); });
@@ -63,9 +59,7 @@ const apbdes = proxy({
}> }>
> | null, > | null,
async load() { async load() {
const res = await ApiFetch.api.landingpage.apbdes[ const res = await ApiFetch.api.landingpage.apbdes["find-many"].get();
"find-many"
].get();
if (res.status === 200) { if (res.status === 200) {
apbdes.findMany.data = res.data?.data ?? []; apbdes.findMany.data = res.data?.data ?? [];
} }
@@ -102,15 +96,12 @@ const apbdes = proxy({
try { try {
apbdes.delete.loading = true; apbdes.delete.loading = true;
const response = await fetch( const response = await fetch(`/api/landingpage/apbdes/del/${id}`, {
`/api/landingpage/apbdes/del/${id}`, method: "DELETE",
{ headers: {
method: "DELETE", "Content-Type": "application/json",
headers: { },
"Content-Type": "application/json", });
},
}
);
const result = await response.json(); const result = await response.json();
@@ -177,9 +168,7 @@ const apbdes = proxy({
}, },
async update() { async update() {
const cek = templateapbDesaForm.safeParse( const cek = templateapbDesaForm.safeParse(apbdes.edit.form);
apbdes.edit.form
);
if (!cek.success) { if (!cek.success) {
const err = `[${cek.error.issues const err = `[${cek.error.issues
.map((v) => `${v.path.join(".")}`) .map((v) => `${v.path.join(".")}`)
@@ -189,21 +178,18 @@ const apbdes = proxy({
try { try {
apbdes.edit.loading = true; apbdes.edit.loading = true;
const response = await fetch( const response = await fetch(`/api/landingpage/apbdes/${this.id}`, {
`/api/landingpage/apbdes/${this.id}`, method: "PUT",
{ headers: {
method: "PUT", "Content-Type": "application/json",
headers: { },
"Content-Type": "application/json", body: JSON.stringify({
}, name: this.form.name,
body: JSON.stringify({ jumlah: this.form.jumlah,
name: this.form.name, imageId: this.form.imageId,
jumlah: this.form.jumlah, fileId: this.form.fileId,
imageId: this.form.imageId, }),
fileId: this.form.fileId, });
}),
}
);
if (!response.ok) { if (!response.ok) {
const errorData = await response.json().catch(() => ({})); const errorData = await response.json().catch(() => ({}));
throw new Error( throw new Error(
@@ -216,16 +202,12 @@ const apbdes = proxy({
await apbdes.findMany.load(); // refresh list await apbdes.findMany.load(); // refresh list
return true; return true;
} else { } else {
throw new Error( throw new Error(result.message || "Gagal mengupdate apbdes");
result.message || "Gagal mengupdate apbdes"
);
} }
} catch (error) { } catch (error) {
console.error("Error updating apbdes:", error); console.error("Error updating apbdes:", error);
toast.error( toast.error(
error instanceof Error error instanceof Error ? error.message : "Gagal mengupdate apbdes"
? error.message
: "Gagal mengupdate apbdes"
); );
return false; return false;
} finally { } finally {
@@ -239,4 +221,4 @@ const apbdes = proxy({
}, },
}); });
export default apbdes; export default apbdes;

1180
src/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan-masyarakat.ts Normal file
View File

File diff suppressed because it is too large Load Diff

67
src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/_lib/layoutTabs.tsx Normal file
View File

@@ -0,0 +1,67 @@
/* 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: "List Survey",
value: "listSurvey",
href: "/admin/landing-page/indeks-kepuasan-masyarakat/list-survey"
},
{
label: "List Bulanan",
value: "listBulanan",
href: "/admin/landing-page/indeks-kepuasan-masyarakat/list-bulanan"
},
{
label: "List Gender Stat",
value: "listGenderStat",
href: "/admin/landing-page/indeks-kepuasan-masyarakat/list-gender-stat"
}
];
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}>Indeks Kepuasan Masyarakat</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;

12
src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/layout.tsx Normal file
View File

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

128
src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/list-bulanan/[id]/edit/page.tsx Normal file
View File

@@ -0,0 +1,128 @@
/* eslint-disable react-hooks/exhaustive-deps */
'use client'
import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan-masyarakat';
import colors from '@/con/colors';
import { Box, Button, Group, Paper, Select, Stack, Text, TextInput } 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 EditListBulanan() {
const editState = useProxy(indeksKepuasanState.monthlyStatState)
const params = useParams()
const router = useRouter()
const [formData, setFormData] = useState({
month: editState.edit.form.month || '',
respondentsCount: editState.edit.form.respondentsCount || 0,
surveyId: editState.edit.form.surveyId || '',
})
useEffect(() => {
const loadSurvey = async () => {
const id = params?.id as string;
if (!id) return;
try {
const data = await editState.edit.load(id); // akses langsung, bukan dari proxy
if (data) {
setFormData({
month: data.month,
respondentsCount: data.respondentsCount,
surveyId: data.surveyId,
});
}
} catch (error) {
console.error("Error loading list bulanan:", error);
toast.error("Gagal memuat data list bulanan");
}
};
indeksKepuasanState.surveyState.findMany.load();
loadSurvey();
}, [params?.id]);
const handleSubmit = async () => {
try {
// edit global state with form data
editState.edit.form = {
...editState.edit.form,
month: formData.month,
respondentsCount: formData.respondentsCount,
surveyId: formData.surveyId,
};
await editState.edit.update();
toast.success("list bulanan berhasil diperbarui!");
router.push("/admin/landing-page/indeks-kepuasan-masyarakat/list-bulanan");
} catch (error) {
console.error("Error updating list bulanan:", error);
toast.error("Terjadi kesalahan saat memperbarui list bulanan");
}
};
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"}>Edit List Survey</Text>
<Paper>
<Stack gap={"xs"}>
<TextInput
value={formData.month}
onChange={(val) => {
setFormData({
...formData,
month: val.target.value
})
}}
label={<Text fw={"bold"} fz={"sm"}>Bulan</Text>}
placeholder='Masukkan bulan'
/>
<TextInput
value={formData.respondentsCount}
onChange={(val) => {
setFormData({
...formData,
respondentsCount: Number(val.target.value)
})
}}
label={<Text fw={"bold"} fz={"sm"}>Total Responden</Text>}
placeholder='Masukkan total responden'
/>
<Select
label={<Text fw="bold" fz="sm">Pilih Survey</Text>}
placeholder="Pilih survey"
value={formData.surveyId}
onChange={(value) => {
if (value) setFormData({
...formData,
surveyId: value
})
}}
data={
indeksKepuasanState.surveyState.findMany.data?.map((survey) => ({
value: survey.id,
label: `${survey.title} (${survey.totalRespondents} responden)`,
})) || []
}
/>
<Group>
<Button bg={colors['blue-button']} onClick={handleSubmit}>Submit</Button>
</Group>
</Stack>
</Paper>
</Stack>
</Paper>
</Box>
);
}
export default EditListBulanan;

109
src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/list-bulanan/[id]/page.tsx Normal file
View File

@@ -0,0 +1,109 @@
'use client'
import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan-masyarakat';
import colors from '@/con/colors';
import { Box, Button, Flex, 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 DetailListBulanan() {
const detailState = useProxy(indeksKepuasanState.monthlyStatState)
const [modalHapus, setModalHapus] = useState(false)
const [selectedId, setSelectedId] = useState<string | null>(null)
const params = useParams()
const router = useRouter()
useShallowEffect(() => {
detailState.findUnique.load(params?.id as string)
}, [])
const handleHapus = () => {
if (selectedId) {
detailState.delete.byId(selectedId)
setModalHapus(false)
setSelectedId(null)
router.push("/admin/landing-page/indeks-kepuasan-masyarakat/list-bulanan")
}
}
if (!detailState.findUnique.data) {
return (
<Stack py={10}>
<Skeleton h={40} />
</Stack>
)
}
return (
<Box>
<Box mb={10}>
<Button variant="subtle" onClick={() => router.back()}>
<IconArrowBack color={colors['blue-button']} size={25} />
</Button>
</Box>
<Paper bg={colors['white-1']} w={{ base: "100%", md: "100%", lg: "50%" }} p={'md'}>
<Stack>
<Text fz={"xl"} fw={"bold"}>Detail List Survey</Text>
{detailState.findUnique.data ? (
<Paper key={detailState.findUnique.data.id} bg={colors['BG-trans']} p={'md'}>
<Stack gap={"xs"}>
<Box>
<Text fw={"bold"} fz={"lg"}>Bulan</Text>
<Text fz={"lg"}>{detailState.findUnique.data?.month}</Text>
</Box>
<Box>
<Text fw={"bold"} fz={"lg"}>Total Responden</Text>
<Text fz={"lg"}>{detailState.findUnique.data?.respondentsCount}</Text>
</Box>
<Box>
<Text fw={"bold"} fz={"lg"}>Survey</Text>
<Text fz={"lg"}>{detailState.findUnique.data?.survey.title }</Text>
</Box>
<Flex gap={"xs"} mt={10}>
<Button
onClick={() => {
if (detailState.findUnique.data) {
setSelectedId(detailState.findUnique.data.id);
setModalHapus(true);
}
}}
disabled={detailState.delete.loading || !detailState.findUnique.data}
color={"red"}
>
<IconX size={20} />
</Button>
<Button
onClick={() => {
if (detailState.findUnique.data) {
router.push(`/admin/landing-page/indeks-kepuasan-masyarakat/list-bulanan/${detailState.findUnique.data.id}/edit`);
}
}}
disabled={!detailState.findUnique.data}
color={"green"}
>
<IconEdit size={20} />
</Button>
</Flex>
</Stack>
</Paper>
) : null}
</Stack>
</Paper>
{/* Modal Konfirmasi Hapus */}
<ModalKonfirmasiHapus
opened={modalHapus}
onClose={() => setModalHapus(false)}
onConfirm={handleHapus}
text='Apakah anda yakin ingin menghapus list bulanan ini?'
/>
</Box>
);
}
export default DetailListBulanan;

84
src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/list-bulanan/create/page.tsx Normal file
View File

@@ -0,0 +1,84 @@
/* eslint-disable react-hooks/exhaustive-deps */
'use client'
import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan-masyarakat';
import colors from '@/con/colors';
import { Box, Button, Group, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
import { IconArrowBack } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
import { useEffect } from 'react';
import { useProxy } from 'valtio/utils';
function CreateListBulanan() {
const router = useRouter();
const stateCreate = useProxy(indeksKepuasanState.monthlyStatState)
useEffect(() => {
stateCreate.findMany.load();
indeksKepuasanState.surveyState.findMany.load();
}, []);
const resetForm = () => {
stateCreate.create.form = {
month: "",
respondentsCount: 0,
surveyId: "",
};
};
const handleSubmit = async () => {
await stateCreate.create.create();
resetForm();
router.push("/admin/landing-page/indeks-kepuasan-masyarakat/list-bulanan")
}
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 List Bulanan</Title>
<TextInput
value={stateCreate.create.form.month}
onChange={(val) => {
stateCreate.create.form.month = val.target.value;
}}
label={<Text fw={"bold"} fz={"sm"}>Bulan</Text>}
placeholder='Masukkan bulan'
/>
<TextInput
value={stateCreate.create.form.respondentsCount}
onChange={(val) => {
stateCreate.create.form.respondentsCount = Number(val.target.value);
}}
label={<Text fw={"bold"} fz={"sm"}>Total Responden</Text>}
placeholder='Masukkan total responden'
/>
<Select
label={<Text fw="bold" fz="sm">Pilih Survey</Text>}
placeholder="Pilih survey"
value={stateCreate.create.form.surveyId}
onChange={(value) => {
if (value) stateCreate.create.form.surveyId = value;
}}
data={
indeksKepuasanState.surveyState.findMany.data?.map((survey) => ({
value: survey.id,
label: `${survey.title} (${survey.totalRespondents} responden)`,
})) || []
}
/>
<Group>
<Button bg={colors['blue-button']} onClick={handleSubmit}>Submit</Button>
</Group>
</Stack>
</Paper>
</Box>
);
}
export default CreateListBulanan;

98
src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/list-bulanan/page.tsx Normal file
View File

@@ -0,0 +1,98 @@
/* 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 indeksKepuasanState from '../../../_state/landing-page/indeks-kepuasan-masyarakat';
import JudulList from '../../../_com/judulList';
function ListBulananLandingPage() {
const [search, setSearch] = useState('');
return (
<Box>
<HeaderSearch
title='List Bulanan'
placeholder='pencarian'
searchIcon={<IconSearch size={20} />}
value={search}
onChange={(e) => setSearch(e.currentTarget.value)}
/>
<ListBUlanan search={search} />
</Box>
);
}
function ListBUlanan({ search }: { search: string }) {
const listState = useProxy(indeksKepuasanState.monthlyStatState)
const router = useRouter();
useEffect(() => {
listState.findMany.load()
}, [])
const filteredData = (listState.findMany.data || []).filter(item => {
const keyword = search.toLowerCase();
return (
item.month.toLowerCase().includes(keyword) ||
item.respondentsCount.toString().includes(keyword)
);
});
if (!listState.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 Bulanan'
href='/admin/landing-page/indeks-kepuasan-masyarakat/list-bulanan/create'
/>
<Box style={{ overflowX: 'auto' }}>
<Table striped withRowBorders withTableBorder style={{ minWidth: '700px' }}>
<TableThead>
<TableTr>
<TableTh>Bulan</TableTh>
<TableTh>Total Responden</TableTh>
<TableTh>Detail</TableTh>
</TableTr>
</TableThead>
<TableTbody>
{filteredData.map((item) => (
<TableTr key={item.id}>
<TableTd>
<Box w={100}>
<Text truncate="end" fz={"sm"}>{item.month}</Text>
</Box>
</TableTd>
<TableTd>
<Text truncate="end" fz={"sm"}>{item.respondentsCount}</Text>
</TableTd>
<TableTd>
<Button onClick={() => router.push(`/admin/landing-page/indeks-kepuasan-masyarakat/list-bulanan/${item.id}`)}>
<IconDeviceImacCog size={25} />
</Button>
</TableTd>
</TableTr>
))}
</TableTbody>
</Table>
</Box>
</Stack>
</Paper>
</Box>
)
}
export default ListBulananLandingPage;

186
src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/list-gender-stat/[id]/edit/page.tsx Normal file
View File

@@ -0,0 +1,186 @@
/* eslint-disable react-hooks/exhaustive-deps */
'use client'
import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan-masyarakat';
import colors from '@/con/colors';
import { Box, Button, Group, Paper, Select, Stack, Text, TextInput } 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 EditListSurvey() {
const editState = useProxy(indeksKepuasanState.genderStatState)
const params = useParams()
const router = useRouter()
const [formData, setFormData] = useState({
laki: editState.edit.form.laki || 0,
perempuan: editState.edit.form.perempuan || 0,
monthlyStatId: editState.edit.form.monthlyStatId || '',
total: editState.edit.form.total || 0,
percentLaki: editState.edit.form.percentLaki || 0,
percentPerempuan: editState.edit.form.percentPerempuan || 0,
})
useEffect(() => {
indeksKepuasanState.monthlyStatState.findMany.load();
const loadSurvey = async () => {
const id = params?.id as string;
if (!id) return;
try {
const data = await editState.edit.load(id); // akses langsung, bukan dari proxy
if (data) {
setFormData({
laki: data.laki || 0,
perempuan: data.perempuan || 0,
monthlyStatId: data.monthlyStatId || '',
total: data.total || 0,
percentLaki: data.percentLaki || 0,
percentPerempuan: data.percentPerempuan || 0,
});
}
} catch (error) {
console.error("Error loading list survey:", error);
toast.error("Gagal memuat data list survey");
}
};
loadSurvey();
}, [params?.id]);
// Hitung total dan persentase saat nilai laki atau perempuan berubah
useEffect(() => {
const total = formData.laki + formData.perempuan;
const percentLaki = total > 0 ? Math.round((formData.laki / total) * 100) : 0;
const percentPerempuan = 100 - percentLaki;
setFormData(prev => ({
...prev,
total,
percentLaki,
percentPerempuan
}));
}, [formData.laki, formData.perempuan]);
const handleSubmit = async () => {
if (!formData.monthlyStatId) {
return toast.error("Silakan pilih bulan terlebih dahulu");
}
if (formData.laki < 0 || formData.perempuan < 0) {
return toast.error("Nilai tidak boleh negatif");
}
try {
// edit global state with form data
editState.edit.form = {
...editState.edit.form,
laki: formData.laki,
perempuan: formData.perempuan,
monthlyStatId: formData.monthlyStatId,
total: formData.total,
percentLaki: formData.percentLaki,
percentPerempuan: formData.percentPerempuan,
};
await editState.edit.update();
toast.success("Data gender berhasil diperbarui!");
router.push("/admin/landing-page/indeks-kepuasan-masyarakat/list-gender-stat");
} catch (error) {
console.error("Error updating list gender:", error);
toast.error("Terjadi kesalahan saat memperbarui data gender");
}
};
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"}>Edit List Survey</Text>
<Paper>
<Stack gap={"xs"}>
<TextInput
type="number"
value={formData.laki}
onChange={(val) => {
setFormData({
...formData,
laki: Number(val.target.value)
})
}}
label={<Text fw={"bold"} fz={"sm"}>Laki - Laki</Text>}
placeholder='Masukkan laki - laki'
/>
<TextInput
type="number"
value={formData.perempuan}
onChange={(val) => {
setFormData({
...formData,
perempuan: Number(val.target.value)
})
}}
label={<Text fw={"bold"} fz={"sm"}>Perempuan</Text>}
placeholder='Masukkan perempuan'
/>
<TextInput
type="number"
value={formData.total}
label={<Text fw="bold" fz="sm">Total</Text>}
disabled
/>
<TextInput
type="number"
value={formData.percentLaki}
label={<Text fw="bold" fz="sm">Persentase Laki Laki</Text>}
disabled
/>
<TextInput
type="number"
value={formData.percentPerempuan}
label={<Text fw="bold" fz="sm">Persentase Perempuan</Text>}
disabled
/>
<Select
label={"Pilih Bulan"}
placeholder="Pilih bulanan"
value={formData.monthlyStatId}
onChange={(value) => {
setFormData(prev => ({
...prev,
monthlyStatId: value || ''
}));
}}
data={
indeksKepuasanState.monthlyStatState.findMany.data?.map((monthlyStat) => ({
value: monthlyStat.id,
label: `${monthlyStat.month} (${monthlyStat.respondentsCount} responden)`,
})) || []
}
required
error={!formData.monthlyStatId ? 'Bulan harus dipilih' : undefined}
/>
<Group>
<Button
bg={colors['blue-button']}
onClick={handleSubmit}
loading={editState.edit.loading}
>
{editState.edit.loading ? 'Menyimpan...' : 'Simpan Perubahan'}
</Button>
</Group>
</Stack>
</Paper>
</Stack>
</Paper>
</Box>
);
}
export default EditListSurvey;

113
src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/list-gender-stat/[id]/page.tsx Normal file
View File

@@ -0,0 +1,113 @@
'use client'
import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan-masyarakat';
import colors from '@/con/colors';
import { Box, Button, Flex, 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 DetailGenderStat() {
const detailState = useProxy(indeksKepuasanState.genderStatState)
const [modalHapus, setModalHapus] = useState(false)
const [selectedId, setSelectedId] = useState<string | null>(null)
const params = useParams()
const router = useRouter()
useShallowEffect(() => {
detailState.findUnique.load(params?.id as string)
}, [])
const handleHapus = () => {
if (selectedId) {
detailState.delete.byId(selectedId)
setModalHapus(false)
setSelectedId(null)
router.push("/admin/landing-page/indeks-kepuasan-masyarakat/list-gender-stat")
}
}
if (!detailState.findUnique.data) {
return (
<Stack py={10}>
<Skeleton h={40} />
</Stack>
)
}
return (
<Box>
<Box mb={10}>
<Button variant="subtle" onClick={() => router.back()}>
<IconArrowBack color={colors['blue-button']} size={25} />
</Button>
</Box>
<Paper bg={colors['white-1']} w={{ base: "100%", md: "100%", lg: "50%" }} p={'md'}>
<Stack>
<Text fz={"xl"} fw={"bold"}>Detail List Survey</Text>
{detailState.findUnique.data ? (
<Paper key={detailState.findUnique.data.id} bg={colors['BG-trans']} p={'md'}>
<Stack gap={"xs"}>
<Box>
<Text fw={"bold"} fz={"lg"}>Laki Laki</Text>
<Text fz={"lg"}>{detailState.findUnique.data?.laki}</Text>
</Box>
<Box>
<Text fw={"bold"} fz={"lg"}>Perempuan</Text>
<Text fz={"lg"}>{detailState.findUnique.data?.perempuan}</Text>
</Box>
<Box>
<Text fw={"bold"} fz={"lg"}>Persentase Laki Laki</Text>
<Text fz={"lg"}>{detailState.findUnique.data?.percentLaki}</Text>
</Box>
<Box>
<Text fw={"bold"} fz={"lg"}>Persentase Perempuan</Text>
<Text fz={"lg"}>{detailState.findUnique.data?.percentPerempuan}</Text>
</Box>
<Flex gap={"xs"} mt={10}>
<Button
onClick={() => {
if (detailState.findUnique.data) {
setSelectedId(detailState.findUnique.data.id);
setModalHapus(true);
}
}}
disabled={detailState.delete.loading || !detailState.findUnique.data}
color={"red"}
>
<IconX size={20} />
</Button>
<Button
onClick={() => {
if (detailState.findUnique.data) {
router.push(`/admin/landing-page/indeks-kepuasan-masyarakat/list-gender-stat/${detailState.findUnique.data.id}/edit`);
}
}}
disabled={!detailState.findUnique.data}
color={"green"}
>
<IconEdit size={20} />
</Button>
</Flex>
</Stack>
</Paper>
) : null}
</Stack>
</Paper>
{/* Modal Konfirmasi Hapus */}
<ModalKonfirmasiHapus
opened={modalHapus}
onClose={() => setModalHapus(false)}
onConfirm={handleHapus}
text='Apakah anda yakin ingin menghapus list gender stat ini?'
/>
</Box>
);
}
export default DetailGenderStat;

103
src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/list-gender-stat/create/page.tsx Normal file
View File

@@ -0,0 +1,103 @@
/* eslint-disable react-hooks/exhaustive-deps */
'use client'
import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan-masyarakat';
import colors from '@/con/colors';
import { Box, Button, Group, Paper, Select, Stack, Text, TextInput, Title } from '@mantine/core';
import { IconArrowBack } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
import { useEffect } from 'react';
import { useProxy } from 'valtio/utils';
function CreateListGenderStat() {
const router = useRouter();
const stateCreate = useProxy(indeksKepuasanState.genderStatState)
useEffect(() => {
stateCreate.findMany.load();
indeksKepuasanState.monthlyStatState.findMany.load();
}, []);
const resetForm = () => {
stateCreate.create.form = {
laki: 0,
perempuan: 0,
monthlyStatId: "",
total: 0,
percentLaki: 0,
percentPerempuan: 0,
};
};
const handleSubmit = async () => {
await stateCreate.create.create();
resetForm();
router.push("/admin/landing-page/indeks-kepuasan-masyarakat/list-gender-stat")
}
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 List Gender Stat</Title>
<TextInput
value={stateCreate.create.form.laki}
onChange={(val) => {
stateCreate.create.form.laki = Number(val.target.value);
}}
label={<Text fw={"bold"} fz={"sm"}>Laki Laki</Text>}
placeholder='Masukkan laki laki'
/>
<TextInput
value={stateCreate.create.form.perempuan}
onChange={(val) => {
stateCreate.create.form.perempuan = Number(val.target.value);
}}
label={<Text fw={"bold"} fz={"sm"}>Perempuan</Text>}
placeholder='Masukkan perempuan'
/>
<TextInput
value={stateCreate.create.form.total}
label={<Text fw="bold" fz="sm">Total</Text>}
disabled
/>
<TextInput
value={stateCreate.create.form.percentLaki}
label={<Text fw="bold" fz="sm">Persentase Laki Laki</Text>}
disabled
/>
<TextInput
value={stateCreate.create.form.percentPerempuan}
label={<Text fw="bold" fz="sm">Persentase Perempuan</Text>}
disabled
/>
<Select
label={<Text fw="bold" fz="sm">Pilih Bulan</Text>}
placeholder="Pilih bulanan"
value={stateCreate.create.form.monthlyStatId}
onChange={(value) => {
if (value) stateCreate.create.form.monthlyStatId = value;
}}
data={
indeksKepuasanState.monthlyStatState.findMany.data?.map((monthlyStat) => ({
value: monthlyStat.id,
label: `${monthlyStat.month} (${monthlyStat.respondentsCount} responden)`,
})) || []
}
/>
<Group>
<Button bg={colors['blue-button']} onClick={handleSubmit}>Submit</Button>
</Group>
</Stack>
</Paper>
</Box>
);
}
export default CreateListGenderStat;

106
src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/list-gender-stat/page.tsx Normal file
View File

@@ -0,0 +1,106 @@
/* 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 indeksKepuasanState from '../../../_state/landing-page/indeks-kepuasan-masyarakat';
function ListGenderStat() {
const [search, setSearch] = useState('');
return (
<Box>
<HeaderSearch
title='Gender Stat'
placeholder='pencarian'
searchIcon={<IconSearch size={20} />}
value={search}
onChange={(e) => setSearch(e.currentTarget.value)}
/>
<ListGender search={search} />
</Box>
);
}
function ListGender({ search }: { search: string }) {
const listState = useProxy(indeksKepuasanState.genderStatState)
const router = useRouter();
useEffect(() => {
listState.findMany.load()
}, [])
const filteredData = (listState.findMany.data || []).filter(item => {
const keyword = search.toLowerCase();
return (
item.laki.toString().includes(keyword) ||
item.perempuan.toString().includes(keyword)
);
});
if (!listState.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 Gender Stat'
href='/admin/landing-page/indeks-kepuasan-masyarakat/list-gender-stat/create'
/>
<Box style={{ overflowX: 'auto' }}>
<Table striped withRowBorders withTableBorder style={{ minWidth: '700px' }}>
<TableThead>
<TableTr>
<TableTh>Laki Laki</TableTh>
<TableTh>Perempuan</TableTh>
<TableTh>Persentase Laki Laki</TableTh>
<TableTh>Persentase Perempuan</TableTh>
<TableTh>Detail</TableTh>
</TableTr>
</TableThead>
<TableTbody>
{filteredData.map((item) => (
<TableTr key={item.id}>
<TableTd>
<Box w={100}>
<Text truncate="end" fz={"sm"}>{item.laki}</Text>
</Box>
</TableTd>
<TableTd>
<Text truncate="end" fz={"sm"}>{item.perempuan}</Text>
</TableTd>
<TableTd>
<Text truncate="end" fz={"sm"}>{item.percentLaki}%</Text>
</TableTd>
<TableTd>
<Text truncate="end" fz={"sm"}>{item.percentPerempuan}%</Text>
</TableTd>
<TableTd>
<Button onClick={() => router.push(`/admin/landing-page/indeks-kepuasan-masyarakat/list-gender-stat/${item.id}`)}>
<IconDeviceImacCog size={25} />
</Button>
</TableTd>
</TableTr>
))}
</TableTbody>
</Table>
</Box>
</Stack>
</Paper>
</Box>
)
}
export default ListGenderStat;

122
src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/list-survey/[id]/edit/page.tsx Normal file
View File

@@ -0,0 +1,122 @@
/* eslint-disable react-hooks/exhaustive-deps */
'use client'
import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan-masyarakat';
import colors from '@/con/colors';
import { Box, Button, Group, Paper, Stack, Text, TextInput } 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 EditListSurvey() {
const editState = useProxy(indeksKepuasanState.surveyState)
const params = useParams()
const router = useRouter()
const [formData, setFormData] = useState({
title: editState.edit.form.title || '',
totalRespondents: editState.edit.form.totalRespondents || 0,
averageScore: editState.edit.form.averageScore || 0,
})
useEffect(() => {
const loadSurvey = async () => {
const id = params?.id as string;
if (!id) return;
try {
const data = await editState.edit.load(id); // akses langsung, bukan dari proxy
if (data) {
setFormData({
title: data.title || '',
totalRespondents: data.totalRespondents || 0,
averageScore: data.averageScore || 0,
});
}
} catch (error) {
console.error("Error loading list survey:", error);
toast.error("Gagal memuat data list survey");
}
};
loadSurvey();
}, [params?.id]);
const handleSubmit = async () => {
try {
// edit global state with form data
editState.edit.form = {
...editState.edit.form,
title: formData.title,
totalRespondents: formData.totalRespondents,
averageScore: formData.averageScore,
};
await editState.edit.update();
toast.success("list survey berhasil diperbarui!");
router.push("/admin/landing-page/indeks-kepuasan-masyarakat/list-survey");
} catch (error) {
console.error("Error updating list survey:", error);
toast.error("Terjadi kesalahan saat memperbarui list survey");
}
};
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"}>Edit List Survey</Text>
<Paper>
<Stack gap={"xs"}>
<TextInput
value={formData.title}
onChange={(val) => {
setFormData({
...formData,
title: val.target.value
})
}}
label={<Text fw={"bold"} fz={"sm"}>Judul</Text>}
placeholder='Masukkan judul'
/>
<TextInput
value={formData.totalRespondents}
onChange={(val) => {
setFormData({
...formData,
totalRespondents: Number(val.target.value)
})
}}
label={<Text fw={"bold"} fz={"sm"}>Total Responden</Text>}
placeholder='Masukkan total responden'
/>
<TextInput
value={formData.averageScore}
onChange={(val) => {
setFormData({
...formData,
averageScore: Number(val.target.value)
})
}}
label={<Text fw={"bold"} fz={"sm"}>Skor Rata-rata</Text>}
placeholder='Masukkan skor'
/>
<Group>
<Button bg={colors['blue-button']} onClick={handleSubmit}>Submit</Button>
</Group>
</Stack>
</Paper>
</Stack>
</Paper>
</Box>
);
}
export default EditListSurvey;

109
src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/list-survey/[id]/page.tsx Normal file
View File

@@ -0,0 +1,109 @@
'use client'
import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan-masyarakat';
import colors from '@/con/colors';
import { Box, Button, Flex, 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 DetailKegiatanDesa() {
const detailState = useProxy(indeksKepuasanState.surveyState)
const [modalHapus, setModalHapus] = useState(false)
const [selectedId, setSelectedId] = useState<string | null>(null)
const params = useParams()
const router = useRouter()
useShallowEffect(() => {
detailState.findUnique.load(params?.id as string)
}, [])
const handleHapus = () => {
if (selectedId) {
detailState.delete.byId(selectedId)
setModalHapus(false)
setSelectedId(null)
router.push("/admin/landing-page/indeks-kepuasan-masyarakat/list-survey")
}
}
if (!detailState.findUnique.data) {
return (
<Stack py={10}>
<Skeleton h={40} />
</Stack>
)
}
return (
<Box>
<Box mb={10}>
<Button variant="subtle" onClick={() => router.back()}>
<IconArrowBack color={colors['blue-button']} size={25} />
</Button>
</Box>
<Paper bg={colors['white-1']} w={{ base: "100%", md: "100%", lg: "50%" }} p={'md'}>
<Stack>
<Text fz={"xl"} fw={"bold"}>Detail List Survey</Text>
{detailState.findUnique.data ? (
<Paper key={detailState.findUnique.data.id} bg={colors['BG-trans']} p={'md'}>
<Stack gap={"xs"}>
<Box>
<Text fw={"bold"} fz={"lg"}>Judul</Text>
<Text fz={"lg"}>{detailState.findUnique.data?.title}</Text>
</Box>
<Box>
<Text fw={"bold"} fz={"lg"}>Total Responden</Text>
<Text fz={"lg"}>{detailState.findUnique.data?.totalRespondents}</Text>
</Box>
<Box>
<Text fw={"bold"} fz={"lg"}>Rata-rata Skor</Text>
<Text fz={"lg"}>{detailState.findUnique.data?.averageScore}</Text>
</Box>
<Flex gap={"xs"} mt={10}>
<Button
onClick={() => {
if (detailState.findUnique.data) {
setSelectedId(detailState.findUnique.data.id);
setModalHapus(true);
}
}}
disabled={detailState.delete.loading || !detailState.findUnique.data}
color={"red"}
>
<IconX size={20} />
</Button>
<Button
onClick={() => {
if (detailState.findUnique.data) {
router.push(`/admin/landing-page/indeks-kepuasan-masyarakat/list-survey/${detailState.findUnique.data.id}/edit`);
}
}}
disabled={!detailState.findUnique.data}
color={"green"}
>
<IconEdit size={20} />
</Button>
</Flex>
</Stack>
</Paper>
) : null}
</Stack>
</Paper>
{/* Modal Konfirmasi Hapus */}
<ModalKonfirmasiHapus
opened={modalHapus}
onClose={() => setModalHapus(false)}
onConfirm={handleHapus}
text='Apakah anda yakin ingin menghapus list survey ini?'
/>
</Box>
);
}
export default DetailKegiatanDesa;

78
src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/list-survey/create/page.tsx Normal file
View File

@@ -0,0 +1,78 @@
/* eslint-disable react-hooks/exhaustive-deps */
'use client'
import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan-masyarakat';
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 { useEffect } from 'react';
import { useProxy } from 'valtio/utils';
function CreateListSurvey() {
const router = useRouter();
const stateCreate = useProxy(indeksKepuasanState.surveyState)
useEffect(() => {
stateCreate.findMany.load();
}, []);
const resetForm = () => {
stateCreate.create.form = {
title: "",
totalRespondents: 0,
averageScore: 0,
};
};
const handleSubmit = async () => {
await stateCreate.create.create();
resetForm();
router.push("/admin/landing-page/indeks-kepuasan-masyarakat/list-survey")
}
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 List Survey</Title>
<TextInput
value={stateCreate.create.form.title}
onChange={(val) => {
stateCreate.create.form.title = val.target.value;
}}
label={<Text fw={"bold"} fz={"sm"}>Judul</Text>}
placeholder='Masukkan judul'
/>
<TextInput
value={stateCreate.create.form.totalRespondents}
onChange={(val) => {
stateCreate.create.form.totalRespondents = Number(val.target.value);
}}
label={<Text fw={"bold"} fz={"sm"}>Total Responden</Text>}
placeholder='Masukkan tahun'
/>
<TextInput
value={stateCreate.create.form.averageScore}
onChange={(val) => {
stateCreate.create.form.averageScore = Number(val.target.value);
}}
label={<Text fw={"bold"} fz={"sm"}>Skor</Text>}
placeholder='Masukkan skor'
/>
<Group>
<Button bg={colors['blue-button']} onClick={handleSubmit}>Submit</Button>
</Group>
</Stack>
</Paper>
</Box>
);
}
export default CreateListSurvey;

103
src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/list-survey/page.tsx Normal file
View File

@@ -0,0 +1,103 @@
/* 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 indeksKepuasanState from '../../../_state/landing-page/indeks-kepuasan-masyarakat';
import JudulList from '../../../_com/judulList';
function ListSurveyLandingPage() {
const [search, setSearch] = useState('');
return (
<Box>
<HeaderSearch
title='List Survey'
placeholder='pencarian'
searchIcon={<IconSearch size={20} />}
value={search}
onChange={(e) => setSearch(e.currentTarget.value)}
/>
<ListSurvey search={search} />
</Box>
);
}
function ListSurvey({ search }: { search: string }) {
const listState = useProxy(indeksKepuasanState.surveyState)
const router = useRouter();
useEffect(() => {
listState.findMany.load()
}, [])
const filteredData = (listState.findMany.data || []).filter(item => {
const keyword = search.toLowerCase();
return (
item.title.toLowerCase().includes(keyword) ||
item.totalRespondents.toString().includes(keyword) ||
item.averageScore.toString().includes(keyword)
);
});
if (!listState.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 Survey'
href='/admin/landing-page/indeks-kepuasan-masyarakat/list-survey/create'
/>
<Box style={{ overflowX: 'auto' }}>
<Table striped withRowBorders withTableBorder style={{ minWidth: '700px' }}>
<TableThead>
<TableTr>
<TableTh>Judul</TableTh>
<TableTh>Total Responden</TableTh>
<TableTh>Skor Rata-rata</TableTh>
<TableTh>Detail</TableTh>
</TableTr>
</TableThead>
<TableTbody>
{filteredData.map((item) => (
<TableTr key={item.id}>
<TableTd>
<Box w={100}>
<Text truncate="end" fz={"sm"}>{item.title}</Text>
</Box>
</TableTd>
<TableTd>
<Text truncate="end" fz={"sm"}>{item.totalRespondents}</Text>
</TableTd>
<TableTd>
<Text truncate="end" fz={"sm"}>{item.averageScore}</Text>
</TableTd>
<TableTd>
<Button onClick={() => router.push(`/admin/landing-page/indeks-kepuasan-masyarakat/list-survey/${item.id}`)}>
<IconDeviceImacCog size={25} />
</Button>
</TableTd>
</TableTr>
))}
</TableTbody>
</Table>
</Box>
</Stack>
</Paper>
</Box>
)
}
export default ListSurveyLandingPage;

11
src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/page.tsx
View File

@@ -1,11 +0,0 @@
import React from 'react';
function Page() {
return (
<div>
Indeks Kepuasan MAsyarakat
</div>
);
}
export default Page;

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

@@ -17,7 +17,7 @@ export const navBar = [
{ {
id: "Landing_Page_3", id: "Landing_Page_3",
name: "Indeks Kepuasan Masyarakat", name: "Indeks Kepuasan Masyarakat",
path: "/admin/landing-page/indeks-kepuasan-masyarakat" path: "/admin/landing-page/indeks-kepuasan-masyarakat/list-survey"
}, },
{ {
id: "Landing_Page_4", id: "Landing_Page_4",

33
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/age/create.ts Normal file
View File

@@ -0,0 +1,33 @@
import { Context } from "elysia";
import prisma from "@/lib/prisma";
export const ageStatCreate = async (context: Context) => {
const body = (await context.body) as {
group: string;
count: number;
monthlyStatId: string;
};
try {
const created = await prisma.ageStat.create({
data: {
group: body.group,
count: body.count,
monthlyStatId: body.monthlyStatId,
},
});
return {
success: true,
message: "Age Stat berhasil dibuat",
data: created,
};
} catch (error) {
console.error("Gagal create age stat:", error);
return {
success: false,
message: "Gagal membuat data age stat",
};
}
};
export default ageStatCreate;

24
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/age/del.ts Normal file
View File

@@ -0,0 +1,24 @@
import { Context } from "elysia";
import prisma from "@/lib/prisma";
export const ageStatDelete = async (context: Context) => {
const { id } = context.params as { id: string };
try {
await prisma.ageStat.delete({
where: { id },
});
return {
success: true,
message: "Data age berhasil dihapus",
};
} catch (error) {
console.error("Gagal hapus Age Stat:", error);
return {
success: false,
message: "Gagal menghapus data age stat",
};
}
};
export default ageStatDelete;

26
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/age/findMany.ts Normal file
View File

@@ -0,0 +1,26 @@
import prisma from "@/lib/prisma";
export const ageStatFindMany = async () => {
try {
const result = await prisma.ageStat.findMany({
include: {
MonthlyStat: true,
},
orderBy: {
id: "desc",
},
});
return {
success: true,
data: result,
};
} catch (error) {
console.error("Gagal ambil data Age Stat:", error);
return {
success: false,
message: "Gagal mengambil data age stat",
};
}
};
export default ageStatFindMany;

34
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/age/findUnique.ts Normal file
View File

@@ -0,0 +1,34 @@
import { Context } from "elysia";
import prisma from "@/lib/prisma";
export const ageStatFindUnique = async (context: Context) => {
const { id } = context.params as { id: string };
try {
const result = await prisma.ageStat.findUnique({
where: { id },
include: {
MonthlyStat: true,
},
});
if (!result) {
return {
success: false,
message: "Data age tidak ditemukan",
};
}
return {
success: true,
data: result,
};
} catch (error) {
console.error("Gagal ambil data Age Stat:", error);
return {
success: false,
message: "Terjadi kesalahan saat mengambil data age stat",
};
}
};
export default ageStatFindUnique;

31
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/age/index.ts Normal file
View File

@@ -0,0 +1,31 @@
import Elysia, { t } from "elysia";
import ageStatCreate from "./create";
import ageStatDelete from "./del";
import ageStatFindMany from "./findMany";
import ageStatFindUnique from "./findUnique";
import ageStatUpdate from "./updt";
const age = new Elysia({
prefix: "/age",
tags: ["Landing Page/Indeks Kepuasan Masyarakat/Age"],
})
.post("/create", ageStatCreate, {
body: t.Object({
monthlyStatId: t.String(),
group: t.String(),
count: t.Number(),
}),
})
.get("/findMany", ageStatFindMany)
.get("/:id", ageStatFindUnique)
.put("/:id", ageStatUpdate, {
body: t.Object({
group: t.String(),
count: t.Number(),
monthlyStatId: t.String(),
}),
})
.delete("/del/:id", ageStatDelete);
export default age;

35
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/age/updt.ts Normal file
View File

@@ -0,0 +1,35 @@
import { Context } from "elysia";
import prisma from "@/lib/prisma";
export const ageStatUpdate = async (context: Context) => {
const { id } = context.params as { id: string };
const body = (await context.body) as {
group?: string;
count?: number;
monthlyStatId?: string;
};
try {
const updated = await prisma.ageStat.update({
where: { id },
data: {
group: body.group,
count: body.count,
monthlyStatId: body.monthlyStatId,
},
});
return {
success: true,
message: "Data age berhasil diperbarui",
data: updated,
};
} catch (error) {
console.error("Gagal update Age Stat:", error);
return {
success: false,
message: "Gagal memperbarui data age stat",
};
}
};
export default ageStatUpdate;

40
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/gender/create.ts Normal file
View File

@@ -0,0 +1,40 @@
import { Context } from "elysia";
import prisma from "@/lib/prisma";
export const genderStatCreate = async (context: Context) => {
const body = (await context.body) as {
laki: number;
perempuan: number;
monthlyStatId: string;
};
const total = body.laki + body.perempuan;
const percentLaki = total > 0 ? Number(((body.laki / total) * 100).toFixed(2)) : 0;
const percentPerempuan = total > 0 ? Number(((body.perempuan / total) * 100).toFixed(2)) : 0;
try {
const created = await prisma.genderStat.create({
data: {
laki: body.laki,
perempuan: body.perempuan,
total,
percentLaki: Number(percentLaki),
percentPerempuan: Number(percentPerempuan),
monthlyStatId: body.monthlyStatId,
},
});
return {
success: true,
message: "Gender Stat berhasil dibuat",
data: created,
};
} catch (error) {
console.error("Gagal create gender stat:", error);
return {
success: false,
message: "Gagal membuat data gender stat",
};
}
};
export default genderStatCreate;

24
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/gender/del.ts Normal file
View File

@@ -0,0 +1,24 @@
import { Context } from "elysia";
import prisma from "@/lib/prisma";
export const genderStatDelete = async (context: Context) => {
const { id } = context.params as { id: string };
try {
await prisma.genderStat.delete({
where: { id },
});
return {
success: true,
message: "Data gender berhasil dihapus",
};
} catch (error) {
console.error("Gagal hapus Gender Stat:", error);
return {
success: false,
message: "Gagal menghapus data gender",
};
}
};
export default genderStatDelete;

26
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/gender/findMany.ts Normal file
View File

@@ -0,0 +1,26 @@
import prisma from "@/lib/prisma";
export const genderStatFindMany = async () => {
try {
const result = await prisma.genderStat.findMany({
include: {
MonthlyStat: true,
},
orderBy: {
id: "desc",
},
});
return {
success: true,
data: result,
};
} catch (error) {
console.error("Gagal ambil data Gender Stat:", error);
return {
success: false,
message: "Gagal mengambil data gender stat",
};
}
};
export default genderStatFindMany;

34
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/gender/findUnique.ts Normal file
View File

@@ -0,0 +1,34 @@
import { Context } from "elysia";
import prisma from "@/lib/prisma";
export const genderStatFindUnique = async (context: Context) => {
const { id } = context.params as { id: string };
try {
const result = await prisma.genderStat.findUnique({
where: { id },
include: {
MonthlyStat: true,
},
});
if (!result) {
return {
success: false,
message: "Data gender tidak ditemukan",
};
}
return {
success: true,
data: result,
};
} catch (error) {
console.error("Gagal ambil data Gender Stat:", error);
return {
success: false,
message: "Terjadi kesalahan saat mengambil data gender stat",
};
}
};
export default genderStatFindUnique;

37
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/gender/index.ts Normal file
View File

@@ -0,0 +1,37 @@
import Elysia, { t } from "elysia";
import genderStatCreate from "./create";
import genderStatDelete from "./del";
import genderStatFindMany from "./findMany";
import genderStatFindUnique from "./findUnique";
import genderStatUpdate from "./updt";
const gender = new Elysia({
prefix: "/gender",
tags: ["Landing Page/Indeks Kepuasan Masyarakat/Gender"],
})
.post("/create", genderStatCreate, {
body: t.Object({
monthlyStatId: t.String(),
laki: t.Number(),
perempuan: t.Number(),
total: t.Number(),
percentLaki: t.Number(),
percentPerempuan: t.Number(),
}),
})
.get("/findMany", genderStatFindMany)
.get("/:id", genderStatFindUnique)
.put("/:id", genderStatUpdate, {
body: t.Object({
laki: t.Number(),
perempuan: t.Number(),
monthlyStatId: t.String(),
total: t.Number(),
percentLaki: t.Number(),
percentPerempuan: t.Number(),
}),
})
.delete("/del/:id", genderStatDelete);
export default gender;

42
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/gender/updt.ts Normal file
View File

@@ -0,0 +1,42 @@
import { Context } from "elysia";
import prisma from "@/lib/prisma";
export const genderStatUpdate = async (context: Context) => {
const { id } = context.params as { id: string };
const body = (await context.body) as {
laki?: number;
perempuan?: number;
monthlyStatId?: string;
};
const total = (body.laki ?? 0) + (body.perempuan ?? 0);
const percentLaki = total > 0 ? Number(((body.laki ?? 0) / total) * 100).toFixed(2) : 0;
const percentPerempuan = total > 0 ? Number(((body.perempuan ?? 0) / total) * 100).toFixed(2) : 0;
try {
const updated = await prisma.genderStat.update({
where: { id },
data: {
laki: body.laki,
perempuan: body.perempuan,
total,
percentLaki: Number(percentLaki),
percentPerempuan: Number(percentPerempuan),
monthlyStatId: body.monthlyStatId,
},
});
return {
success: true,
message: "Data gender berhasil diperbarui",
data: updated,
};
} catch (error) {
console.error("Gagal update Gender Stat:", error);
return {
success: false,
message: "Gagal memperbarui data gender stat",
};
}
};
export default genderStatUpdate;

20
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/index.ts Normal file
View File

@@ -0,0 +1,20 @@
import Elysia from "elysia";
import gender from "./gender";
import monthlyStat from "./monthly-stat";
import survey from "./survey";
import response from "./response";
import age from "./age";
const IndeksKepuasanMasyarakat = new Elysia({
prefix: "/indekskepuasanmasyarakat",
tags: ["Landing Page/Profile/Indeks Kepuasan Masyarakat"],
})
.use(gender)
.use(monthlyStat)
.use(survey)
.use(response)
.use(age)
export default IndeksKepuasanMasyarakat

33
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/monthly-stat/create.ts Normal file
View File

@@ -0,0 +1,33 @@
import { Context } from "elysia";
import prisma from "@/lib/prisma";
export const createMonthlyStat = async (context: Context) => {
const body = await context.body as {
month: string;
respondentsCount: number;
surveyId: string;
};
try {
const created = await prisma.monthlyStat.create({
data: {
month: body.month,
respondentsCount: body.respondentsCount,
surveyId: body.surveyId,
},
});
return {
success: true,
message: "Monthly stat berhasil dibuat",
data: created,
};
} catch (error) {
console.error("Gagal create monthly stat:", error);
return {
success: false,
message: "Gagal membuat monthly stat",
};
}
};
export default createMonthlyStat;

26
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/monthly-stat/del.ts Normal file
View File

@@ -0,0 +1,26 @@
import { Context } from "elysia";
import prisma from "@/lib/prisma";
export const deleteMonthlyStat = async (context: Context) => {
const { id } = context.params as { id: string };
try {
await prisma.monthlyStat.delete({
where: { id },
});
return {
success: true,
message: "Data statistik bulanan berhasil dihapus",
};
} catch (error) {
console.error("Gagal hapus MonthlyStat:", error);
return {
success: false,
message: "Gagal menghapus data statistik bulanan",
};
}
};
export default deleteMonthlyStat;

26
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/monthly-stat/findMany.ts Normal file
View File

@@ -0,0 +1,26 @@
import prisma from "@/lib/prisma";
export const findManyMonthlyStat = async () => {
try {
const result = await prisma.monthlyStat.findMany({
include: {
survey: true,
},
orderBy: {
id: "desc",
},
});
return {
success: true,
data: result,
};
} catch (error) {
console.error("Gagal ambil data MonthlyStat:", error);
return {
success: false,
message: "Gagal mengambil data statistik bulanan",
};
}
};
export default findManyMonthlyStat;

35
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/monthly-stat/findUnique.ts Normal file
View File

@@ -0,0 +1,35 @@
import { Context } from "elysia";
import prisma from "@/lib/prisma";
export const findUniqueMonthlyStat = async (context: Context) => {
const { id } = context.params as { id: string };
try {
const result = await prisma.monthlyStat.findUnique({
where: { id },
include: {
survey: true,
},
});
if (!result) {
return {
success: false,
message: "Data tidak ditemukan",
};
}
return {
success: true,
data: result,
};
} catch (error) {
console.error("Gagal ambil data MonthlyStat:", error);
return {
success: false,
message: "Terjadi kesalahan saat mengambil data",
};
}
};
export default findUniqueMonthlyStat;

31
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/monthly-stat/index.ts Normal file
View File

@@ -0,0 +1,31 @@
import Elysia, { t } from "elysia";
import createMonthlyStat from "./create";
import deleteMonthlyStat from "./del";
import findManyMonthlyStat from "./findMany";
import findUniqueMonthlyStat from "./findUnique";
import updateMonthlyStat from "./updt";
const surveyResponse = new Elysia({
prefix: "/monthlystat",
tags: ["Landing Page/Indeks Kepuasan Masyarakat/Survey Response"],
})
.post("/create", createMonthlyStat, {
body: t.Object({
month: t.String(),
respondentsCount: t.Number(),
surveyId: t.String(),
}),
})
.get("/findMany", findManyMonthlyStat)
.get("/:id", findUniqueMonthlyStat)
.put("/:id", updateMonthlyStat, {
body: t.Object({
month: t.String(),
respondentsCount: t.Number(),
surveyId: t.String(),
}),
})
.delete("/del/:id", deleteMonthlyStat);
export default surveyResponse;

34
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/monthly-stat/updt.ts Normal file
View File

@@ -0,0 +1,34 @@
import { Context } from "elysia";
import prisma from "@/lib/prisma";
export const updateMonthlyStat = async (context: Context) => {
const { id } = context.params as { id: string };
const body = await context.body as {
month?: string;
respondentsCount?: number;
};
try {
const updated = await prisma.monthlyStat.update({
where: { id },
data: {
month: body.month,
respondentsCount: body.respondentsCount,
},
});
return {
success: true,
message: "Data MonthlyStat berhasil diupdate",
data: updated,
};
} catch (error) {
console.error("Gagal update MonthlyStat:", error);
return {
success: false,
message: "Gagal mengupdate data statistik bulanan",
};
}
};
export default updateMonthlyStat;

33
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/response/create.ts Normal file
View File

@@ -0,0 +1,33 @@
import { Context } from "elysia";
import prisma from "@/lib/prisma";
export const responseStatCreate = async (context: Context) => {
const body = (await context.body) as {
label: string;
count: number;
monthlyStatId: string;
};
try {
const created = await prisma.responseStat.create({
data: {
label: body.label,
count: body.count,
monthlyStatId: body.monthlyStatId,
},
});
return {
success: true,
message: "Response Stat berhasil dibuat",
data: created,
};
} catch (error) {
console.error("Gagal create response stat:", error);
return {
success: false,
message: "Gagal membuat data response stat",
};
}
};
export default responseStatCreate;

24
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/response/del.ts Normal file
View File

@@ -0,0 +1,24 @@
import { Context } from "elysia";
import prisma from "@/lib/prisma";
export const responseStatDelete = async (context: Context) => {
const { id } = context.params as { id: string };
try {
await prisma.responseStat.delete({
where: { id },
});
return {
success: true,
message: "Data response berhasil dihapus",
};
} catch (error) {
console.error("Gagal hapus Response Stat:", error);
return {
success: false,
message: "Gagal menghapus data response stat",
};
}
};
export default responseStatDelete;

26
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/response/findMany.ts Normal file
View File

@@ -0,0 +1,26 @@
import prisma from "@/lib/prisma";
export const responseStatFindMany = async () => {
try {
const result = await prisma.responseStat.findMany({
include: {
MonthlyStat: true,
},
orderBy: {
id: "desc",
},
});
return {
success: true,
data: result,
};
} catch (error) {
console.error("Gagal ambil data Response Stat:", error);
return {
success: false,
message: "Gagal mengambil data response stat",
};
}
};
export default responseStatFindMany;

34
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/response/findUnique.ts Normal file
View File

@@ -0,0 +1,34 @@
import { Context } from "elysia";
import prisma from "@/lib/prisma";
export const responseStatFindUnique = async (context: Context) => {
const { id } = context.params as { id: string };
try {
const result = await prisma.responseStat.findUnique({
where: { id },
include: {
MonthlyStat: true,
},
});
if (!result) {
return {
success: false,
message: "Data response tidak ditemukan",
};
}
return {
success: true,
data: result,
};
} catch (error) {
console.error("Gagal ambil data Response Stat:", error);
return {
success: false,
message: "Terjadi kesalahan saat mengambil data response stat",
};
}
};
export default responseStatFindUnique;

31
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/response/index.ts Normal file
View File

@@ -0,0 +1,31 @@
import Elysia, { t } from "elysia";
import responseStatCreate from "./create";
import responseStatDelete from "./del";
import responseStatFindMany from "./findMany";
import responseStatFindUnique from "./findUnique";
import responseStatUpdate from "./updt";
const response = new Elysia({
prefix: "/response",
tags: ["Landing Page/Indeks Kepuasan Masyarakat/Response"],
})
.post("/create", responseStatCreate, {
body: t.Object({
monthlyStatId: t.String(),
label: t.String(),
count: t.Number(),
}),
})
.get("/findMany", responseStatFindMany)
.get("/:id", responseStatFindUnique)
.put("/:id", responseStatUpdate, {
body: t.Object({
label: t.String(),
count: t.Number(),
monthlyStatId: t.String(),
}),
})
.delete("/del/:id", responseStatDelete);
export default response;

35
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/response/updt.ts Normal file
View File

@@ -0,0 +1,35 @@
import { Context } from "elysia";
import prisma from "@/lib/prisma";
export const responseStatUpdate = async (context: Context) => {
const { id } = context.params as { id: string };
const body = (await context.body) as {
label?: string;
count?: number;
monthlyStatId?: string;
};
try {
const updated = await prisma.responseStat.update({
where: { id },
data: {
label: body.label,
count: body.count,
monthlyStatId: body.monthlyStatId,
},
});
return {
success: true,
message: "Data response berhasil diperbarui",
data: updated,
};
} catch (error) {
console.error("Gagal update Response Stat:", error);
return {
success: false,
message: "Gagal memperbarui data response stat",
};
}
};
export default responseStatUpdate;

42
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/survey/create.ts Normal file
View File

@@ -0,0 +1,42 @@
import prisma from "@/lib/prisma";
import { Context } from "elysia";
const surveyCreate = async (context: Context) => {
const body = await context.body as {
title: string;
totalRespondents: number;
averageScore: number;
};
// Validasi
if (!body.title || !body.totalRespondents || body.averageScore === undefined) {
return {
success: false,
message: "Field title, tahun, dan skor wajib diisi",
};
}
try {
const created = await prisma.survey.create({
data: {
title: body.title,
totalRespondents: body.totalRespondents,
averageScore: body.averageScore,
},
});
return {
success: true,
message: "Survey berhasil dibuat",
data: created,
};
} catch (error) {
console.error("Gagal create survey :", error);
return {
success: false,
message: "Terjadi kesalahan saat membuat survey ",
};
}
};
export default surveyCreate;

24
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/survey/del.ts Normal file
View File

@@ -0,0 +1,24 @@
import { Context } from "elysia";
import prisma from "@/lib/prisma";
export const surveyDelete = async (context: Context) => {
const { id } = context.params as { id: string };
try {
await prisma.survey.delete({
where: { id },
});
return {
success: true,
message: "Survey berhasil dihapus",
};
} catch (error) {
console.error("Gagal hapus survey:", error);
return {
success: false,
message: "Gagal menghapus survey",
};
}
};
export default surveyDelete;

28
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/survey/findMany.ts Normal file
View File

@@ -0,0 +1,28 @@
import prisma from "@/lib/prisma";
export const surveyFindMany = async () => {
try {
const surveys = await prisma.survey.findMany({
include: {
monthlyStats: true,
},
orderBy: {
createdAt: "desc",
},
});
return {
success: true,
data: surveys,
};
} catch (error) {
console.error("Gagal ambil data survey:", error);
return {
success: false,
message: "Terjadi kesalahan saat mengambil data survey",
};
}
};
export default surveyFindMany;

34
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/survey/findUnique.ts Normal file
View File

@@ -0,0 +1,34 @@
import { Context } from "elysia";
import prisma from "@/lib/prisma";
export const surveyFindUnique = async (context: Context) => {
const { id } = context.params as { id: string };
try {
const survey = await prisma.survey.findUnique({
where: { id },
include: {
monthlyStats: true,
},
});
if (!survey) {
return {
success: false,
message: "Survey tidak ditemukan",
};
}
return {
success: true,
data: survey,
};
} catch (error) {
console.error("Gagal ambil data survey:", error);
return {
success: false,
message: "Terjadi kesalahan saat mengambil data survey",
};
}
};
export default surveyFindUnique;

30
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/survey/index.ts Normal file
View File

@@ -0,0 +1,30 @@
import Elysia, { t } from "elysia";
import surveyCreate from "./create";
import surveyUpdate from "./updt";
import surveyFindMany from "./findMany";
import surveyFindUnique from "./findUnique";
import surveyDelete from "./del";
const survey = new Elysia({
prefix: "/survey",
tags: ["Landing Page/Indeks Kepuasan Masyarakat/Survey "],
})
.post("/create", surveyCreate, {
body: t.Object({
title: t.String(),
totalRespondents: t.Number(),
averageScore: t.Number(),
}),
})
.get("/findMany", surveyFindMany)
.get("/:id", surveyFindUnique)
.put("/:id", surveyUpdate, {
body: t.Object({
title: t.String(),
totalRespondents: t.Number(),
averageScore: t.Number(),
}),
})
.delete("/del/:id", surveyDelete);
export default survey;

49
src/app/api/[[...slugs]]/_lib/landing_page/indeks-kepuasan-masyarakat/survey/updt.ts Normal file
View File

@@ -0,0 +1,49 @@
import prisma from "@/lib/prisma";
import { Context } from "elysia";
type FormUpdateSurvey = {
title?: string;
tahun?: number;
totalRespondents?: number;
averageScore?: number;
};
const surveyUpdate = async (context: Context) => {
const id = context.params?.id as string;
const body = await context.body as FormUpdateSurvey;
if (!id) {
return {
success: false,
message: "ID survey wajib diisi",
};
}
try {
const updated = await prisma.survey.update({
where: { id },
data: {
title: body.title,
totalRespondents: body.totalRespondents,
averageScore: body.averageScore,
},
include: {
monthlyStats: true,
},
});
return {
success: true,
message: "Berhasil update survey ",
data: updated,
};
} catch (error) {
console.error("Gagal update survey :", error);
return {
success: false,
message: "Gagal update survey ",
};
}
};
export default surveyUpdate;

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

@@ -8,6 +8,7 @@ import SDGSDesa from "./sdgs-desa";
import APBDes from "./apbdes"; import APBDes from "./apbdes";
import PrestasiDesa from "./prestasi-desa"; import PrestasiDesa from "./prestasi-desa";
import KategoriPrestasi from "./prestasi-desa/kategori-prestasi"; import KategoriPrestasi from "./prestasi-desa/kategori-prestasi";
import IndeksKepuasanMasyarakat from "./indeks-kepuasan-masyarakat";
const LandingPage = new Elysia({ const LandingPage = new Elysia({
prefix: "/api/landingpage", prefix: "/api/landingpage",
@@ -23,5 +24,6 @@ const LandingPage = new Elysia({
.use(APBDes) .use(APBDes)
.use(PrestasiDesa) .use(PrestasiDesa)
.use(KategoriPrestasi) .use(KategoriPrestasi)
.use(IndeksKepuasanMasyarakat)
export default LandingPage export default LandingPage