From e98302c1995ea05da201d4640f039934446a549f Mon Sep 17 00:00:00 2001 From: amel Date: Thu, 11 Jul 2024 17:23:16 +0800 Subject: [PATCH] upd: division task Deskripsi: - detail task - update progress task NO Issues --- .../(detail-division)/task/[id]/page.tsx | 4 +- .../task/update/[id]/page.tsx | 15 + .../project/update-detail/page.tsx | 4 +- .../component/detail_list_anggota_task.tsx | 89 ++++++ .../task/component/detail_list_file_task.tsx | 37 +++ .../task/component/detail_list_tugas_task.tsx | 77 +++++ .../task/component/detail_progress_task.tsx | 48 +++ .../component/navbar_detail_division_task.tsx | 23 ++ .../task/view/view_detail_division_task.tsx | 20 ++ .../view_update_progress_division_task.tsx | 273 ++++++++++++++++++ src/module/division_new/index.ts | 6 +- src/module/project/index.ts | 4 +- 12 files changed, 595 insertions(+), 5 deletions(-) create mode 100644 src/app/(application)/(detail-division)/task/update/[id]/page.tsx create mode 100644 src/module/division_new/_division_fitur/task/component/detail_list_anggota_task.tsx create mode 100644 src/module/division_new/_division_fitur/task/component/detail_list_file_task.tsx create mode 100644 src/module/division_new/_division_fitur/task/component/detail_list_tugas_task.tsx create mode 100644 src/module/division_new/_division_fitur/task/component/detail_progress_task.tsx create mode 100644 src/module/division_new/_division_fitur/task/component/navbar_detail_division_task.tsx create mode 100644 src/module/division_new/_division_fitur/task/view/view_detail_division_task.tsx create mode 100644 src/module/division_new/_division_fitur/task/view/view_update_progress_division_task.tsx diff --git a/src/app/(application)/(detail-division)/task/[id]/page.tsx b/src/app/(application)/(detail-division)/task/[id]/page.tsx index 61ff79a..775b997 100644 --- a/src/app/(application)/(detail-division)/task/[id]/page.tsx +++ b/src/app/(application)/(detail-division)/task/[id]/page.tsx @@ -1,6 +1,8 @@ +import { ViewDetailDivisionTask } from "@/module/division_new" + function Page() { return ( - <>Detail task + ) } diff --git a/src/app/(application)/(detail-division)/task/update/[id]/page.tsx b/src/app/(application)/(detail-division)/task/update/[id]/page.tsx new file mode 100644 index 0000000..54f7920 --- /dev/null +++ b/src/app/(application)/(detail-division)/task/update/[id]/page.tsx @@ -0,0 +1,15 @@ +import { ViewUpdateProgressDivisionTask } from "@/module/division_new" +import { DetailCreateUserProject, DetailDateEndTask, FileUploadProgres } from "@/module/project"; + +function Page({ searchParams }: { searchParams: any }) { + if (searchParams.page == "upload-progres") return ; + if (searchParams.page == "detail-create-user") + return ; + if (searchParams.page == "detail-date-task") return ; + + return ( + + ) +} + +export default Page \ No newline at end of file diff --git a/src/app/(application)/project/update-detail/page.tsx b/src/app/(application)/project/update-detail/page.tsx index 241e2b8..053ef42 100644 --- a/src/app/(application)/project/update-detail/page.tsx +++ b/src/app/(application)/project/update-detail/page.tsx @@ -1,9 +1,9 @@ import { DetailCreateUserProject, DetailDateEndTask, + FileUploadProgres, ViewUpdateProgres, } from "@/module/project"; -import FileUploadProgres from "@/module/project/components/detail_project/file_upload_progres"; import React from "react"; @@ -13,7 +13,7 @@ function Page({ searchParams }: { searchParams: any }) { return ; if (searchParams.page == "detail-date-task") return ; - return ; + return ; } export default Page; diff --git a/src/module/division_new/_division_fitur/task/component/detail_list_anggota_task.tsx b/src/module/division_new/_division_fitur/task/component/detail_list_anggota_task.tsx new file mode 100644 index 0000000..b6fb2d0 --- /dev/null +++ b/src/module/division_new/_division_fitur/task/component/detail_list_anggota_task.tsx @@ -0,0 +1,89 @@ +import { WARNA } from "@/module/_global"; +import { Box, Group, Flex, Avatar, Text } from "@mantine/core"; + + +const dataAnggota = [ + { + id: 1, + name: "Iqbal Ramadan", + image: "https://i.pravatar.cc/1000?img=5", + email: "iqbal.ramadan@gmail.com", + }, + { + id: 2, + name: "Doni Setiawan", + image: "https://i.pravatar.cc/1000?img=10", + email: "doni.setiawan@gmail.com", + }, + { + id: 3, + name: "Rangga Agung", + image: "https://i.pravatar.cc/1000?img=51", + email: "rangga.agung@gmail.com", + }, + { + id: 4, + name: "Ramadan Sananta", + image: "https://i.pravatar.cc/1000?img=15", + email: "ramadan@gmail.com", + }, + { + id: 5, + name: "Imam Baroni", + image: "https://i.pravatar.cc/1000?img=22", + email: "imam.baroni@gmail.com", + }, + ]; + + +export default function ListAnggotaDetailTask() { + return ( + + + Anggota Terpilih + Total 10 Anggota + + + + + + Divisi Kerohanian + + {dataAnggota.map((v, i) => { + return ( + + + + + + {v.name} + + + {v.email} + + + + + Anggota + + + ); + })} + + + + + ) +} \ No newline at end of file diff --git a/src/module/division_new/_division_fitur/task/component/detail_list_file_task.tsx b/src/module/division_new/_division_fitur/task/component/detail_list_file_task.tsx new file mode 100644 index 0000000..1b3a669 --- /dev/null +++ b/src/module/division_new/_division_fitur/task/component/detail_list_file_task.tsx @@ -0,0 +1,37 @@ +import { WARNA } from "@/module/_global"; +import { Box, Group, Text } from "@mantine/core"; +import { BsFiletypeCsv } from "react-icons/bs"; + +export default function ListFileDetailTask() { + return ( + + File + + + + + Proyek Laporan Permasyarakatan + + + + + + Proyek Laporan Permasyarakatan + + + + + ) +} \ No newline at end of file diff --git a/src/module/division_new/_division_fitur/task/component/detail_list_tugas_task.tsx b/src/module/division_new/_division_fitur/task/component/detail_list_tugas_task.tsx new file mode 100644 index 0000000..f804112 --- /dev/null +++ b/src/module/division_new/_division_fitur/task/component/detail_list_tugas_task.tsx @@ -0,0 +1,77 @@ +'use client' + +import { WARNA } from "@/module/_global" +import { Box, Grid, Center, Checkbox, Group, SimpleGrid, Text } from "@mantine/core" +import { AiOutlineFileSync } from "react-icons/ai" + +export default function ListTugasDetailTask() { + return ( + + + Tanggal & Tugas + + + + +
+ +
+ + + + + + Laporan Permasyarakatan + + + + + + Tanggal Mulai + + 16 Juni 2024 + + + + Tanggal Berakhir + + 20 Juni 2024 + + + + + + + + + ) +} \ No newline at end of file diff --git a/src/module/division_new/_division_fitur/task/component/detail_progress_task.tsx b/src/module/division_new/_division_fitur/task/component/detail_progress_task.tsx new file mode 100644 index 0000000..01b585d --- /dev/null +++ b/src/module/division_new/_division_fitur/task/component/detail_progress_task.tsx @@ -0,0 +1,48 @@ +'use client' +import { WARNA } from "@/module/_global"; +import { Box, Grid, ActionIcon, Progress, Text } from "@mantine/core"; +import { HiMiniPresentationChartBar } from "react-icons/hi2"; + +export default function ProgressDetailTask() { + return ( + + + + + + + + + + + Kemajuan Proyek 60% + + 18 Juni 2024 + + + + + + ) +} \ No newline at end of file diff --git a/src/module/division_new/_division_fitur/task/component/navbar_detail_division_task.tsx b/src/module/division_new/_division_fitur/task/component/navbar_detail_division_task.tsx new file mode 100644 index 0000000..6c7af6e --- /dev/null +++ b/src/module/division_new/_division_fitur/task/component/navbar_detail_division_task.tsx @@ -0,0 +1,23 @@ +'use client' +import { LayoutNavbarNew, WARNA } from "@/module/_global"; +import { ActionIcon } from "@mantine/core"; +import { useRouter } from "next/navigation"; +import { LuClipboardEdit } from "react-icons/lu"; + +export default function NavbarDetailDivisionTask() { + const router = useRouter() + return ( + router.push("/task/update/1")} + > + + + } /> + ) +} \ No newline at end of file diff --git a/src/module/division_new/_division_fitur/task/view/view_detail_division_task.tsx b/src/module/division_new/_division_fitur/task/view/view_detail_division_task.tsx new file mode 100644 index 0000000..9f3680c --- /dev/null +++ b/src/module/division_new/_division_fitur/task/view/view_detail_division_task.tsx @@ -0,0 +1,20 @@ +import { Box } from "@mantine/core"; +import NavbarDetailDivisionTask from "../component/navbar_detail_division_task"; +import ProgressDetailTask from "../component/detail_progress_task"; +import ListTugasDetailTask from "../component/detail_list_tugas_task"; +import ListFileDetailTask from "../component/detail_list_file_task"; +import ListAnggotaDetailTask from "../component/detail_list_anggota_task"; + +export default function ViewDetailDivisionTask() { + return ( + + + + + + + + + + ) +} \ No newline at end of file diff --git a/src/module/division_new/_division_fitur/task/view/view_update_progress_division_task.tsx b/src/module/division_new/_division_fitur/task/view/view_update_progress_division_task.tsx new file mode 100644 index 0000000..5cf7f9e --- /dev/null +++ b/src/module/division_new/_division_fitur/task/view/view_update_progress_division_task.tsx @@ -0,0 +1,273 @@ +'use client' +import { LayoutNavbarNew, WARNA, LayoutDrawer } from "@/module/_global"; +import { Box, Group, Grid, Center, Checkbox, SimpleGrid, Button, Flex, Text } from "@mantine/core"; +import { useRouter } from "next/navigation"; +import { useState } from "react"; +import { AiOutlineFileSync } from "react-icons/ai"; +import { BsFiletypeCsv } from "react-icons/bs"; +import { IoIosArrowDropright } from "react-icons/io"; + +export default function ViewUpdateProgressDivisionTask({ searchParams }: { searchParams: any }) { + const router = useRouter(); + const [openDrawer, setOpenDrawer] = useState(false); + return ( + + + + + setOpenDrawer(true)} + > + Upload File + + + + + + router.push("/task/update/1?page=detail-date-task") + } + > + Tambah Tanggal & Tugas + + + + + Tanggal & Tugas + + + + +
+ +
+ + + + + + Laporan Permasyarakatan + + + + + + Tanggal Mulai + + 16 Juni 2024 + + + + Tanggal Berakhir + + 20 Juni 2024 + + + + + + + {searchParams.tugas == "yes" && ( + <> + + +
+ +
+ + + + + + Laporan Dua + + + + + + Tanggal Mulai + + 21 Juni 2024 + + + + Tanggal Berakhir + + 30 Juni 2024 + + + + + + + + )} + + + + File + + + + + + Proyek Laporan Permasyarakatan + + + + + + Proyek Laporan Permasyarakatan + + + + + + + + + setOpenDrawer(false)} + title={"Pilih File"} + > + + ""}> + +
+ +
+ + + Pilih file + + diperangkat + + + router.push("/task/update/1?page=upload-progres") + } + > + +
+ +
+ + + Pilih file yang + + sudah ada + + + + + ) +} \ No newline at end of file diff --git a/src/module/division_new/index.ts b/src/module/division_new/index.ts index a187653..2affeb4 100644 --- a/src/module/division_new/index.ts +++ b/src/module/division_new/index.ts @@ -1,4 +1,6 @@ +import ViewDetailDivisionTask from "./_division_fitur/task/view/view_detail_division_task"; import ViewDivisionTask from "./_division_fitur/task/view/view_division_task"; +import ViewUpdateProgressDivisionTask from "./_division_fitur/task/view/view_update_progress_division_task"; import CreateAdminDivision from "./components/create_admin_division"; import CreateUsers from "./components/create_users"; import ViewCreateDivision from "./view/view_create_division"; @@ -12,4 +14,6 @@ export { CreateUsers } export { CreateAdminDivision } export { ViewCreateReport } export { ViewDetailDivision } -export { ViewDivisionTask } \ No newline at end of file +export { ViewDivisionTask } +export { ViewDetailDivisionTask } +export { ViewUpdateProgressDivisionTask } \ No newline at end of file diff --git a/src/module/project/index.ts b/src/module/project/index.ts index ef86c59..4e86bf5 100644 --- a/src/module/project/index.ts +++ b/src/module/project/index.ts @@ -8,6 +8,7 @@ import ViewUpdateProgres from "./view/view_update_progres"; import DetailCreateUserProject from "./components/detail_project/detail_create_user_project"; import DetailDateEndTask from "./components/detail_project/detail_date_end_task"; import DetailFileSave from "./components/detail_project/detail_file_save"; +import FileUploadProgres from "./components/detail_project/file_upload_progres"; export { ViewProject } export { ViewCreateProject } @@ -18,4 +19,5 @@ export { ViewDetailProject } export { ViewUpdateProgres } export { DetailCreateUserProject } export { DetailDateEndTask } -export { DetailFileSave } \ No newline at end of file +export { DetailFileSave } +export { FileUploadProgres } \ No newline at end of file