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

upd: pembatasan user

Browse Source 
Deskripsi:
- menyimpan role pada variable global
- pembatasan pada position
- pembatasan pada fitur home
- memasang log user pada position

No Issues
This commit is contained in:
amel
2024-09-04 14:11:49 +08:00
parent 878294e063
commit 19f94879d0
12 changed files with 189 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/module/_global/bin/val_global.ts
View File

@@ -1 +1,4 @@
export const pwd_key_config = "fchgvjknlmdfnbvghhujlaknsdvjbhknlkmsdbdyu567t8y9u30r4587638y9uipkoeghjvuyi89ipkoefmnrjbhtiu4or9ipkoemnjfbhjiuoijdklnjhbviufojkejnshbiuojijknehgruyu"
import { hookstate } from "@hookstate/core"
export const pwd_key_config = "fchgvjknlmdfnbvghhujlaknsdvjbhknlkmsdbdyu567t8y9u30r4587638y9uipkoeghjvuyi89ipkoefmnrjbhtiu4or9ipkoemnjfbhjiuoijdklnjhbviufojkejnshbiuojijknehgruyu"
export const globalRole = hookstate<string>('')

17
src/module/_global/components/wrap_layout.tsx Normal file
View File

@@ -0,0 +1,17 @@
'use client'
import { useHookstate } from "@hookstate/core";
import { globalRole } from "../bin/val_global";
import { useShallowEffect } from "@mantine/hooks";
export default function WrapLayout({ children, role }: { children: React.ReactNode, role: any }) {
const roleLogin = useHookstate(globalRole)
useShallowEffect(() => {
roleLogin.set(role)
}, [])
return (
<>
{children}
</>
);
}

5
src/module/_global/index.ts
View File

@@ -1,10 +1,11 @@
import prisma from "./bin/prisma";
import { pwd_key_config } from "./bin/val_global";
import { globalRole, pwd_key_config } from "./bin/val_global";
import SkeletonDetailDiscussionComment from "./components/skeleton_detail_discussion_comment";
import SkeletonDetailDiscussionMember from "./components/skeleton_detail_discussion_member";
import SkeletonDetailListTugasTask from "./components/skeleton_detail_list_tugas_task";
import SkeletonDetailProfile from "./components/skeleton_detail_profile";
import SkeletonSingle from "./components/skeleton_single";
import WrapLayout from "./components/wrap_layout";
import { WARNA } from "./fun/WARNA";
import LayoutDrawer from "./layout/layout_drawer";
import LayoutIconBack from "./layout/layout_icon_back";
@@ -31,3 +32,5 @@ export { SkeletonDetailDiscussionMember }
export { SkeletonDetailProfile }
export { SkeletonDetailListTugasTask }
export { LayoutModalViewFile }
export { globalRole }
export { WrapLayout }

25
src/module/_global/view/view_filter.tsx
View File

@@ -1,23 +1,21 @@
'use client'
import { Box, Group, Divider, Button, Text, Skeleton, rem } from "@mantine/core";
import { useEffect, useState } from "react";
import { useState } from "react";
import { FaCheck } from "react-icons/fa6";
import { WARNA } from "../fun/WARNA";
import LayoutNavbarNew from "../layout/layout_navbar_new";
import { useRouter } from "next/navigation";
import { useRouter, useSearchParams } from "next/navigation";
import { funGetAllGroup, IDataGroup } from "@/module/group";
import { useShallowEffect } from "@mantine/hooks";
import toast from "react-hot-toast";
export default function ViewFilter({ linkFilter }: { linkFilter: string }) {
const [selectedFilter, setSelectedFilter] = useState<string | null>(null);
const [selectedFilter, setSelectedFilter] = useState<any>('');
const [checked, setChecked] = useState<IDataGroup[]>([]);
const [searchParams, setSearchParams] = useState({ groupId: '' });
const [loading, setLoading] = useState(true)
const searchParams = useSearchParams()
const group = searchParams.get('group')
const handleFilterClick = (id: string) => {
setSelectedFilter(id);
};
async function getAllGroupFilter() {
try {
@@ -37,15 +35,14 @@ export default function ViewFilter({ linkFilter }: { linkFilter: string }) {
}
}
useEffect(() => {
if (selectedFilter) {
setSearchParams({ groupId: selectedFilter });
}
}, [selectedFilter]);
useShallowEffect(() => {
setSelectedFilter(group)
}, [group]);
useShallowEffect(() => {
getAllGroupFilter();
}, [searchParams.groupId]);
}, []);
const router = useRouter()
@@ -71,7 +68,7 @@ export default function ViewFilter({ linkFilter }: { linkFilter: string }) {
justify="space-between"
align="center"
mb={10}
onClick={() => handleFilterClick(filter.id)}
onClick={() => setSelectedFilter(filter.id)}
>
<Text fw={selectedFilter === filter.id ? 'bold' : 'normal'}>
{filter.name}

38
src/module/home/ui/view_detail_feature.tsx
View File

@@ -1,14 +1,16 @@
'use client'
import { LayoutNavbarNew, WARNA } from '@/module/_global';
import { globalRole, LayoutNavbarNew, WARNA } from '@/module/_global';
import { ActionIcon, Box, Center, SimpleGrid, Text } from '@mantine/core';
import React from 'react';
import { HiMiniUserGroup, HiMiniPresentationChartBar, HiMegaphone, HiSquares2X2, HiChevronLeft, HiUserGroup, HiUsers } from "react-icons/hi2";
import { PiUsersFourFill } from "react-icons/pi";
import { useRouter } from 'next/navigation';
import { FaUserTag, FaUserTie } from 'react-icons/fa6';
import { useHookstate } from '@hookstate/core';
export default function ViewDetailFeature() {
const router = useRouter()
const roleLogin = useHookstate(globalRole)
return (
<>
<LayoutNavbarNew back='/home' title='Fitur' menu={<></>} />
@@ -73,7 +75,7 @@ export default function ViewDetailFeature() {
<Text fz={15} c={WARNA.biruTua}>Anggota</Text>
</Center>
</Box>
<Box onClick={() => router.push('position?active=true')}>
<Box onClick={() => router.push('/position')}>
<Center>
<ActionIcon variant="gradient"
size={68}
@@ -87,20 +89,24 @@ export default function ViewDetailFeature() {
<Text fz={15} c={WARNA.biruTua}>Jabatan</Text>
</Center>
</Box>
<Box onClick={() => router.push('/group')}>
<Center>
<ActionIcon variant="gradient"
size={68}
aria-label="Gradient action icon"
radius={100}
gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}>
<FaUserTag size={35} color={WARNA.biruTua} />
</ActionIcon>
</Center>
<Center>
<Text fz={15} c={WARNA.biruTua}>Grup</Text>
</Center>
</Box>
{
roleLogin.get() == "supadmin" &&
<Box onClick={() => router.push('/group')}>
<Center>
<ActionIcon variant="gradient"
size={68}
aria-label="Gradient action icon"
radius={100}
gradient={{ from: '#DFDA7C', to: '#F2AF46', deg: 174 }}>
<FaUserTag size={35} color={WARNA.biruTua} />
</ActionIcon>
</Center>
<Center>
<Text fz={15} c={WARNA.biruTua}>Grup</Text>
</Center>
</Box>
}
</SimpleGrid>
</Box>
</Box>

4
src/module/position/ui/drawer_detail_position.tsx
View File

@@ -159,7 +159,7 @@ export default function DrawerDetailPosition({ onUpdated, id, isActive }: {
</Box>
:
<Box>
<Select
{/* <Select
label="Grup"
placeholder="Pilih grup"
size="md"
@@ -192,7 +192,7 @@ export default function DrawerDetailPosition({ onUpdated, id, isActive }: {
)
}
onBlur={() => setTouched({ ...touched, idGroup: true })}
/>
/> */}
<TextInput
label="Jabatan"
styles={{

113
src/module/position/ui/drawer_list_position.tsx
View File

@@ -1,8 +1,8 @@
import { WARNA, LayoutDrawer } from "@/module/_global";
import { WARNA, LayoutDrawer, globalRole } from "@/module/_global";
import { funGetAllGroup, IDataGroup } from "@/module/group";
import { Box, Stack, SimpleGrid, Flex, TextInput, Button, Text, Select } from "@mantine/core";
import { useShallowEffect } from "@mantine/hooks";
import { useRouter } from "next/navigation";
import { useRouter, useSearchParams } from "next/navigation";
import { useEffect, useState } from "react";
import toast from "react-hot-toast";
import { IoAddCircle } from "react-icons/io5";
@@ -13,14 +13,17 @@ import { globalRefreshPosition } from "../lib/val_posisition";
export default function DrawerListPosition({ onCreated }: { onCreated: (val: boolean) => void }) {
const roleLogin = useHookstate(globalRole)
const [openDrawerGroup, setOpenDrawerGroup] = useState(false)
const router = useRouter()
const [listGroup, setListGorup] = useState<IDataGroup[]>([])
const refresh = useHookstate(globalRefreshPosition)
const searchParams = useSearchParams()
const group = searchParams.get('group')
const [touched, setTouched] = useState({
name: false,
idGroup: false
});
});
const [listData, setListData] = useState({
name: "",
@@ -60,6 +63,8 @@ export default function DrawerListPosition({ onCreated }: { onCreated: (val: boo
onCreated(true)
} else {
toast.error(res.message)
setOpenDrawerGroup(false)
onCreated(true)
}
} catch (error) {
@@ -82,55 +87,61 @@ export default function DrawerListPosition({ onCreated }: { onCreated: (val: boo
<Text ta={'center'} c={WARNA.biruTua}>Tambah Jabatan</Text>
</Box>
</Flex>
<Flex justify={'center'} align={'center'} direction={'column'} onClick={() => router.push('/position?active=true&page=filter')}>
<Box>
<RiFilter2Line size={30} color={WARNA.biruTua} />
</Box>
<Box>
<Text ta={'center'} c={WARNA.biruTua}>Filter</Text>
</Box>
</Flex>
{
roleLogin.get() == "supadmin" &&
<Flex justify={'center'} align={'center'} direction={'column'} onClick={() => router.push('/position?page=filter&group=' + group)}>
<Box>
<RiFilter2Line size={30} color={WARNA.biruTua} />
</Box>
<Box>
<Text ta={'center'} c={WARNA.biruTua}>Filter</Text>
</Box>
</Flex>
}
</SimpleGrid>
</Stack>
<LayoutDrawer opened={openDrawerGroup} onClose={() => setOpenDrawerGroup(false)} title={'Tambah Jabatan'} size="lg">
<Box pt={10} pos={"relative"} h={"70vh"}>
<Select
label="Grup"
placeholder="Pilih grup"
data={
listGroup
? listGroup.map((data) => ({
value: data.id,
label: data.name,
}))
: []
}
size="md"
radius={10}
mb={5}
withAsterisk
onChange={(val: any) => {
setListData({
...listData,
idGroup: val
})
setTouched({ ...touched, idGroup: false })
}}
styles={{
input: {
color: WARNA.biruTua,
borderRadius: WARNA.biruTua,
borderColor: WARNA.biruTua,
},
}}
error={
touched.idGroup && (
listData.idGroup == "" ? "Grup Tidak Boleh Kosong" : null
)
}
onFocus={() => setTouched({ ...touched, idGroup: true })}
onBlur={() => setTouched({ ...touched, idGroup: true })}
/>
{
roleLogin.get() == "supadmin" &&
<Select
label="Grup"
placeholder="Pilih grup"
data={
listGroup
? listGroup.map((data) => ({
value: data.id,
label: data.name,
}))
: []
}
size="md"
radius={10}
mb={5}
withAsterisk
onChange={(val: any) => {
setListData({
...listData,
idGroup: val
})
setTouched({ ...touched, idGroup: false })
}}
styles={{
input: {
color: WARNA.biruTua,
borderRadius: WARNA.biruTua,
borderColor: WARNA.biruTua,
},
}}
error={
touched.idGroup && (
listData.idGroup == "" ? "Grup Tidak Boleh Kosong" : null
)
}
onFocus={() => setTouched({ ...touched, idGroup: true })}
onBlur={() => setTouched({ ...touched, idGroup: true })}
/>
}
<TextInput
label="Jabatan"
styles={{
@@ -153,9 +164,9 @@ export default function DrawerListPosition({ onCreated }: { onCreated: (val: boo
placeholder="Nama Jabatan"
error={
touched.name && (
listData.name == "" ? "Nama Jabatan Tidak Boleh Kosong" : null
listData.name == "" ? "Nama Jabatan Tidak Boleh Kosong" : null
)
}
}
onFocus={() => setTouched({ ...touched, name: true })}
onBlur={() => setTouched({ ...touched, name: true })}
required
@@ -169,7 +180,7 @@ export default function DrawerListPosition({ onCreated }: { onCreated: (val: boo
fullWidth
onClick={onSubmit}
>
MASUK
SIMPAN
</Button>
</Box>
</Box>

47
src/module/position/ui/list_position_active.tsx
View File

@@ -1,6 +1,6 @@
import { LayoutDrawer, SkeletonSingle, WARNA } from "@/module/_global";
import { globalRole, LayoutDrawer, SkeletonSingle, WARNA } from "@/module/_global";
import { ActionIcon, Box, Group, Text, TextInput } from "@mantine/core";
import React, { useEffect, useState } from "react";
import React, { useState } from "react";
import { FaUserTie } from "react-icons/fa6";
import { HiMagnifyingGlass } from "react-icons/hi2";
import DrawerDetailPosition from "./drawer_detail_position";
@@ -12,7 +12,6 @@ import { funGetAllPosition } from "../lib/api_position";
import { IDataPosition } from "../lib/type_position";
import { useHookstate } from "@hookstate/core";
import { globalRefreshPosition } from "../lib/val_posisition";
import { funGetAllGroup, IDataGroup } from "@/module/group";
export default function ListPositionActive() {
@@ -27,14 +26,16 @@ export default function ListPositionActive() {
const group = searchParams.get('group')
const status = searchParams.get('active')
const refresh = useHookstate(globalRefreshPosition)
const roleLogin = useHookstate(globalRole)
const [nameGroup, setNameGroup] = useState('')
async function getAllPosition() {
try {
// setDataPosition([]);
setLoading(true)
const res = await funGetAllPosition('?active=' + status + '&group=' + group + '&search=' + searchQuery)
setDataPosition(res.data);
setLoading(false);
setNameGroup(res.filter.name)
setLoading(false)
} catch (error) {
toast.error("Gagal mendapatkan position, coba lagi nanti");
console.error(error);
@@ -47,30 +48,6 @@ export default function ListPositionActive() {
getAllPosition();
}, [status, group, searchQuery, refresh.get()])
const [checked, setChecked] = useState<IDataGroup[]>([]);
const groupNameMap = (groupId: string) => {
const groupName = checked.find((group) => group.id === groupId)?.name;
return groupName || '-';
};
async function getAllGroupFilter() {
try {
const response = await funGetAllGroup('?active=true')
if (response.success) {
setChecked(response.data);
} else {
toast.error(response.message);
}
} catch (error) {
console.error(error);
toast.error("Gagal mendapatkan grup, coba lagi nanti");
}
}
useShallowEffect(() => {
getAllGroupFilter();
}, []);
return (
<Box pt={20}>
@@ -94,7 +71,7 @@ export default function ListPositionActive() {
</Box>
)) :
<Box pt={20}>
{group && <Text>Filter by: {groupNameMap(group)}</Text>}
{roleLogin.get() == 'supadmin' && <Text>Filter by: {nameGroup}</Text>}
{isDataPosition.length == 0 ?
<Box style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '60vh' }}>
<Text c="dimmed" ta={"center"} fs={"italic"}>Tidak ada jabatan</Text>
@@ -112,10 +89,12 @@ export default function ListPositionActive() {
borderRadius: 10,
}}
onClick={() => {
setData(v.name);
setOpenDrawer(true);
setSelectId(v.id);
setActive(v.isActive);
if (roleLogin.get() != 'user') {
setData(v.name);
setOpenDrawer(true);
setSelectId(v.id);
setActive(v.isActive);
}
}}
>
<Box>

8
src/module/position/ui/navbar_list_position.tsx
View File

@@ -1,20 +1,22 @@
'use client'
import { WARNA, LayoutDrawer, LayoutNavbarNew } from "@/module/_global";
import { WARNA, LayoutDrawer, LayoutNavbarNew, globalRole } from "@/module/_global";
import { ActionIcon, Box } from "@mantine/core";
import { HiMenu } from "react-icons/hi";
import DrawerListPosition from "./drawer_list_position";
import { useState } from "react";
import toast from "react-hot-toast";
import { useHookstate } from "@hookstate/core";
export default function NavbarListPosition() {
const [isOpen, setOpen] = useState(false)
const roleLogin = useHookstate(globalRole)
return (
<>
<LayoutNavbarNew back="/home" title="Jabatan"
menu={
menu={(roleLogin.get() != "user") ?
<ActionIcon onClick={() => setOpen(true)} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiMenu size={20} color='white' />
</ActionIcon>
: <></>
}
/>
<LayoutDrawer opened={isOpen} title={'Menu'} onClose={() => setOpen(false)}>