diff --git a/src/app/(application)/project/[id]/add-file/page.tsx b/src/app/(application)/project/[id]/add-file/page.tsx new file mode 100644 index 0000000..7286e51 --- /dev/null +++ b/src/app/(application)/project/[id]/add-file/page.tsx @@ -0,0 +1,9 @@ +import { AddFileDetailProject } from "@/module/project"; + +export default function Page() { + return ( + <> + + + ) +} \ No newline at end of file diff --git a/src/app/(application)/project/create/page.tsx b/src/app/(application)/project/create/page.tsx index 3aac089..e571503 100644 --- a/src/app/(application)/project/create/page.tsx +++ b/src/app/(application)/project/create/page.tsx @@ -3,8 +3,8 @@ import React from "react"; function Page({ searchParams }: { searchParams: any }) { - if (searchParams.page == "file-save") - return + // if (searchParams.page == "file-save") + // return return ; } diff --git a/src/app/api/home/route.ts b/src/app/api/home/route.ts index 69b0864..3b00121 100644 --- a/src/app/api/home/route.ts +++ b/src/app/api/home/route.ts @@ -70,7 +70,7 @@ export async function GET(request: Request) { allData = data.map((v: any) => ({ ..._.omit(v, ["ProjectTask", "createdAt"]), progress: ceil((v.ProjectTask.filter((i: any) => i.status == 1).length * 100) / v.ProjectTask.length), - createdAt: moment(v.dateStart).format("LL") + createdAt: moment(v.createdAt).format("LL") })) } else if (kategori == "division") { diff --git a/src/app/api/project/[id]/route.ts b/src/app/api/project/[id]/route.ts index 454c745..ffbc5f8 100644 --- a/src/app/api/project/[id]/route.ts +++ b/src/app/api/project/[id]/route.ts @@ -109,7 +109,12 @@ export async function GET(request: Request, context: { params: { id: string } }) select: { name: true, email: true, - img: true + img: true, + Position: { + select: { + name: true + } + } } }, } @@ -119,7 +124,8 @@ export async function GET(request: Request, context: { params: { id: string } }) ..._.omit(v, ["User"]), name: v.User.name, email: v.User.email, - img: v.User.img + img: v.User.img, + position: v.User.Position.name })) allData = fix diff --git a/src/app/api/project/file/[id]/route.ts b/src/app/api/project/file/[id]/route.ts new file mode 100644 index 0000000..4eba164 --- /dev/null +++ b/src/app/api/project/file/[id]/route.ts @@ -0,0 +1,203 @@ +import { prisma } from "@/module/_global"; +import { funGetUserByCookies } from "@/module/auth"; +import { NextResponse } from "next/server"; +import fs from "fs"; +import path from "path"; +import _ from "lodash"; + +// HAPUS FILE PROJECT BUKAN PAKE ISACTIVE +export async function DELETE(request: Request, context: { params: { id: string } }) { + try { + const user = await funGetUserByCookies() + if (user.id == undefined) { + return NextResponse.json({ success: false, message: "Anda harus login untuk mengakses ini" }, { status: 401 }); + } + const { id } = context.params; + const data = await prisma.projectFile.count({ + where: { + id: id, + }, + }); + + if (data == 0) { + return NextResponse.json( + { + success: false, + message: "Hapus file gagal, data tidak ditemukan", + }, + { status: 404 } + ); + } + + const dataRelasi = await prisma.projectFile.findUnique({ + where: { + id: id, + } + }) + + + fs.unlink(`./public/file/project/${dataRelasi?.id}.${dataRelasi?.extension}`, (err) => { }) + + const deleteRelasi = await prisma.projectFile.delete({ + where: { + id: id, + }, + }); + + + return NextResponse.json( + { + success: true, + message: "File berhasil dihapus", + data, + }, + { status: 200 } + ); + + } catch (error) { + console.log(error); + return NextResponse.json({ success: false, message: "Gagal menghapus file, coba lagi nanti", reason: (error as Error).message, }, { status: 500 }); + } +} + + +// CEK FILE PROJECT APAKAH PERNAH DIUPLOAD PADA PROJECT YG SAMA +export async function PUT(request: Request, context: { params: { id: string } }) { + try { + const user = await funGetUserByCookies() + if (user.id == undefined) { + return NextResponse.json({ success: false, message: "Anda harus login untuk mengakses ini" }, { status: 401 }); + } + + + const { id } = context.params; + const body = await request.formData() + const file = body.get("file") as File + const fileName = file.name + + const dataCek = await prisma.project.count({ + where: { + id: id, + }, + }); + + if (dataCek == 0) { + return NextResponse.json( + { + success: false, + message: "Upload file gagal, data kegiatan tidak ditemukan", + }, + { status: 404 } + ); + } + + const dataTaskFile = await prisma.projectFile.findMany({ + where: { + idProject: id, + isActive: true + }, + select: { + id: true, + name: true, + extension: true + } + }) + + const dataOmit = dataTaskFile.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: "File sudah pernah diupload" }, { status: 400 }); + } else { + return NextResponse.json({ success: true, message: "Cek berhasil" }, { status: 200 }); + } + + } catch (error) { + console.log(error); + return NextResponse.json({ success: false, message: "Upload file gagal, coba lagi nanti", reason: (error as Error).message, }, { status: 500 }); + } +} + + +// TAMBAH FILE PROJECT +export async function POST(request: Request, context: { params: { id: string } }) { + try { + const user = await funGetUserByCookies() + if (user.id == undefined) { + return NextResponse.json({ success: false, message: "Anda harus login untuk mengakses ini" }, { status: 401 }); + } + + + const { id } = context.params; + const body = await request.formData() + const cekFile = body.has("file0") + + const dataCek = await prisma.project.count({ + where: { + id: id, + }, + }); + + if (dataCek == 0) { + return NextResponse.json( + { + success: false, + message: "Tambah file kegiatan gagal, data tugas tidak ditemukan", + }, + { status: 404 } + ); + } + + const dataProject = await prisma.project.findUnique({ + where: { + id: id, + }, + }); + + + + if (cekFile) { + let a = 0 + const root = path.join(process.cwd(), "./public/file/project/"); + for (var pair of body.entries()) { + if (String(pair[0]) == "file" + a) { + const file = body.get(pair[0]) as File + const fExt = file.name.split(".").pop() + const fName = file.name.replace("." + fExt, "") + + + const insertToTable = await prisma.projectFile.create({ + data: { + idProject: id, + name: fName, + extension: String(fExt) + }, + select: { + id: true + } + }) + + const nameFix = insertToTable.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); + } + a++ + } + } + + + return NextResponse.json({ success: true, message: "Berhasil mengupload file kegiatan" }, { status: 200 }); + + } catch (error) { + console.log(error); + return NextResponse.json({ success: false, message: "Gagal mengupload file, coba lagi nanti", reason: (error as Error).message, }, { status: 500 }); + } +} \ No newline at end of file diff --git a/src/app/api/project/route.ts b/src/app/api/project/route.ts index 75a7af2..6eb8346 100644 --- a/src/app/api/project/route.ts +++ b/src/app/api/project/route.ts @@ -3,7 +3,8 @@ import { funGetUserByCookies } from "@/module/auth"; import _ from "lodash"; import moment from "moment"; import { NextResponse } from "next/server"; - +import path from "path"; +import fs from "fs"; // GET ALL DATA PROJECT @@ -80,7 +81,11 @@ export async function POST(request: Request) { return NextResponse.json({ success: false, message: "Anda harus login untuk mengakses ini" }, { status: 401 }); } - const { idGroup, title, task, member, file } = (await request.json()) + const body = await request.formData() + const dataBody = body.get("data") + const cekFile = body.has("file0") + + const { idGroup, title, task, member } = JSON.parse(dataBody as string) const userId = user.id @@ -112,7 +117,7 @@ export async function POST(request: Request) { if (member.length > 0) { const dataMember = member.map((v: any) => ({ - ..._.omit(v, ["idUser", "name"]), + ..._.omit(v, ["idUser", "name", "img"]), idProject: data.id, idUser: v.idUser, })) @@ -122,27 +127,36 @@ export async function POST(request: Request) { }) } - let fileFix: any[] = [] + if (cekFile) { + let a = 0 + const root = path.join(process.cwd(), "./public/file/project/"); + for (var pair of body.entries()) { + if (String(pair[0]) == "file" + a) { + const file = body.get(pair[0]) as File + const fExt = file.name.split(".").pop() + const fName = file.name.replace("." + fExt, "") - if (file.length > 0) { - file.map((v: any, index: any) => { - const f: any = file[index].get('file') - const fName = f.name - const fExt = fName.split(".").pop() - const dataFile = { - name: fName, - extension: fExt, - idProject: data.id, + const insertToTable = await prisma.projectFile.create({ + data: { + idProject: data.id, + name: fName, + extension: String(fExt) + }, + select: { + id: true + } + }) + + const nameFix = insertToTable.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); } - - fileFix.push(dataFile) - }) - - const insertFile = await prisma.divisionProjectFile.createMany({ - data: fileFix - }) - + a++ + } } diff --git a/src/app/api/task/[id]/route.ts b/src/app/api/task/[id]/route.ts index 71ad514..bcfa2f5 100644 --- a/src/app/api/task/[id]/route.ts +++ b/src/app/api/task/[id]/route.ts @@ -113,7 +113,12 @@ export async function GET(request: Request, context: { params: { id: string } }) select: { name: true, email: true, - img: true + img: true, + Position: { + select: { + name: true + } + } } } } @@ -124,7 +129,8 @@ export async function GET(request: Request, context: { params: { id: string } }) ..._.omit(v, ["User"]), name: v.User.name, email: v.User.email, - img: v.User.img + img: v.User.img, + position: v.User.Position.name })) allData = fix diff --git a/src/app/api/task/file/[id]/route.ts b/src/app/api/task/file/[id]/route.ts index 73eebbd..0998ba0 100644 --- a/src/app/api/task/file/[id]/route.ts +++ b/src/app/api/task/file/[id]/route.ts @@ -116,8 +116,8 @@ export async function POST(request: Request, context: { params: { id: string } } for (var pair of body.entries()) { if (String(pair[0]) == "file" + a) { const file = body.get(pair[0]) as File - const fName = file.name.split(".")[0] const fExt = file.name.split(".").pop() + const fName = file.name.replace("." + fExt, "") const insertToContainer = await prisma.containerFileDivision.create({ @@ -218,14 +218,13 @@ export async function PUT(request: Request, context: { params: { id: string } }) file: v.ContainerFileDivision.name + '.' + v.ContainerFileDivision.extension, })) - const cek = dataOmit.some((i: any) => i.file == fileName) if (cek) { - return NextResponse.json({ success: true, message: "Cek berhasil" }, { status: 200 }); - } else { return NextResponse.json({ success: false, message: "File sudah pernah diupload" }, { status: 400 }); + } else { + return NextResponse.json({ success: true, message: "Cek berhasil" }, { status: 200 }); } } catch (error) { diff --git a/src/app/api/task/route.ts b/src/app/api/task/route.ts index af82503..2e27cc6 100644 --- a/src/app/api/task/route.ts +++ b/src/app/api/task/route.ts @@ -157,8 +157,8 @@ export async function POST(request: Request) { for (var pair of body.entries()) { if (String(pair[0]) == "file" + a) { const file = body.get(pair[0]) as File - const fName = file.name.split(".")[0] const fExt = file.name.split(".").pop() + const fName = file.name.replace("." + fExt, "") const insertToContainer = await prisma.containerFileDivision.create({ diff --git a/src/module/project/index.ts b/src/module/project/index.ts index da4b362..8ea7aa8 100644 --- a/src/module/project/index.ts +++ b/src/module/project/index.ts @@ -21,6 +21,7 @@ import AddDetailTaskProject from "./ui/add_detail_task_project"; import CancelProject from "./ui/cancel_project"; import AddMemberDetailProject from "./ui/add_member_detail_project"; import CreateProject from "./ui/create_project"; +import AddFileDetailProject from "./ui/add_file_detail_project"; export { ViewProject } export { ViewDateEndTask } @@ -43,4 +44,5 @@ export { EditDetailTaskProject } export { AddDetailTaskProject } export { CancelProject } export { AddMemberDetailProject } -export { CreateProject } \ No newline at end of file +export { CreateProject } +export { AddFileDetailProject } \ No newline at end of file diff --git a/src/module/project/lib/api_project.ts b/src/module/project/lib/api_project.ts index f02bea5..2c18ad4 100644 --- a/src/module/project/lib/api_project.ts +++ b/src/module/project/lib/api_project.ts @@ -6,16 +6,10 @@ export const funGetAllProject = async (path?: string) => { return await response.json().catch(() => null); } -export const funCreateProject = async (data: IFormProject) => { - if (data.title.length < 3) - return { success: false, message: 'Nama Kegiatan minimal 3 karakter' } - +export const funCreateProject = async (data: FormData) => { const response = await fetch(`/api/project`, { method: "POST", - headers: { - "Content-Type": "application/json", - }, - body: JSON.stringify(data), + body: data, }); return await response.json().catch(() => null); } @@ -126,4 +120,31 @@ export const funEditProject = async (path: string, data: { name: string }) => { body: JSON.stringify(data), }); return await response.json().catch(() => null); -} \ No newline at end of file +} + + +export const funDeleteFileProject = async (path: string) => { + const response = await fetch(`/api/project/file/${path}`, { + method: "DELETE", + headers: { + "Content-Type": "application/json", + }, + }); + return await response.json().catch(() => null); +}; + +export const funCekNamFileUploadProject = async (path: string, data: FormData) => { + const response = await fetch(`/api/project/file/${path}`, { + method: "PUT", + body: data, + }); + return await response.json().catch(() => null); +}; + +export const funAddFileProject = async (path: string, data: FormData) => { + const response = await fetch(`/api/project/file/${path}`, { + method: "POST", + body: data, + }); + return await response.json().catch(() => null); +}; diff --git a/src/module/project/lib/type_project.ts b/src/module/project/lib/type_project.ts index e7859fd..57c1d00 100644 --- a/src/module/project/lib/type_project.ts +++ b/src/module/project/lib/type_project.ts @@ -27,6 +27,7 @@ export interface IDataMemberProject { name: string email: string img: string + position: string } export interface IFormProject { diff --git a/src/module/project/ui/add_file_detail_project.tsx b/src/module/project/ui/add_file_detail_project.tsx new file mode 100644 index 0000000..b40e6fe --- /dev/null +++ b/src/module/project/ui/add_file_detail_project.tsx @@ -0,0 +1,195 @@ +"use client"; +import { LayoutDrawer, LayoutNavbarNew, WARNA } from "@/module/_global"; +import { + Box, + Button, + Flex, + Group, + rem, + SimpleGrid, + Stack, + Text, +} from "@mantine/core"; +import React, { useRef, useState } from "react"; +import { useParams, useRouter } from "next/navigation"; +import toast from "react-hot-toast"; +import { IoIosArrowDropright } from "react-icons/io"; +import { Dropzone } from "@mantine/dropzone"; +import _ from "lodash"; +import ResultsFile from "./results_file"; +import { FaTrash } from "react-icons/fa6"; +import LayoutModal from "@/module/_global/layout/layout_modal"; +import { IListFileTaskProject } from "../lib/type_project"; +import { funAddFileProject, funCekNamFileUploadProject } from "../lib/api_project"; + + +export default function AddFileDetailProject() { + const router = useRouter() + const [openModal, setOpenModal] = useState(false) + const [fileForm, setFileForm] = useState([]) + const [listFile, setListFile] = useState([]) + const param = useParams<{ id: string }>() + const [indexDelFile, setIndexDelFile] = useState(0) + const [openDrawerFile, setOpenDrawerFile] = useState(false) + const openRef = useRef<() => void>(null) + + function deleteFile(index: number) { + setListFile([...listFile.filter((val, i) => i !== index)]) + setFileForm([...fileForm.filter((val, i) => i !== index)]) + setOpenDrawerFile(false) + } + + + async function cekFileName(data: any) { + try { + const fd = new FormData(); + fd.append(`file`, data); + const res = await funCekNamFileUploadProject(param.id, fd) + if (res.success) { + setFileForm([...fileForm, data]) + setListFile([...listFile, { name: data.name, extension: data.type.split("/")[1] }]) + } else { + toast.error(res.message) + } + } catch (error) { + console.log(error) + toast.error("Gagal menambahkan file, coba lagi nanti") + } + } + + async function onSubmit() { + try { + const fd = new FormData(); + for (let i = 0; i < fileForm.length; i++) { + fd.append(`file${i}`, fileForm[i]); + } + + const response = await funAddFileProject(param.id, fd) + console.group(response) + if (response.success) { + toast.success(response.message) + setFileForm([]) + setListFile([]) + router.push(`/project/${param.id}`) + } else { + toast.error(response.message) + } + } catch (error) { + console.log(error) + toast.error("Gagal menambahkan file, coba lagi nanti"); + } + } + + + + return ( + + + + + + { + if (!files || _.isEmpty(files)) + return toast.error('Tidak ada file yang dipilih') + cekFileName(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') + }} + > + + openRef.current?.()} + > + Upload File + + + + { + listFile.length > 0 && + + File + + { + listFile.map((v, i) => { + return ( + { + setIndexDelFile(i) + setOpenDrawerFile(true) + }}> + + + ) + }) + } + + + } + + + + + + setOpenDrawerFile(false)} + title={""} + > + + + deleteFile(indexDelFile)}> + + + + + Hapus File + + + + + + + setOpenModal(false)} + description="Apakah Anda yakin ingin menambahkan file?" + onYes={(val) => { + if (val) { + onSubmit() + } + setOpenModal(false) + }} /> + + + ); +} diff --git a/src/module/project/ui/create_project.tsx b/src/module/project/ui/create_project.tsx index 9a7048b..a40ab93 100644 --- a/src/module/project/ui/create_project.tsx +++ b/src/module/project/ui/create_project.tsx @@ -36,7 +36,7 @@ export default function CreateProject() { const [openTugas, setOpenTugas] = useState(false) const [dataTask, setDataTask] = useState([]) const openRef = useRef<() => void>(null) - const [fileForm, setFileForm] = useState([]) + const [fileForm, setFileForm] = useState([]) const [listFile, setListFile] = useState([]) const [indexDelFile, setIndexDelFile] = useState(0) const [indexDelTask, setIndexDelTask] = useState(0) @@ -91,16 +91,22 @@ export default function CreateProject() { async function onSubmit() { try { - const response = await funCreateProject({ title: body.title, idGroup: body.idGroup, task: dataTask, file: fileForm, member: memberValue }) + const fd = new FormData(); + for (let i = 0; i < fileForm.length; i++) { + fd.append(`file${i}`, fileForm[i]); + } + + fd.append("data", JSON.stringify({ + title: body.title, + idGroup: body.idGroup, + task: dataTask, + member: memberValue + })) + + const response = await funCreateProject(fd) if (response.success) { toast.success(response.message) - // setBody({ - // idGroup: "", - // title: "", - // desc: "", - // }) - member.set([]) setFileForm([]) setListFile([]) @@ -111,7 +117,7 @@ export default function CreateProject() { } } catch (error) { console.log(error) - toast.error("Gagal menambahkan tugas divisi, coba lagi nanti"); + toast.error("Gagal menambahkan kegiatan, coba lagi nanti"); } } @@ -342,15 +348,13 @@ export default function CreateProject() { onClose={() => setOpenDrawer(false)} title={"Pilih File"} > - + { if (!files || _.isEmpty(files)) return toast.error('Tidak ada file yang dipilih') - const fd = new FormData(); - fd.append("file", files[0]); - setFileForm([...fileForm, fd]) + setFileForm([...fileForm, files[0]]) setListFile([...listFile, { name: files[0].name, extension: files[0].type.split("/")[1] }]) }} activateOnClick={false} @@ -379,7 +383,7 @@ export default function CreateProject() { diperangkat - router.push("/project/create?page=file-save")}> + {/* router.push("/project/create?page=file-save")}> sudah ada - + */} diff --git a/src/module/project/ui/list_file_detail_project.tsx b/src/module/project/ui/list_file_detail_project.tsx index c1f2bc3..b247f66 100644 --- a/src/module/project/ui/list_file_detail_project.tsx +++ b/src/module/project/ui/list_file_detail_project.tsx @@ -1,18 +1,24 @@ 'use client' -import { WARNA } from '@/module/_global'; -import { Box, Group, Skeleton, Text } from '@mantine/core'; +import { LayoutDrawer, WARNA } from '@/module/_global'; +import { Box, Flex, Group, SimpleGrid, Skeleton, Stack, Text } from '@mantine/core'; import React, { useState } from 'react'; import toast from 'react-hot-toast'; -import { funGetOneProjectById } from '../lib/api_project'; +import { funDeleteFileProject, funGetOneProjectById } from '../lib/api_project'; import { useParams } from 'next/navigation'; import { useShallowEffect } from '@mantine/hooks'; import { IDataFileProject } from '../lib/type_project'; -import { BsFiletypeCsv, BsFiletypeHeic, BsFiletypeJpg, BsFiletypePdf, BsFiletypePng } from 'react-icons/bs'; +import { BsFileTextFill, BsFiletypeCsv, BsFiletypeHeic, BsFiletypeJpg, BsFiletypePdf, BsFiletypePng } from 'react-icons/bs'; +import LayoutModal from '@/module/_global/layout/layout_modal'; +import { FaTrash } from 'react-icons/fa6'; export default function ListFileDetailProject() { const [isData, setData] = useState([]) const param = useParams<{ id: string }>() const [loading, setLoading] = useState(true) + const [idData, setIdData] = useState('') + const [nameData, setNameData] = useState('') + const [openDrawer, setOpenDrawer] = useState(false) + const [isOpenModal, setOpenModal] = useState(false) async function getOneData() { try { @@ -26,7 +32,7 @@ export default function ListFileDetailProject() { } catch (error) { console.error(error); - toast.error("Gagal mendapatkan file Kegiatan, coba lagi nanti"); + toast.error("Gagal mendapatkan file kegiatan, coba lagi nanti"); } finally { setLoading(false) } @@ -36,6 +42,25 @@ export default function ListFileDetailProject() { getOneData(); }, [param.id]) + + async function onDelete() { + try { + const res = await funDeleteFileProject(idData); + if (res.success) { + toast.success(res.message) + getOneData() + setIdData("") + setOpenDrawer(false) + } else { + toast.error(res.message); + } + } catch (error) { + console.error(error); + toast.error("Gagal menghapus file, coba lagi nanti"); + } + + } + return ( <> @@ -70,6 +95,12 @@ export default function ListFileDetailProject() { padding: 10 }} mb={10} + + onClick={() => { + setNameData(item.name + '.' + item.extension) + setIdData(item.id) + setOpenDrawer(true) + }} > {item.extension == "pdf" && } @@ -77,13 +108,53 @@ export default function ListFileDetailProject() { {item.extension == "png" && } {item.extension == "jpg" || item.extension == "jpeg" && } {item.extension == "heic" && } - {item.name} + {item.name + '.' + item.extension} ) }) } + + + + setOpenDrawer(false)}> + + + + { }} justify={'center'} align={'center'} direction={'column'} > + + + + + Lihat file + + + + { setOpenModal(true) }} justify={'center'} align={'center'} direction={'column'} > + + + + + Hapus file + + + + + + + + + setOpenModal(false)} + description="Apakah Anda yakin ingin menghapus file ini? File yang dihapus tidak dapat dikembalikan" + onYes={(val) => { + if (val) { + onDelete() + } + setOpenModal(false) + }} /> ); diff --git a/src/module/project/ui/navbar_detail_project.tsx b/src/module/project/ui/navbar_detail_project.tsx index 5bbbce6..6c5b2c5 100644 --- a/src/module/project/ui/navbar_detail_project.tsx +++ b/src/module/project/ui/navbar_detail_project.tsx @@ -4,7 +4,7 @@ import { ActionIcon, Box, Flex, SimpleGrid, Stack, Text } from '@mantine/core'; import { useParams, useRouter } from 'next/navigation'; import React, { useState } from 'react'; import toast from 'react-hot-toast'; -import { FaPencil, FaUsers } from 'react-icons/fa6'; +import { FaFileCirclePlus, FaPencil, FaUsers } from 'react-icons/fa6'; import { HiMenu } from 'react-icons/hi'; import { IoAddCircle } from 'react-icons/io5'; import { MdCancel } from 'react-icons/md'; @@ -93,13 +93,15 @@ export default function NavbarDetailProject() { style={{ cursor: 'pointer' }} - onClick={() => { router.push(param.id + '/cancel') }} + onClick={() => { + router.push(param.id + '/add-file') + }} > - + - Batal + Tambah file @@ -116,6 +118,21 @@ export default function NavbarDetailProject() { Edit + + { router.push(param.id + '/cancel') }} + > + + + + + Batal + + + diff --git a/src/module/task/lib/type_task.ts b/src/module/task/lib/type_task.ts index cefc296..8202e05 100644 --- a/src/module/task/lib/type_task.ts +++ b/src/module/task/lib/type_task.ts @@ -61,6 +61,7 @@ export interface IDataMemberTaskDivision { name: string email: string img: string + position: string } export interface IDataFileTaskDivision { diff --git a/src/module/task/ui/add_file_detail_task.tsx b/src/module/task/ui/add_file_detail_task.tsx index bbbe383..54d9076 100644 --- a/src/module/task/ui/add_file_detail_task.tsx +++ b/src/module/task/ui/add_file_detail_task.tsx @@ -20,11 +20,11 @@ import { IListFileTask } from "../lib/type_task"; import ResultsFile from "./results_file"; import { FaTrash } from "react-icons/fa6"; import { funAddFileTask, funCekNamFileUploadTask } from "../lib/api_task"; +import LayoutModal from "@/module/_global/layout/layout_modal"; export default function AddFileDetailTask() { const router = useRouter() - const [title, setTitle] = useState("") const [openModal, setOpenModal] = useState(false) const [fileForm, setFileForm] = useState([]) const [listFile, setListFile] = useState([]) @@ -139,8 +139,6 @@ export default function AddFileDetailTask() { } - - { - if ( - title !== "" - ) { + if (fileForm.length > 0) { setOpenModal(true) } else { - toast.error("Semua form harus diisi") + toast.error("Silahkan pilih file yang akan diupload") } }}> Simpan @@ -184,6 +180,15 @@ export default function AddFileDetailTask() { + setOpenModal(false)} + description="Apakah Anda yakin ingin menambahkan file?" + onYes={(val) => { + if (val) { + onSubmit() + } + setOpenModal(false) + }} /> + ); } diff --git a/src/module/user/lib/type_user.ts b/src/module/user/lib/type_user.ts index 8f50a70..8b8a7bc 100644 --- a/src/module/user/lib/type_user.ts +++ b/src/module/user/lib/type_user.ts @@ -5,6 +5,7 @@ export type TypeUser = { phone: string email: string gender: string + img:string isActive: boolean, group: string, img: string