UI & API Menu Landing Page
This commit is contained in:
@@ -23,9 +23,7 @@ const apbdes = proxy({
|
||||
form: { ...defaultapbdesForm },
|
||||
loading: false,
|
||||
async create() {
|
||||
const cek = templateapbDesaForm.safeParse(
|
||||
apbdes.create.form
|
||||
);
|
||||
const cek = templateapbDesaForm.safeParse(apbdes.create.form);
|
||||
if (!cek.success) {
|
||||
const err = `[${cek.error.issues
|
||||
.map((v) => `${v.path.join(".")}`)
|
||||
@@ -34,9 +32,7 @@ const apbdes = proxy({
|
||||
}
|
||||
try {
|
||||
apbdes.create.loading = true;
|
||||
const res = await ApiFetch.api.landingpage.apbdes[
|
||||
"create"
|
||||
].post({
|
||||
const res = await ApiFetch.api.landingpage.apbdes["create"].post({
|
||||
...apbdes.create.form,
|
||||
});
|
||||
|
||||
@@ -63,9 +59,7 @@ const apbdes = proxy({
|
||||
}>
|
||||
> | null,
|
||||
async load() {
|
||||
const res = await ApiFetch.api.landingpage.apbdes[
|
||||
"find-many"
|
||||
].get();
|
||||
const res = await ApiFetch.api.landingpage.apbdes["find-many"].get();
|
||||
if (res.status === 200) {
|
||||
apbdes.findMany.data = res.data?.data ?? [];
|
||||
}
|
||||
@@ -102,15 +96,12 @@ const apbdes = proxy({
|
||||
try {
|
||||
apbdes.delete.loading = true;
|
||||
|
||||
const response = await fetch(
|
||||
`/api/landingpage/apbdes/del/${id}`,
|
||||
{
|
||||
method: "DELETE",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
const response = await fetch(`/api/landingpage/apbdes/del/${id}`, {
|
||||
method: "DELETE",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
});
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
@@ -177,9 +168,7 @@ const apbdes = proxy({
|
||||
},
|
||||
|
||||
async update() {
|
||||
const cek = templateapbDesaForm.safeParse(
|
||||
apbdes.edit.form
|
||||
);
|
||||
const cek = templateapbDesaForm.safeParse(apbdes.edit.form);
|
||||
if (!cek.success) {
|
||||
const err = `[${cek.error.issues
|
||||
.map((v) => `${v.path.join(".")}`)
|
||||
@@ -189,21 +178,18 @@ const apbdes = proxy({
|
||||
|
||||
try {
|
||||
apbdes.edit.loading = true;
|
||||
const response = await fetch(
|
||||
`/api/landingpage/apbdes/${this.id}`,
|
||||
{
|
||||
method: "PUT",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify({
|
||||
name: this.form.name,
|
||||
jumlah: this.form.jumlah,
|
||||
imageId: this.form.imageId,
|
||||
fileId: this.form.fileId,
|
||||
}),
|
||||
}
|
||||
);
|
||||
const response = await fetch(`/api/landingpage/apbdes/${this.id}`, {
|
||||
method: "PUT",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify({
|
||||
name: this.form.name,
|
||||
jumlah: this.form.jumlah,
|
||||
imageId: this.form.imageId,
|
||||
fileId: this.form.fileId,
|
||||
}),
|
||||
});
|
||||
if (!response.ok) {
|
||||
const errorData = await response.json().catch(() => ({}));
|
||||
throw new Error(
|
||||
@@ -216,16 +202,12 @@ const apbdes = proxy({
|
||||
await apbdes.findMany.load(); // refresh list
|
||||
return true;
|
||||
} else {
|
||||
throw new Error(
|
||||
result.message || "Gagal mengupdate apbdes"
|
||||
);
|
||||
throw new Error(result.message || "Gagal mengupdate apbdes");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("Error updating apbdes:", error);
|
||||
toast.error(
|
||||
error instanceof Error
|
||||
? error.message
|
||||
: "Gagal mengupdate apbdes"
|
||||
error instanceof Error ? error.message : "Gagal mengupdate apbdes"
|
||||
);
|
||||
return false;
|
||||
} finally {
|
||||
@@ -239,4 +221,4 @@ const apbdes = proxy({
|
||||
},
|
||||
});
|
||||
|
||||
export default apbdes;
|
||||
export default apbdes;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -1,11 +0,0 @@
|
||||
import React from 'react';
|
||||
|
||||
function Page() {
|
||||
return (
|
||||
<div>
|
||||
Indeks Kepuasan MAsyarakat
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Page;
|
||||
@@ -17,7 +17,7 @@ export const navBar = [
|
||||
{
|
||||
id: "Landing_Page_3",
|
||||
name: "Indeks Kepuasan Masyarakat",
|
||||
path: "/admin/landing-page/indeks-kepuasan-masyarakat"
|
||||
path: "/admin/landing-page/indeks-kepuasan-masyarakat/list-survey"
|
||||
},
|
||||
{
|
||||
id: "Landing_Page_4",
|
||||
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -8,6 +8,7 @@ import SDGSDesa from "./sdgs-desa";
|
||||
import APBDes from "./apbdes";
|
||||
import PrestasiDesa from "./prestasi-desa";
|
||||
import KategoriPrestasi from "./prestasi-desa/kategori-prestasi";
|
||||
import IndeksKepuasanMasyarakat from "./indeks-kepuasan-masyarakat";
|
||||
|
||||
const LandingPage = new Elysia({
|
||||
prefix: "/api/landingpage",
|
||||
@@ -23,5 +24,6 @@ const LandingPage = new Elysia({
|
||||
.use(APBDes)
|
||||
.use(PrestasiDesa)
|
||||
.use(KategoriPrestasi)
|
||||
.use(IndeksKepuasanMasyarakat)
|
||||
|
||||
export default LandingPage
|
||||
|
||||
Reference in New Issue
Block a user