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

Tambahan Fix UI PPID

Browse Source
This commit is contained in:
nico
2025-06-10 11:01:13 +08:00
parent 6d312b7a28
commit e4b7418ed3
4 changed files with 37 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/app/admin/(dashboard)/ppid/dasar-hukum/edit/page.tsx
View File

@@ -38,6 +38,7 @@ function EditDasarHukum() {
dasarHukumState.findById.data.content = content; dasarHukumState.findById.data.content = content;
dasarHukumState.update.save(dasarHukumState.findById.data) dasarHukumState.update.save(dasarHukumState.findById.data)
} }
router.push('/admin/ppid/dasar-hukum')
} }
return ( return (
<Box> <Box>

10
src/app/admin/(dashboard)/ppid/dasar-hukum/page.tsx
View File

@@ -34,15 +34,13 @@ function Page() {
</Button> </Button>
</GridCol> </GridCol>
</Grid> </Grid>
<Box px={{ base: "md", md: 100 }}> <Box>
<Stack gap={'lg'}> <Stack gap={'lg'}>
<Paper p={"xl"} bg={colors['BG-trans']}> <Paper p={"xl"} bg={colors['BG-trans']}>
<Box px={{ base: 20, md: 50 }} pb={30}> <Box px={{ base: 0, md: 30 }}>
<Text ta={"center"} fz={{ base: "h3", md: "h2" }} fw={"bold"}> <Text ta={"center"} fz={{ base: "h3", md: "h2" }} fw={"bold"} dangerouslySetInnerHTML={{ __html: listDasarHukum.findById.data.judul }} />
{listDasarHukum.findById.data.judul}
</Text>
</Box> </Box>
<Box px={{ base: 20, md: 50 }}> <Box px={{ base: 0, md: 30 }}>
<Text fz={{ base: "md", md: "h3" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: listDasarHukum.findById.data.content }} /> <Text fz={{ base: "md", md: "h3" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: listDasarHukum.findById.data.content }} />
</Box> </Box>
</Paper> </Paper>

58
src/app/admin/(dashboard)/ppid/profile-ppid/page.tsx
View File

@@ -1,6 +1,6 @@
'use client' 'use client'
import colors from '@/con/colors'; import colors from '@/con/colors';
import { Box, Button, Center, Divider, Flex, Grid, GridCol, Image, List, Paper, Skeleton, Stack, Text, Title } from '@mantine/core'; import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
import { useShallowEffect } from '@mantine/hooks'; import { useShallowEffect } from '@mantine/hooks';
import { IconEdit } from '@tabler/icons-react'; import { IconEdit } from '@tabler/icons-react';
import { useRouter } from 'next/navigation'; import { useRouter } from 'next/navigation';
@@ -30,7 +30,7 @@ function Page() {
<Stack gap={"xs"}> <Stack gap={"xs"}>
<Grid> <Grid>
<GridCol span={{ base: 12, md: 11 }}> <GridCol span={{ base: 12, md: 11 }}>
<Title order={3}>List Profile PPID</Title> <Title order={3}>Preview Profile PPID</Title>
</GridCol> </GridCol>
<GridCol span={{ base: 12, md: 1 }}> <GridCol span={{ base: 12, md: 1 }}>
<Button bg={colors['blue-button']} onClick={() => router.push(`/admin/ppid/profile-ppid/${allList.profile.data?.id}`)}> <Button bg={colors['blue-button']} onClick={() => router.push(`/admin/ppid/profile-ppid/${allList.profile.data?.id}`)}>
@@ -39,18 +39,24 @@ function Page() {
</GridCol> </GridCol>
</Grid> </Grid>
{dataArray.map((item) => ( {dataArray.map((item) => (
<Box key={item.id} px={{ base: "md", md: 100 }}> <Box key={item.id} >
<Paper p={"xl"} bg={colors['BG-trans']}> <Paper p={"xl"} bg={colors['BG-trans']}>
<Box px={{ base: "md", md: 100 }}> <Box px={{ base: "md", md: 100 }}>
<Flex align={"center"} gap={50}> <Grid>
<Image src={"/api/img/darmasaba-icon.png"} h={{ base: 80, md: 150 }} alt='' /> <GridCol span={{ base: 12, md: 12 }}>
<Text fz={{ base: "1.4rem", md: "1.6rem", lg: "2rem", xl: "2.5rem" }} fw={'bold'}>PROFIL PIMPINAN BADAN PUBLIK DESA DARMASABA </Text> <Center>
</Flex> <Image src={"/api/img/darmasaba-icon.png"} w={{ base: 100, md: 150 }} alt='' />
</Center>
</GridCol>
<GridCol span={{ base: 12, md: 12 }}>
<Text ta={"center"} fz={{ base: "1.2rem", md: "1.8rem" }} fw={'bold'}>PROFIL PIMPINAN BADAN PUBLIK DESA DARMASABA </Text>
</GridCol>
</Grid>
</Box> </Box>
<Divider my={"md"} /> <Divider my={"md"} color={colors['blue-button']} />
{/* biodata perbekel */} {/* biodata perbekel */}
<Box px={{ base: 0, md: 50 }} pb={30}> <Box px={{ base: 0, md: 50 }} pb={30}>
<Box px={{ base: 0, md: 50 }}> <Box pb={20} px={{ base: 0, md: 50 }}>
<Paper bg={colors['BG-trans']} w={{ base: "100%", md: "100%" }}> <Paper bg={colors['BG-trans']} w={{ base: "100%", md: "100%" }}>
<Stack gap={0}> <Stack gap={0}>
<Center> <Center>
@@ -66,12 +72,12 @@ function Page() {
</Center> </Center>
<Paper <Paper
bg={colors['blue-button']} bg={colors['blue-button']}
py={30} py={20}
className="glass3" className="glass3"
px={{ base: 20, md: 20 }} px={{ base: 10, md: 10 }}
> >
<Text ta={"center"} c={colors['white-1']} fw={"bolder"} fz={{ base: "1.5rem", md: "1.5rem" }}> <Text ta={"center"} c={colors['white-1']} fw={"bolder"} fz={{ base: "1.2rem", md: "1.6rem" }}>
{item.name} {item.name}
</Text> </Text>
</Paper> </Paper>
@@ -80,30 +86,26 @@ function Page() {
</Box> </Box>
<Box pt={10}> <Box pt={10}>
<Box> <Box>
<Text fz={{ base: "1.125rem", md: "1.375rem", lg: "1.75rem", xl: "2rem" }} fw={'bold'}>Biodata</Text> <Text fz={{ base: "1.125rem", md: "1.6rem" }} fw={'bold'}>Biodata</Text>
<Text fz={{ base: "1rem", md: "1.125rem", lg: "1.25rem", xl: "1.5rem" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: item.biodata }} /> <Text fz={{ base: "1rem", md: "1.5rem" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: item.biodata }} />
</Box> </Box>
<Box> <Box>
<Text fz={{ base: "1.125rem", md: "1.375rem", lg: "1.75rem", xl: "2rem" }} fw={'bold'}>Riwayat Karir</Text> <Text fz={{ base: "1.125rem", md: "1.6rem" }} fw={'bold'}>Riwayat Karir</Text>
<Text fz={{ base: "1rem", md: "1.125rem", lg: "1.25rem", xl: "1.5rem" }} dangerouslySetInnerHTML={{ __html: item.riwayat }} /> <Text fz={{ base: "1rem", md: "1.5rem" }} dangerouslySetInnerHTML={{ __html: item.riwayat }} />
</Box> </Box>
</Box> </Box>
</Box> <Box pb={30}>
<Box pb={30}> <Text fz={{ base: "1.125rem", md: "1.6rem" }} fw={'bold'}>Pengalaman Organisasi</Text>
<Text fz={{ base: "1.125rem", md: "1.375rem", lg: "1.75rem", xl: "2rem" }} fw={'bold'}>Pengalaman Organisasi</Text>
<List>
<Box px={20}> <Box px={20}>
<Text fz={{ base: "1rem", md: "1.125rem", lg: "1.25rem", xl: "1.5rem" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: item.pengalaman }} /> <Text fz={{ base: "1rem", md: "1.5rem" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: item.pengalaman }} />
</Box> </Box>
</List> </Box>
</Box> <Box pb={20}>
<Box pb={20}> <Text fz={{ base: "1.125rem", md: "1.6rem" }} fw={'bold'}>Program Kerja Unggulan</Text>
<Text fz={{ base: "1.125rem", md: "1.375rem", lg: "1.75rem", xl: "2rem" }} fw={'bold'}>Program Kerja Unggulan</Text>
<List>
<Box px={20}> <Box px={20}>
<Text fz={{ base: "1rem", md: "1.125rem", lg: "1.25rem", xl: "1.5rem" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: item.unggulan }} /> <Text fz={{ base: "1rem", md: "1.5rem" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: item.unggulan }} />
</Box> </Box>
</List> </Box>
</Box> </Box>
</Paper> </Paper>
</Box> </Box>

4
src/app/admin/(dashboard)/ppid/visi-misi-ppid/page.tsx
View File

@@ -38,7 +38,7 @@ function VisiMisiPPIDList() {
<Stack pos={"relative"} gap={"22"}> <Stack pos={"relative"} gap={"22"}>
<Grid> <Grid>
<GridCol span={{ base: 12, md: 11 }}> <GridCol span={{ base: 12, md: 11 }}>
<Title order={2}>Preview Visi Misi PPID</Title> <Title order={3}>Preview Visi Misi PPID</Title>
</GridCol> </GridCol>
<GridCol span={{ base: 12, md: 1 }}> <GridCol span={{ base: 12, md: 1 }}>
<Button bg={colors['blue-button']} onClick={() => router.push('/admin/ppid/visi-misi-ppid/edit')}> <Button bg={colors['blue-button']} onClick={() => router.push('/admin/ppid/visi-misi-ppid/edit')}>
@@ -46,7 +46,7 @@ function VisiMisiPPIDList() {
</Button> </Button>
</GridCol> </GridCol>
</Grid> </Grid>
<Box px={{ base: "md", md: 100 }}> <Box>
<Stack gap={'lg'}> <Stack gap={'lg'}>
<Paper p={"xl"} bg={colors['BG-trans']}> <Paper p={"xl"} bg={colors['BG-trans']}>
<Box pb={30}> <Box pb={30}>