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

rev: diskusi umum

Browse Source 
Deskripsi:
- pengaplikasian dari arsip ke aktif
- realtime

No Issues
This commit is contained in:
amel
2025-01-15 11:33:09 +08:00
parent 04ae38df73
commit 13c05548ff
5 changed files with 106 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/module/discussion_general/lib/api_discussion_general.ts
View File

@@ -58,9 +58,13 @@ export const funEditDiscussionGeneral = async (path: string, data: { title: stri
}
export const funDeleteDiscussionGeneral = async (path: string) => {
export const funDeleteDiscussionGeneral = async (path: string, data: { active: boolean }) => {
const response = await fetch(`/api/discussion-general/${path}`, {
method: "DELETE",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(data),
});
return await response.json().catch(() => null);
}

1
src/module/discussion_general/lib/type_discussion_general.ts
View File

@@ -6,6 +6,7 @@ export interface IFormMemberDisscussionGeneral {
export interface IDetailDiscussionGeneral{
id: string
isActive: boolean
title: string
desc: string
status: number

33
src/module/discussion_general/ui/detail_discussion_general.tsx
View File

@@ -81,10 +81,15 @@ export default function DetailDiscussionGeneral() {
}
if (dataRealTime && dataRealTime.some((i: any) => i.category == 'discussion-general-delete' && i.id == param.id && i.user != isUser)) {
toast.error("Data telah diarsipkan, anda akan beralih ke halaman list diskusi umum")
setTimeout(() => {
router.push(`/discussion`)
}, 1000)
if (roleLogin.get() == "user" || roleLogin.get() == "coadmin") {
toast.error("Data telah diarsipkan, anda akan beralih ke halaman list diskusi umum")
setTimeout(() => {
router.push(`/discussion`)
}, 1000)
} else {
getData(false)
}
}
}, [dataRealTime])
@@ -139,7 +144,7 @@ export default function DetailDiscussionGeneral() {
}
/>
<LayoutDrawer opened={openDrawer} title={'Menu'} onClose={() => setOpenDrawer(false)}>
<DrawerDetailDiscussionGeneral onSuccess={(val) => setOpenDrawer(false)} id={param.id} status={Number(isData?.status)} />
<DrawerDetailDiscussionGeneral onSuccess={(val) => setOpenDrawer(false)} id={param.id} status={Number(isData?.status)} active={isData?.isActive == false ? false : true} />
</LayoutDrawer>
@@ -188,7 +193,12 @@ export default function DetailDiscussionGeneral() {
<Grid.Col span={8}>
<Box pl={isMobile2 ? 40 : 30}>
<Text lineClamp={1} fz={isMobile ? 15 : 16}>{isData?.title}</Text>
<Badge color={isData?.status === 1 ? "green" : "red"} size="sm">{isData?.status === 1 ? "BUKA" : "TUTUP"}</Badge>
{!isData?.isActive ?
<Badge color="gray" size="sm">ARSIP</Badge>
:
<Badge color={isData?.status === 1 ? "green" : "red"} size="sm">{isData?.status === 1 ? "BUKA" : "TUTUP"}</Badge>
}
</Box>
</Grid.Col>
<Grid.Col span={3}>
@@ -234,7 +244,12 @@ export default function DetailDiscussionGeneral() {
<Grid.Col span={8}>
<Box pl={isMobile2 ? 40 : 30}>
<Text lineClamp={1} fz={isMobile ? 15 : 16}>{isData?.title}</Text>
<Badge color={isData?.status === 1 ? "green" : "red"} size="sm">{isData?.status === 1 ? "BUKA" : "TUTUP"}</Badge>
{
!isData?.isActive ?
<Badge color="gray" size="sm">ARSIP</Badge>
:
<Badge color={isData?.status === 1 ? "green" : "red"} size="sm">{isData?.status === 1 ? "BUKA" : "TUTUP"}</Badge>
}
</Box>
</Grid.Col>
<Grid.Col span={3}>
@@ -362,7 +377,7 @@ export default function DetailDiscussionGeneral() {
}}
size="md"
placeholder="Kirim Komentar"
disabled={(isData?.status === 2 || (!memberDiscussion && (roleLogin.get() == "user" || roleLogin.get() == "coadmin")))}
disabled={(isData?.status === 2 || !isData?.isActive || (!memberDiscussion && (roleLogin.get() == "user" || roleLogin.get() == "coadmin")))}
onChange={(e) => setIsComent(e.target.value)}
value={isComent}
maxLength={300}
@@ -373,7 +388,7 @@ export default function DetailDiscussionGeneral() {
<Center>
<ActionIcon
onClick={sendComent}
variant="subtle" aria-label="submit" disabled={(isData?.status === 2 || (!memberDiscussion && (roleLogin.get() == "user" || roleLogin.get() == "coadmin")))}>
variant="subtle" aria-label="submit" disabled={(isData?.status === 2 || !isData?.isActive || (!memberDiscussion && (roleLogin.get() == "user" || roleLogin.get() == "coadmin")))}>
<VscSend size={30} />
</ActionIcon>
</Center>

108
src/module/discussion_general/ui/drawer_detail_discussion_general.tsx
View File

@@ -4,15 +4,15 @@ import { useHookstate } from "@hookstate/core";
import { Box, Flex, SimpleGrid, Stack, Text } from "@mantine/core";
import { useParams, useRouter } from "next/navigation";
import { useState } from "react";
import { BsTrash3 } from "react-icons/bs";
import toast from "react-hot-toast";
import { BiArchive } from "react-icons/bi";
import { FaCheck, FaPencil, FaUsers } from "react-icons/fa6";
import { MdClose } from "react-icons/md";
import { useWibuRealtime } from "wibu-realtime";
import { funDeleteDiscussionGeneral, funEditStatusDiscussionGeneral } from "../lib/api_discussion_general";
import { globalRefreshDiscussionGeneral } from "../lib/val_discussion_general";
import toast from "react-hot-toast";
export default function DrawerDetailDiscussionGeneral({ onSuccess, id, status }: { onSuccess: (val: boolean) => void, id: string, status: number }) {
export default function DrawerDetailDiscussionGeneral({ onSuccess, id, status, active }: { onSuccess: (val: boolean) => void, id: string, status: number, active: boolean }) {
const [isValModal, setValModal] = useState(false)
const [isValModalStatus, setValModalStatus] = useState(false)
const router = useRouter()
@@ -58,21 +58,35 @@ export default function DrawerDetailDiscussionGeneral({ onSuccess, id, status }:
try {
if (val) {
setLoadingDelete(true)
const response = await funDeleteDiscussionGeneral(id)
const response = await funDeleteDiscussionGeneral(id, { active: !active })
if (response.success) {
setDataRealtime([
{
category: "discussion-general-delete",
id: id,
user: response.user
},
{
category: "discussion",
}
])
toast.success(response.message)
onSuccess(false)
router.push(`/discussion`)
if (active) {
setDataRealtime([
{
category: "discussion-general-delete",
id: id,
user: response.user
},
{
category: "discussion-general",
}
])
router.push(`/discussion`)
} else {
refresh.set(!refresh.get())
setDataRealtime([
{
category: "discussion-general-detail",
id: id,
},
{
category: "discussion-general",
}
])
}
} else {
toast.error(response.message)
}
@@ -108,44 +122,50 @@ export default function DrawerDetailDiscussionGeneral({ onSuccess, id, status }:
{
(roleLogin.get() != "user" && roleLogin.get() != "coadmin") ? (
<>
<Flex onClick={() => window.location.href = `/discussion/${param.id}/edit/`} justify={'center'} align={'center'} direction={'column'} >
<Box>
<FaPencil size={30} color={tema.get().utama} />
</Box>
<Box>
<Text c={tema.get().utama}>Edit</Text>
</Box>
</Flex>
<Flex justify={'center'} align={'center'} direction={'column'} onClick={() => setValModalStatus(true)} >
{status === 1 ? (
{
active && (
<>
<Flex justify={'center'} align={'center'} direction={'column'}>
<Flex onClick={() => window.location.href = `/discussion/${param.id}/edit/`} justify={'center'} align={'center'} direction={'column'} >
<Box>
<MdClose size={30} color={tema.get().utama} />
<FaPencil size={30} color={tema.get().utama} />
</Box>
<Text style={{ color: tema.get().utama }}>Tutup Diskusi</Text>
<Box>
<Text c={tema.get().utama}>Edit</Text>
</Box>
</Flex>
<Flex justify={'center'} align={'center'} direction={'column'} onClick={() => setValModalStatus(true)} >
{status === 1 ? (
<>
<Flex justify={'center'} align={'center'} direction={'column'}>
<Box>
<MdClose size={30} color={tema.get().utama} />
</Box>
<Text style={{ color: tema.get().utama }}>Tutup Diskusi</Text>
</Flex>
</>
) : (
<>
<Flex justify={'center'} align={'center'} direction={'column'}>
<Box>
<FaCheck size={30} color={tema.get().utama} />
</Box>
<Text style={{ color: tema.get().utama }}>Buka Diskusi</Text>
</Flex>
</>
)}
</Flex>
</>
) : (
<>
<Flex justify={'center'} align={'center'} direction={'column'}>
<Box>
<FaCheck size={30} color={tema.get().utama} />
</Box>
<Text style={{ color: tema.get().utama }}>Buka Diskusi</Text>
</Flex>
</>
)}
</Flex>
)
}
<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}>Arsipkan</Text>
<Text c={tema.get().utama}>{active ? "Arsipkan" : "Aktifkan Diskusi"}</Text>
</Box>
</Flex>
</>
@@ -157,7 +177,7 @@ export default function DrawerDetailDiscussionGeneral({ onSuccess, id, status }:
</Stack>
<LayoutModal loading={loadingDelete} opened={isValModal} onClose={() => setValModal(false)}
description="Apakah Anda yakin ingin mengarsipkan diskusi ini?"
description={`Apakah Anda yakin ingin ${active ? "mengarsipkan" : "mengaktifkan"} diskusi ini?`}
onYes={(val) => {
fetchDeleteDiscussion(val)
}} />