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

rev: diskusi divisi

Browse Source 
Deskripsi:
- fitur arsip pada diskusi divisi

No Issues
This commit is contained in:
amel
2025-01-13 14:25:22 +08:00
parent 98c815fa35
commit f211ec0789
9 changed files with 98 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/(application)/division/[id]/(fitur-division)/discussion/page.tsx
View File

@@ -1,11 +1,10 @@
import { ListDiscussion, NavbarListDiscussion } from '@/module/discussion';
import React from 'react';
import { NavbarListDiscussion, TabListDiscussion } from '@/module/discussion';
function Page({ params }: { params: { id: string } }) {
return (
<div>
<NavbarListDiscussion />
<ListDiscussion id={params.id} />
<TabListDiscussion />
</div>
);
}

8
src/app/api/discussion/[id]/route.ts
View File

@@ -160,7 +160,7 @@ export async function PUT(request: Request, context: { params: { id: string } })
});
if (cek == 0) {
return NextResponse.json({ success: false, message: "Gagal menghapus diskusi, data tidak ditemukan" }, { status: 404 });
return NextResponse.json({ success: false, message: "Gagal mengarsipkan diskusi, data tidak ditemukan" }, { status: 404 });
}
@@ -173,12 +173,12 @@ export async function PUT(request: Request, context: { params: { id: string } })
}
});
// create log user
const log = await createLogUser({ act: 'DELETE', desc: 'User menghapus data diskusi', table: 'divisionDisscussion', data: id })
const log = await createLogUser({ act: 'DELETE', desc: 'User mengarsipkan data diskusi', table: 'divisionDisscussion', data: id })
return NextResponse.json({ success: true, message: "Berhasil menghapus diskusi", user: user.id }, { status: 200 });
return NextResponse.json({ success: true, message: "Berhasil mengarsipkan diskusi", user: user.id }, { status: 200 });
} catch (error) {
console.error(error);
return NextResponse.json({ success: false, message: "Gagal menghapus diskusi, coba lagi nanti (error: 500)", reason: (error as Error).message, }, { status: 500 });
return NextResponse.json({ success: false, message: "Gagal mengarsipkan diskusi, coba lagi nanti (error: 500)", reason: (error as Error).message, }, { status: 500 });
}
}

3
src/app/api/discussion/route.ts
View File

@@ -19,6 +19,7 @@ export async function GET(request: Request) {
const idDivision = searchParams.get("division");
const name = searchParams.get('search');
const page = searchParams.get('page');
const status = searchParams.get('active');
const dataSkip = Number(page) * 10 - 10;
@@ -38,7 +39,7 @@ export async function GET(request: Request) {
skip: dataSkip,
take: 10,
where: {
isActive: true,
isActive: status == "false" ? false : true,
idDivision: idDivision,
desc: {
contains: (name == undefined || name == "null") ? "" : name,

4
src/module/discussion/index.ts
View File

@@ -3,9 +3,11 @@ import FormCreateDiscussion from "./ui/form_create_discussion";
import FormEditDiscussion from "./ui/form_edit_discussion";
import ListDiscussion from "./ui/list_discussion";
import NavbarListDiscussion from "./ui/navbar_list_discussion";
import TabListDiscussion from "./ui/tab_discussion";
export { ListDiscussion }
export { NavbarListDiscussion }
export { FormCreateDiscussion }
export { DetailDiscussion }
export { FormEditDiscussion }
export { FormEditDiscussion }
export { TabListDiscussion }

2
src/module/discussion/ui/detail_discussion.tsx
View File

@@ -63,7 +63,7 @@ export default function DetailDiscussion({ id, idDivision }: { id: string, idDiv
}
if (dataRealTime && dataRealTime.some((i: any) => i.category == 'discussion-delete' && i.id == id && i.user != isUser)) {
toast.error("Data telah di hapus, anda akan beralih ke halaman list diskusi")
toast.error("Data telah diarsipkan, anda akan beralih ke halaman list diskusi")
setTimeout(() => {
router.push(`/division/${param.id}/discussion`)
}, 1000)

10
src/module/discussion/ui/drawer_detail_discussion.tsx
View File

@@ -5,7 +5,7 @@ import { Box, Flex, SimpleGrid, Stack, Text } from "@mantine/core";
import { useParams, useRouter } from "next/navigation";
import { useState } from "react";
import toast from "react-hot-toast";
import { BsTrash3 } from "react-icons/bs";
import { BiArchive } from "react-icons/bi";
import { FaCheck, FaPencil } from "react-icons/fa6";
import { MdClose } from "react-icons/md";
import { useWibuRealtime } from "wibu-realtime";
@@ -78,7 +78,7 @@ export default function DrawerDetailDiscussion({ onSuccess, id, status, idDivisi
}
} catch (error) {
console.error(error);
toast.error("Gagal hapus diskusi, coba lagi nanti");
toast.error("Gagal mengarsipkan diskusi, coba lagi nanti");
} finally {
setLoadingDelete(false)
setValModal(false)
@@ -128,10 +128,10 @@ export default function DrawerDetailDiscussion({ onSuccess, id, status, idDivisi
<Flex onClick={() => setValModal(true)} justify={'center'} align={'center'} direction={'column'} >
<Box>
<BsTrash3 size={30} color={tema.get().utama} />
<BiArchive size={30} color={tema.get().utama} />
</Box>
<Box>
<Text c={tema.get().utama}>Hapus</Text>
<Text c={tema.get().utama}>Arsipkan</Text>
</Box>
</Flex>
@@ -139,7 +139,7 @@ export default function DrawerDetailDiscussion({ onSuccess, id, status, idDivisi
</Stack>
<LayoutModal loading={loadingDelete} opened={isValModal} onClose={() => setValModal(false)}
description="Apakah Anda yakin ingin menghapus diskusi ini?"
description="Apakah Anda yakin ingin mengarsipkan diskusi ini?"
onYes={(val) => { fetchDeleteDiscussion(val) }} />

16
src/module/discussion/ui/list_discussion.tsx
View File

@@ -4,7 +4,7 @@ import { useHookstate } from "@hookstate/core";
import { Avatar, Badge, Box, Divider, Flex, Grid, Group, Skeleton, Spoiler, Text, TextInput } from "@mantine/core";
import { useShallowEffect } from "@mantine/hooks";
import _ from "lodash";
import { useParams, useRouter } from "next/navigation";
import { useParams, useRouter, useSearchParams } from "next/navigation";
import { useEffect, useState } from "react";
import toast from "react-hot-toast";
import { GrChatOption } from "react-icons/gr";
@@ -14,7 +14,7 @@ import { funGetAllDiscussion } from "../lib/api_discussion";
import { IDataDiscussion } from "../lib/type_discussion";
export default function ListDiscussion({ id }: { id: string }) {
export default function ListDiscussion() {
const [isData, setData] = useState<IDataDiscussion[]>([])
const [searchQuery, setSearchQuery] = useState('')
const param = useParams<{ id: string }>()
@@ -25,6 +25,8 @@ export default function ListDiscussion({ id }: { id: string }) {
const [isPage, setPage] = useState(1)
const notifLoadPage = useHookstate(globalNotifPage)
const [isRefresh, setRefresh] = useState(false)
const searchParams = useSearchParams()
const status = searchParams.get('active')
const [dataRealTime, setDataRealtime] = useWibuRealtime({
WIBU_REALTIME_TOKEN: keyWibu,
project: "sdm"
@@ -33,7 +35,7 @@ export default function ListDiscussion({ id }: { id: string }) {
const getData = async (loading: boolean) => {
try {
setLoading(loading)
const response = await funGetAllDiscussion('?division=' + id + '&search=' + searchQuery + '&page=' + isPage)
const response = await funGetAllDiscussion('?division=' + param.id + '&search=' + searchQuery + '&page=' + isPage + '&active=' + status)
if (response.success) {
if (isPage == 1) {
setData(response.data)
@@ -57,7 +59,7 @@ export default function ListDiscussion({ id }: { id: string }) {
useShallowEffect(() => {
setPage(1)
getData(true)
}, [searchQuery])
}, [searchQuery, status])
useEffect(() => {
const handleScroll = async () => {
@@ -108,7 +110,7 @@ export default function ListDiscussion({ id }: { id: string }) {
return (
<Box p={20}>
<Box py={20}>
{
isRefresh &&
<ReloadButtonTop
@@ -207,7 +209,9 @@ export default function ListDiscussion({ id }: { id: string }) {
<Text c={tema.get().utama} fw={"bold"} lineClamp={1}>
{v.user_name}
</Text>
<Badge color={v.status === 1 ? "green" : "red"} size="sm">{v.status === 1 ? "BUKA" : "TUTUP"}</Badge>
{
status != "false" && <Badge color={v.status === 1 ? "green" : "red"} size="sm">{v.status === 1 ? "BUKA" : "TUTUP"}</Badge>
}
</Box>
</Grid.Col>
<Grid.Col span={4}>

5
src/module/discussion/ui/navbar_list_discussion.tsx
View File

@@ -6,19 +6,20 @@ import { useState } from "react";
import DrawerListDiscussion from "./drawer_list_discussion";
import { useParams } from "next/navigation";
import { useHookstate } from "@hookstate/core";
import { globalIsMemberDivision } from "@/module/division_new";
import { globalIsAdminDivision, globalIsMemberDivision } from "@/module/division_new";
export default function NavbarListDiscussion() {
const [openDrawer, setOpenDrawer] = useState(false)
const roleLogin = useHookstate(globalRole)
const memberDivision = useHookstate(globalIsMemberDivision)
const adminDivision = useHookstate(globalIsAdminDivision)
const param = useParams<{ id: string }>()
const tema = useHookstate(TEMA)
return (
<>
<LayoutNavbarNew back={`/division/${param.id}`} title="Diskusi"
menu={
(roleLogin.get() == "user" || roleLogin.get() == "coadmin") && !memberDivision.get() ? <></>
(roleLogin.get() == "user" || roleLogin.get() == "coadmin") && !adminDivision.get() ? <></>
:
<ActionIcon variant="light" onClick={() => setOpenDrawer(true)} bg={tema.get().bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiMenu size={20} color='white' />

68
src/module/discussion/ui/tab_discussion.tsx Normal file
View File

@@ -0,0 +1,68 @@
"use client";
import { globalRole, TEMA } from "@/module/_global";
import { globalIsAdminDivision } from "@/module/division_new";
import { useHookstate } from "@hookstate/core";
import { Box, rem, Tabs } from "@mantine/core";
import { useRouter, useSearchParams } from "next/navigation";
import { IoMdCheckmarkCircleOutline } from "react-icons/io";
import { IoCloseCircleOutline } from "react-icons/io5";
import ListDiscussion from "./list_discussion";
export default function TabListDiscussion() {
const iconStyle = { width: rem(20), height: rem(20) };
const router = useRouter();
const searchParams = useSearchParams();
const status = searchParams.get("active");
const tema = useHookstate(TEMA)
const roleLogin = useHookstate(globalRole)
const adminDivision = useHookstate(globalIsAdminDivision)
return (
<Box p={20}>
<Tabs
variant="pills"
color={tema.get().bgFiturHome}
radius="xl"
defaultValue={status == "false" ? "false" : "true"}
>
{
roleLogin.get() != ''
?
(roleLogin.get() == "user" || roleLogin.get() == "coadmin") && !adminDivision.get() ? <></>
:
<Tabs.List
bg={"white"}
style={{
border: `1px solid ${"#EDEDED"}`,
padding: 5,
borderRadius: 100,
}}
>
<Tabs.Tab
value="true"
w={"45%"}
leftSection={<IoMdCheckmarkCircleOutline style={iconStyle} />}
onClick={() => {
router.push("?active=true");
}}
>
Aktif
</Tabs.Tab>
<Tabs.Tab
value="false"
w={"53%"}
leftSection={<IoCloseCircleOutline style={iconStyle} />}
onClick={() => {
router.push("?active=false");
}}
>
Arsip
</Tabs.Tab>
</Tabs.List>
: <></>
}
<ListDiscussion />
</Tabs>
</Box>
);
}