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

Merge pull request #179 from bipproduction/amalia/02-september-24

Browse Source 
upd: dokumen divisi
This commit is contained in:
Amalia
2024-09-02 17:21:42 +08:00
committed by GitHub
parent 5b0c3f54e9 e8a17be677
commit 529b4f0fd4
4 changed files with 170 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/api/document/route.ts
View File

@@ -181,7 +181,7 @@ export async function GET(request: Request) {
allData.push(...formatDataShare)
}
const formatData = _.orderBy(allData, ['category', 'name'])
const formatData = _.orderBy(allData, ['category', 'name'], ['desc', 'asc']);
let pathNow = path
let jalur = []

100
src/app/api/document/upload/route.ts Normal file
View File

@@ -0,0 +1,100 @@
import { prisma } from "@/module/_global";
import { funGetUserByCookies } from "@/module/auth";
import _ from "lodash";
import { NextResponse } from "next/server";
import fs from "fs";
import path from "path";
// UPLOAD FILE
export async function POST(request: Request) {
try {
const user = await funGetUserByCookies()
if (user.id == undefined) {
return NextResponse.json({ success: false, message: "Anda harus login untuk mengakses ini" }, { status: 401 });
}
const body = await request.formData()
const dataBody = body.get("data")
const file = body.get("file") as File
const fileName = file.name
const { idPath, idDivision } = JSON.parse(dataBody as string)
const cekDivision = await prisma.division.count({
where: {
id: String(idDivision),
isActive: true
}
})
if (cekDivision == 0) {
return NextResponse.json({ success: false, message: "Gagal mendapatkan divisi, data tidak ditemukan" }, { status: 404 });
}
if (idPath != "home") {
const cekPath = await prisma.divisionDocumentFolderFile.count({
where: {
isActive: true,
id: idPath
}
})
if (cekPath == 0) {
return NextResponse.json({ success: false, message: "Gagal mendapatkan path, data tidak ditemukan" }, { status: 404 });
}
}
const nameFile = await prisma.divisionDocumentFolderFile.findMany({
where: {
idDivision,
path: idPath,
category: "FILE",
isActive: true
}
})
const dataOmit = nameFile.map((v: any) => ({
..._.omit(v, [""]),
file: v.name + '.' + v.extension,
}))
const cek = dataOmit.some((i: any) => i.file == fileName)
if (cek) {
return NextResponse.json({ success: false, message: "Terdapat file dengan nama yang sama" }, { status: 400 });
}
const fExt = file.name.split(".").pop()
const fName = file.name.replace("." + fExt, "")
const dataInsert = await prisma.divisionDocumentFolderFile.create({
data: {
name: fName,
path: idPath,
idDivision,
category: "FILE",
extension: String(fExt),
createdBy: user.id,
},
select: {
id: true
}
});
const root = path.join(process.cwd(), "./public/file/dokumen/");
const nameFix = dataInsert.id + '.' + fExt
const filePath = path.join(root, nameFix)
// Konversi ArrayBuffer ke Buffer
const buffer = Buffer.from(await file.arrayBuffer());
// Tulis file ke sistem
fs.writeFileSync(filePath, buffer);
return NextResponse.json({ success: true, message: "Berhasil upload file" }, { status: 200 });
} catch (error) {
console.log(error);
return NextResponse.json({ success: false, message: "Gagal upload file, coba lagi nanti", reason: (error as Error).message, }, { status: 500 });
}
};

10
src/module/document/lib/api_document.ts
View File

@@ -77,4 +77,12 @@ export const funShareDocument = async (data: IShareDocument) => {
body: JSON.stringify(data),
});
return await response.json().catch(() => null);
};
};
export const funUploadFileDocument = async (data: FormData) => {
const response = await fetch(`/api/document/upload`, {
method: "POST",
body: data,
});
return await response.json().catch(() => null);
}

75
src/module/document/ui/drawer_menu_document_division.tsx
View File

@@ -2,14 +2,16 @@
import { LayoutDrawer, WARNA } from '@/module/_global';
import { ActionIcon, Box, Button, Divider, Flex, Grid, Modal, SimpleGrid, Stack, Text, TextInput } from '@mantine/core';
import { useParams, useRouter, useSearchParams } from 'next/navigation';
import React, { useState } from 'react';
import React, { useRef, useState } from 'react';
import toast from 'react-hot-toast';
import { FaFolderClosed, FaRegImage } from 'react-icons/fa6';
import { HiDocumentText } from 'react-icons/hi2';
import { IoAddCircle, IoDocumentText } from 'react-icons/io5';
import { funCreateFolder } from '../lib/api_document';
import { funCreateFolder, funUploadFileDocument } from '../lib/api_document';
import { useHookstate } from '@hookstate/core';
import { globalRefreshDocument } from '../lib/val_document';
import { Dropzone } from '@mantine/dropzone';
import _ from 'lodash';
export default function DrawerMenuDocumentDivision() {
const [openDrawerDocument, setOpenDrawerDocument] = useState(false)
@@ -19,6 +21,8 @@ export default function DrawerMenuDocumentDivision() {
const searchParams = useSearchParams()
const path = searchParams.get('path')
const refresh = useHookstate(globalRefreshDocument)
const openRef = useRef<() => void>(null)
const [fileForm, setFileForm] = useState<any>()
const [bodyFolder, setBodyFolder] = useState({
name: '',
@@ -42,6 +46,29 @@ export default function DrawerMenuDocumentDivision() {
setOpenDrawerDocument(false)
}
async function onUploadFile(data: any) {
try {
const fd = new FormData()
fd.append(`file`, data)
fd.append("data", JSON.stringify({
idPath: (path == undefined || path == '' || path == null) ? 'home' : path,
idDivision: param.id
}))
const res = await funUploadFileDocument(fd)
if (!res.success) {
toast.error(res.message)
}
} catch (error) {
console.error(error);
toast.error("Gagal upload file, coba lagi nanti");
}
refresh.set(true)
setOpenModal(false)
setOpenDrawerDocument(false)
}
return (
<Box>
<Stack pt={10}>
@@ -59,11 +86,13 @@ export default function DrawerMenuDocumentDivision() {
</Flex>
</SimpleGrid>
</Stack>
<LayoutDrawer opened={openDrawerDocument} onClose={() => setOpenDrawerDocument(false)} title={''} size='lg' >
<LayoutDrawer opened={openDrawerDocument} onClose={() => setOpenDrawerDocument(false)} title={''}>
<SimpleGrid
cols={{ base: 2, sm: 2, lg: 2 }}
onClick={() => setOpenDrawerDocument(true)}
>
<Flex onClick={() => setOpenModal(true)} justify={'center'} align={'center'} direction={'column'} mb={20} >
<Box>
<ActionIcon variant="filled" color="#DFE8EA" size={61} radius="xl" aria-label="Settings">
@@ -74,17 +103,33 @@ export default function DrawerMenuDocumentDivision() {
<Text c={WARNA.biruTua}>Membuat Folder</Text>
</Box>
</Flex>
<Flex justify={'center'} align={'center'} direction={'column'} mb={20}>
<Box>
<ActionIcon variant="filled" color="#DFE8EA" size={61} radius="xl" aria-label="Settings">
<HiDocumentText size={40} color={WARNA.biruTua} />
</ActionIcon>
</Box>
<Box mt={10}>
<Text c={WARNA.biruTua}>Upload Dokumen</Text>
</Box>
</Flex>
<Flex justify={'center'} align={'center'} direction={'column'} mb={20} >
<Dropzone
openRef={openRef}
onDrop={async (files) => {
if (!files || _.isEmpty(files))
return toast.error('Tidak ada file yang dipilih')
onUploadFile(files[0])
}}
activateOnClick={false}
maxSize={3 * 1024 ** 2}
accept={['text/csv', 'image/png', 'image/jpeg', 'image/heic', 'application/pdf']}
onReject={(files) => {
return toast.error('File yang diizinkan: .csv, .png, .jpg, .heic, .pdf dengan ukuran maksimal 3 MB')
}}
>
<Flex justify={'center'} align={'center'} direction={'column'} mb={20} onClick={() => openRef.current?.()}>
<Box>
<ActionIcon variant="filled" color="#DFE8EA" size={61} radius="xl" aria-label="Settings">
<HiDocumentText size={40} color={WARNA.biruTua} />
</ActionIcon>
</Box>
<Box mt={10}>
<Text c={WARNA.biruTua}>Upload File</Text>
</Box>
</Flex>
</Dropzone>
{/* <Flex justify={'center'} align={'center'} direction={'column'} mb={20} >
<Box>
<ActionIcon variant="filled" color="#DFE8EA" size={61} radius="xl" aria-label="Settings">
<FaRegImage size={40} color={WARNA.biruTua} />
@@ -93,7 +138,7 @@ export default function DrawerMenuDocumentDivision() {
<Box mt={10}>
<Text c={WARNA.biruTua}>Upload Foto</Text>
</Box>
</Flex>
</Flex> */}
</SimpleGrid>
</LayoutDrawer>