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

upd: discussion

Browse Source 
Deskripsi:
- discussion view list
- api get all, create discussion

No Issues
This commit is contained in:
amel
2024-08-13 13:34:57 +08:00
parent bbe4836edb
commit 0dbf7e1913
27 changed files with 178 additions and 245 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/module/division_new/_division_fitur/discussion/api/api_discussion.ts
View File

@@ -1,14 +0,0 @@
import { NextRequest } from "next/server";
import { API_INDEX_DISCUSSION } from "./api_index";
type Method = "GET" | "POST";
export async function apiDiscussion(req: NextRequest, method: Method) {
const { searchParams } = new URL(req.url);
const path = searchParams.get("path");
const act = API_INDEX_DISCUSSION.find((v) => v.path === path && v.method === method);
if (!path)
return Response.json({ message: "page not found" }, { status: 404 });
if (act) return act.bin(req);
return Response.json({ message: "404" });
}

39
src/module/division_new/_division_fitur/discussion/api/api_index.ts
View File

@@ -1,39 +0,0 @@
import getAllDiscussion from "./get/getAllDiscussion";
import getOneDiscussion from "./get/getOneDiscussion";
import createCommentDiscussion from "./post/createCommentDiscussion";
import createDiscussion from "./post/createDiscussion";
import deleteDiscussion from "./post/deleteDiscussion";
import updateDiscussion from "./post/updateDiscussion";
export const API_INDEX_DISCUSSION = [
{
path: "get-all-discussion",
method: "GET",
bin: getAllDiscussion,
},
{
path: "get-one-discussion",
method: "GET",
bin: getOneDiscussion,
},
{
path: "create-discussion",
method: "POST",
bin: createDiscussion,
},
{
path: "create-comment-discussion",
method: "POST",
bin: createCommentDiscussion,
},
{
path: "update-discussion",
method: "POST",
bin: updateDiscussion,
},
{
path: "delete-discussion",
method: "POST",
bin: deleteDiscussion,
},
];

20
src/module/division_new/_division_fitur/discussion/api/get/getAllDiscussion.ts
View File

@@ -1,20 +0,0 @@
import { prisma } from "@/module/_global";
import { NextRequest } from "next/server";
export default async function getAllDiscussion(req: NextRequest) {
try {
const searchParams = req.nextUrl.searchParams
const divisionID = searchParams.get('divisionID');
const data = await prisma.divisionDisscussion.findMany({
where: {
isActive: true,
idDivision: String(divisionID)
}
})
return Response.json(data);
} catch (error) {
console.error(error);
return Response.json({ success: false, message: "Internal Server Error" }, { status: 500 });
}
}

34
src/module/division_new/_division_fitur/discussion/api/get/getOneDiscussion.ts
View File

@@ -1,34 +0,0 @@
import { prisma } from "@/module/_global";
import { NextRequest } from "next/server";
export default async function getOneDiscussion(req: NextRequest) {
try {
const searchParams = req.nextUrl.searchParams
const id = searchParams.get('id');
const data = await prisma.divisionDisscussion.findUnique({
where: {
id: String(id)
}
})
const comment = await prisma.divisionDisscussionComment.findMany({
where: {
idDisscussion: String(id)
}
})
const allData = {
data: data,
comment: comment
}
return Response.json(allData);
} catch (error) {
console.error(error);
return Response.json(
{ message: "Internal Server Error", success: false },
{ status: 500 }
);
}
}

19
src/module/division_new/_division_fitur/discussion/api/post/createCommentDiscussion.ts
View File

@@ -1,19 +0,0 @@
import { prisma } from "@/module/_global";
export default async function createCommentDiscussion(req: Request) {
try {
const data = await req.json()
const insert = await prisma.divisionDisscussionComment.create({
data: {
idDisscussion: data.idDiscussion,
comment: data.comment,
createdBy: data.createdBy
}
})
return Response.json(insert, { status: 201 });
} catch (error) {
console.error(error);
return Response.json({ success: false, message: "Internal Server Error" }, { status: 500 });
}
}

23
src/module/division_new/_division_fitur/discussion/api/post/createDiscussion.ts
View File

@@ -1,23 +0,0 @@
import { prisma } from "@/module/_global";
export default async function createDiscussion(req: Request) {
try {
const data = await req.json();
const insert = await prisma.divisionDisscussion.create({
data: {
idDivision: data.idDivision,
desc: data.desc,
createdBy: data.createdBy
},
select: {
id: true
}
})
return Response.json(insert, { status: 201 });
} catch (error) {
console.error(error);
return Response.json({ success: false, message: "Internal Server Error" }, { status: 500 });
}
}

26
src/module/division_new/_division_fitur/discussion/api/post/deleteDiscussion.ts
View File

@@ -1,26 +0,0 @@
import { prisma } from "@/module/_global";
export default async function deleteDiscussion(req: Request) {
try {
const data = await req.json()
const del = await prisma.divisionDisscussion.update({
where: {
id: data.id
},
data: {
isActive: false
}
})
return Response.json(
{ success: true, message: "Sukses Delete Diskusi" },
{ status: 200 }
);
} catch (error) {
console.error(error);
return Response.json(
{ message: "Internal Server Error", success: false },
{ status: 500 }
);
}
}

21
src/module/division_new/_division_fitur/discussion/api/post/updateDiscussion.ts
View File

@@ -1,21 +0,0 @@
import { prisma } from "@/module/_global";
export default async function updateDiscussion(req: Request) {
try {
const data = await req.json()
const update = await prisma.divisionDisscussion.update({
where:{
id: data.id
},
data:{
desc: data.desc,
}
})
return Response.json({ success: true, message: "Sukses Update Diskusi" }, { status: 200 });
} catch (error) {
console.error(error);
return Response.json({ message: "Internal Server Error", success: false }, { status: 500 });
}
}

75
src/module/division_new/_division_fitur/discussion/component/drawer_detail_discussion.tsx
View File

@@ -1,75 +0,0 @@
import { WARNA } from "@/module/_global";
import LayoutModal from "@/module/_global/layout/layout_modal";
import { Box, Stack, SimpleGrid, Flex, Text } from "@mantine/core";
import { useState } from "react";
import toast from "react-hot-toast";
import { BsTrash3 } from "react-icons/bs";
import { FaPencil } from "react-icons/fa6";
import { MdClose } from "react-icons/md";
export default function DrawerDetailDiscussion({ onSuccess }: { onSuccess: (val: boolean) => void }) {
const [isValModal, setValModal] = useState(false)
const [isValModalStatus, setValModalStatus] = useState(false)
function onTrue(val: boolean) {
if (val) {
onSuccess(true)
toast.success("Sukses! Data terhapus");
}
setValModal(false)
}
function onTrueStatus(val: boolean) {
if (val) {
onSuccess(true)
toast.success("Sukses! Data terupdate");
}
setValModalStatus(false)
}
return (
<Box>
<Stack pt={10}>
<SimpleGrid
cols={{ base: 3, sm: 3, lg: 3 }}
>
<Flex onClick={() => setValModal(true)} justify={'center'} align={'center'} direction={'column'} >
<Box>
<BsTrash3 size={30} color={WARNA.biruTua} />
</Box>
<Box>
<Text c={WARNA.biruTua}>Hapus</Text>
</Box>
</Flex>
<Flex onClick={() => window.location.href = "/discussion/edit/2"} justify={'center'} align={'center'} direction={'column'} >
<Box>
<FaPencil size={30} color={WARNA.biruTua} />
</Box>
<Box>
<Text c={WARNA.biruTua}>Edit</Text>
</Box>
</Flex>
<Flex onClick={() => setValModalStatus(true)} justify={'center'} align={'center'} direction={'column'} >
<Box>
<MdClose size={30} color={WARNA.biruTua} />
</Box>
<Box>
<Text c={WARNA.biruTua}>Tutup Diskusi</Text>
</Box>
</Flex>
</SimpleGrid>
</Stack>
<LayoutModal opened={isValModal} onClose={() => setValModal(false)}
description="Apakah Anda yakin ingin menghapus diskusi ini?"
onYes={(val) => { onTrue(val) }} />
<LayoutModal opened={isValModalStatus} onClose={() => setValModalStatus(false)}
description="Apakah Anda yakin ingin mengubah status diskusi ini?"
onYes={(val) => { onTrueStatus(val) }} />
</Box>
)
}

24
src/module/division_new/_division_fitur/discussion/component/drawer_list_discussion.tsx
View File

@@ -1,24 +0,0 @@
import { WARNA } from "@/module/_global";
import { Box, Stack, SimpleGrid, Flex, Text } from "@mantine/core";
import { IoAddCircle } from "react-icons/io5";
export default function DrawerListDiscussion() {
return (
<Box>
<Stack pt={10}>
<SimpleGrid
cols={{ base: 2, sm: 2, lg: 3 }}
>
<Flex onClick={() => window.location.href = "/discussion/create"} justify={'center'} align={'center'} direction={'column'} >
<Box>
<IoAddCircle size={30} color={WARNA.biruTua} />
</Box>
<Box>
<Text c={WARNA.biruTua}>Tambah Diskusi</Text>
</Box>
</Flex>
</SimpleGrid>
</Stack>
</Box>
)
}

56
src/module/division_new/_division_fitur/discussion/component/form_create_discussion.tsx
View File

@@ -1,56 +0,0 @@
'use client'
import { WARNA } from "@/module/_global";
import LayoutModal from "@/module/_global/layout/layout_modal";
import { Avatar, Box, Button, Center, Grid, Group, Text, Textarea } from "@mantine/core";
import { useState } from "react";
import toast from "react-hot-toast";
export default function FormCreateDiscussion() {
const [isValModal, setValModal] = useState(false)
function onTrue(val: boolean) {
if (val) {
toast.success("Sukses! Data tersimpan");
}
setValModal(false)
}
return (
<Box>
<Box p={20}>
<Group>
<Avatar src={'https://i.pravatar.cc/1000?img=32'} alt="it's me" size="lg" />
<Box>
<Textarea
placeholder="Tuliskan apa yang ingin anda diskusikan"
w={"100%"}
styles={{
input: {
border: 'none',
backgroundColor: 'transparent',
}
}}
/>
</Box>
</Group>
<Box mt="xl">
<Button
color="white"
bg={WARNA.biruTua}
size="lg"
radius={30}
fullWidth
onClick={() => setValModal(true)}
>
Simpan
</Button>
</Box>
</Box>
<LayoutModal opened={isValModal} onClose={() => setValModal(false)}
description="Apakah Anda yakin ingin
menambah data?"
onYes={(val) => { onTrue(val) }} />
</Box>
)
}

109
src/module/division_new/_division_fitur/discussion/component/list_discussion.tsx
View File

@@ -1,109 +0,0 @@
'use client'
import { WARNA } from "@/module/_global";
import { Avatar, Badge, Box, Divider, Flex, Group, Text, TextInput } from "@mantine/core";
import { useRouter } from "next/navigation";
import { GrChatOption } from "react-icons/gr";
import { HiMagnifyingGlass } from "react-icons/hi2";
const dataAnggota = [
{
id: 1,
name: "Iqbal Ramadan",
image: "https://i.pravatar.cc/1000?img=5",
status: true,
jumlah: 16,
desc: 'is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. '
},
{
id: 2,
name: "Doni Setiawan",
image: "https://i.pravatar.cc/1000?img=10",
status: true,
jumlah: 26,
desc: 'It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.'
},
{
id: 3,
name: "Rangga Agung",
image: "https://i.pravatar.cc/1000?img=51",
status: false,
jumlah: 11,
desc: 'It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.'
},
{
id: 4,
name: "Ramadan Sananta",
image: "https://i.pravatar.cc/1000?img=15",
status: false,
jumlah: 30,
desc: 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. '
},
{
id: 5,
name: "Imam Baroni",
image: "https://i.pravatar.cc/1000?img=22",
status: false,
jumlah: 29,
desc: 'Contrary to popular belief, Lorem Ipsum is not simply random text'
},
];
export default function ListDiscussion() {
const router = useRouter()
return (
<Box p={20}>
<TextInput
styles={{
input: {
color: WARNA.biruTua,
borderRadius: WARNA.biruTua,
borderColor: WARNA.biruTua,
},
}}
size="md"
radius={30}
leftSection={<HiMagnifyingGlass size={20} />}
placeholder="Pencarian"
/>
{dataAnggota.map((v, i) => {
return (
<Box key={i} pl={10} pr={10}
onClick={() => {
router.push(`/discussion/${v.id}`)
}}
>
<Flex
justify={"space-between"}
align={"center"}
mt={20}
>
<Group>
<Avatar src={v.image} alt="it's me" size="lg" />
<Box>
<Text c={WARNA.biruTua} fw={"bold"}>
{v.name}
</Text>
<Badge color={(v.status) ? "green" : "red"} size="sm">{(v.status) ? "BUKA" : "TUTUP"}</Badge>
</Box>
</Group>
<Text c={"grey"}>1 Jam</Text>
</Flex>
<Box mt={10}>{v.desc}</Box>
<Group justify="space-between" mt={20} c={'#8C8C8C'}>
<Group gap={5} align="center">
<GrChatOption size={18} />
<Text fz={13}>Diskusikan</Text>
</Group >
<Group gap={5} align="center">
<Text fz={13}>{v.jumlah} Komentar</Text>
</Group>
</Group>
<Box mt={20}>
<Divider size={"xs"} />
</Box>
</Box>
);
})}
</Box>
)
}

23
src/module/division_new/_division_fitur/discussion/component/navbar_detail_discussion.tsx
View File

@@ -1,23 +0,0 @@
'use client'
import { LayoutDrawer, LayoutNavbarNew, WARNA } from "@/module/_global";
import { ActionIcon } from "@mantine/core";
import { useState } from "react";
import { HiMenu } from "react-icons/hi";
import DrawerDetailDiscussion from "./drawer_detail_discussion";
export default function NavbarDetailDiscussion() {
const [openDrawer, setOpenDrawer] = useState(false)
return (
<>
<LayoutNavbarNew back="" title="Diskusi "
menu={
<ActionIcon variant="light" onClick={() => setOpenDrawer(true)} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiMenu size={20} color='white' />
</ActionIcon>}
/>
<LayoutDrawer opened={openDrawer} title={'Menu'} onClose={() => setOpenDrawer(false)}>
<DrawerDetailDiscussion onSuccess={(val) => setOpenDrawer(false)} />
</LayoutDrawer>
</>
);
}

24
src/module/division_new/_division_fitur/discussion/component/navbar_list_discussion.tsx
View File

@@ -1,24 +0,0 @@
'use client'
import { LayoutNavbarNew, WARNA, LayoutDrawer } from "@/module/_global";
import { ActionIcon } from "@mantine/core";
import { HiMenu } from "react-icons/hi";
import { useState } from "react";
import DrawerListDiscussion from "./drawer_list_discussion";
export default function NavbarListDiscussion() {
const [openDrawer, setOpenDrawer] = useState(false)
return (
<>
<LayoutNavbarNew back="" title="Diskusi"
menu={
<ActionIcon variant="light" onClick={() => setOpenDrawer(true)} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
<HiMenu size={20} color='white' />
</ActionIcon>
}
/>
<LayoutDrawer opened={openDrawer} title={'Menu'} onClose={() => setOpenDrawer(false)}>
<DrawerListDiscussion />
</LayoutDrawer>
</>
);
}

11
src/module/division_new/_division_fitur/discussion/view/view_create_discussion.tsx
View File

@@ -1,11 +0,0 @@
import { LayoutNavbarNew } from "@/module/_global";
import FormCreateDiscussion from "../component/form_create_discussion";
export default function ViewCreateDiscussion() {
return (
<>
<LayoutNavbarNew back="" title="Tambah Diskusi" menu={<></>} />
<FormCreateDiscussion />
</>
)
}

3
src/module/division_new/_division_fitur/discussion/view/view_detail_discussion.tsx
View File

@@ -1,6 +1,5 @@
"use client"
import { Avatar, Badge, Box, Center, Divider, Flex, Grid, Group, Text, TextInput } from "@mantine/core";
import NavbarDetailDiscussion from "../component/navbar_detail_discussion";
import { WARNA } from "@/module/_global";
import { GrChatOption } from "react-icons/gr";
import { LuSendHorizonal } from "react-icons/lu";
@@ -52,7 +51,7 @@ export default function ViewDetailDiscussion() {
return (
<>
<NavbarDetailDiscussion />
{/* <NavbarDetailDiscussion /> */}
<Box p={20}>
<Flex
justify={"space-between"}

11
src/module/division_new/_division_fitur/discussion/view/view_list_discussion.tsx
View File

@@ -1,11 +0,0 @@
import ListDiscussion from "../component/list_discussion";
import NavbarListDiscussion from "../component/navbar_list_discussion";
export default function ViewListDiscussion() {
return (
<div>
<NavbarListDiscussion />
<ListDiscussion/>
</div>
);
}

6
src/module/division_new/index.ts
View File

@@ -8,11 +8,8 @@ import ViewDetailEventDivision from "./_division_fitur/calender/view/view_detail
import ViewDivisionCalender from "./_division_fitur/calender/view/view_division_calender";
import ViewHistoryDivisionCalender from "./_division_fitur/calender/view/view_history_division_calender";
import ViewUpdateDivisionCalender from "./_division_fitur/calender/view/view_update_division_calender";
import { apiDiscussion } from "./_division_fitur/discussion/api/api_discussion";
import ViewCreateDiscussion from "./_division_fitur/discussion/view/view_create_discussion";
import ViewDetailDiscussion from "./_division_fitur/discussion/view/view_detail_discussion";
import ViewEditDiscussion from "./_division_fitur/discussion/view/view_edit_discussion";
import ViewListDiscussion from "./_division_fitur/discussion/view/view_list_discussion";
import ViewDocumentDivision from "./_division_fitur/document/view/view_document_division";
import ViewCreateTaskDivision from "./_division_fitur/task/view/view_create_division_task";
import ViewDetailDivisionTask from "./_division_fitur/task/view/view_detail_division_task";
@@ -49,12 +46,9 @@ export { ViewDetailEventDivision };
export { ViewUpdateDivisionCalender };
export { UpdateUserDivisionCalender };
export { UpdateUlangiEvent };
export { ViewListDiscussion };
export { ViewCreateDiscussion };
export { ViewDetailDiscussion };
export { ViewEditDiscussion };
export { ViewDocumentDivision };
export { apiDiscussion }
export type { IFormDivision, IFormMemberDivision, IFormFixDivision, IDataDivison, IDataMemberDivision }
export { ListDivision }
export { CreateDivision }