diff --git a/src/app/(application)/division/create-anggota/[id]/page.tsx b/src/app/(application)/division/create-anggota/[id]/page.tsx new file mode 100644 index 0000000..d881db6 --- /dev/null +++ b/src/app/(application)/division/create-anggota/[id]/page.tsx @@ -0,0 +1,10 @@ +import { ViewCreateAnggotaDivision } from "@/module/division_new"; + + +function Page() { + return ( + + ) +} + +export default Page; \ No newline at end of file diff --git a/src/app/(application)/division/edit-anggota/[id]/page.tsx b/src/app/(application)/division/edit-anggota/[id]/page.tsx deleted file mode 100644 index 152b0d8..0000000 --- a/src/app/(application)/division/edit-anggota/[id]/page.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import { ViewEditAnggotaDivision } from "@/module/division_new"; - -function Page() { - return ( - - ) -} - -export default Page; \ No newline at end of file diff --git a/src/module/division_new/components/information_division.tsx b/src/module/division_new/components/information_division.tsx index 62f5509..841b907 100644 --- a/src/module/division_new/components/information_division.tsx +++ b/src/module/division_new/components/information_division.tsx @@ -1,25 +1,135 @@ -import { LayoutNavbarNew, WARNA } from '@/module/_global'; -import { Box, Text, Title } from '@mantine/core'; -import React from 'react'; +"use client" +import { LayoutDrawer, LayoutNavbarNew, WARNA } from '@/module/_global'; +import { ActionIcon, Avatar, Box, Button, Divider, Flex, Group, Modal, SimpleGrid, Text, Title } from '@mantine/core'; +import { useRouter } from 'next/navigation'; +import React, { useState } from 'react'; +import { AiOutlineUserAdd } from 'react-icons/ai'; +import { FaUserTie } from 'react-icons/fa6'; +import { HiUserAdd } from 'react-icons/hi'; +import { IoIosCloseCircle } from 'react-icons/io'; +import { LuClipboardEdit } from 'react-icons/lu'; +import { MdAccountCircle } from 'react-icons/md'; + +const dataUser = [ + { + id: 1, + img: "https://i.pravatar.cc/1000?img=3", + name: "Doni Setiawan", + role: "Admin" + }, + { + id: 2, + img: "https://i.pravatar.cc/1000?img=10", + name: "Ilham Udin", + role: "Anggota" + }, + { + id: 3, + img: "https://i.pravatar.cc/1000?img=11", + name: "Didin Anang", + role: "Anggota" + }, + { + id: 4, + img: "https://i.pravatar.cc/1000?img=21", + name: "Angga Saputra", + role: "Anggota" + }, + { + id: 5, + img: "https://i.pravatar.cc/1000?img=32", + name: "Marcel Widianto", + role: "Anggota" + }, + { + id: 6, + img: "https://i.pravatar.cc/1000?img=37", + name: "Bagas Nusantara", + role: "Anggota" + }, +]; export default function InformationDivision() { + const router = useRouter() + const [openDrawer, setDrawer] = useState(false) return ( - { + router.push('/division/edit/1') + }} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings"> + + } /> - DIVISI KEROHANIAN + + Deskripsi Divisi + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the 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. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. + + - Deskripsi - - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the 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. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. + + 20 Anggota + + + router.push('/division/create-anggota/1')}> + + + + Tambah Anggota + + + + + {dataUser.map((v, i) => { + return ( + + setDrawer(true)} + > + + + + + {v.name} + + + + + {v.role} + + + + + + + ); + })} + + + setDrawer(false)} title=""> + + + + + + Jadikan Admin + + + + + + Keluarkan dari Group + + + ); } diff --git a/src/module/division_new/components/report_division_id.tsx b/src/module/division_new/components/report_division_id.tsx new file mode 100644 index 0000000..28d5d23 --- /dev/null +++ b/src/module/division_new/components/report_division_id.tsx @@ -0,0 +1,80 @@ +"use client" +import { LayoutNavbarNew, WARNA } from '@/module/_global'; +import { Box, Stack } from '@mantine/core'; +import { DateInput } from '@mantine/dates'; +import React, { useState } from 'react'; +import EchartPaiReport from './echart_pai_report'; +import EchartBarReport from './echart_bar_report'; +import EventReport from './event_report'; +import DiscussionReport from './discussion_report'; + +export default function ReportDivisionId() { + const [value, setValue] = useState(null); + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +} + diff --git a/src/module/division_new/components/ui/drawer_detail_division.tsx b/src/module/division_new/components/ui/drawer_detail_division.tsx index 2948fd8..9504c3c 100644 --- a/src/module/division_new/components/ui/drawer_detail_division.tsx +++ b/src/module/division_new/components/ui/drawer_detail_division.tsx @@ -12,7 +12,7 @@ export default function DrawerDetailDivision() { router.push('/division/info/1')} justify={'center'} align={'center'} direction={'column'} > @@ -22,26 +22,6 @@ export default function DrawerDetailDivision() { Informasi Divisi - { - router.push('/division/edit/1') - }} justify={'center'} align={'center'} direction={'column'} > - - - - - Edit Divisi - - - { - router.push('/division/edit-anggota/1') - }} justify={'center'} align={'center'} direction={'column'} > - - - - - Edit Anggota - - { router.push('/division/report/1') }} justify={'center'} align={'center'} direction={'column'} > diff --git a/src/module/division_new/index.ts b/src/module/division_new/index.ts index 6c7bc0e..a3afa92 100644 --- a/src/module/division_new/index.ts +++ b/src/module/division_new/index.ts @@ -18,40 +18,40 @@ 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 ViewCreateAnggotaDivision from "./view/view_create_anggota_division"; import ViewCreateDivision from "./view/view_create_division"; import ViewCreateReport from "./view/view_create_report"; import ViewDetailDivision from "./view/view_detail_division"; import ViewDivision from "./view/view_division"; -import ViewEditAnggotaDivision from "./view/view_edit_anggota_division"; import ViewEditDivision from "./view/view_edit_division"; import ViewInformationDivision from "./view/view_Information_division"; import ViewReportDivision from "./view/view_report_division"; -export { ViewDivision } -export { ViewCreateDivision } -export { CreateUsers } -export { CreateAdminDivision } -export { ViewCreateReport } -export { ViewDetailDivision } -export { ViewDivisionTask } -export { ViewDetailDivisionTask } -export { ViewUpdateProgressDivisionTask } -export { ViewDivisionCalender } -export { ViewCreateDivisionCalender } -export { ViewCreateTaskDivision } -export { UlangiEvent } -export { CreateUserDivisionCalender } -export { ViewHistoryDivisionCalender } -export { ViewDetailEventDivision } -export { ViewUpdateDivisionCalender } -export { UpdateUserDivisionCalender } -export { UpdateUlangiEvent } -export { ViewListDiscussion } -export { ViewCreateDiscussion } -export { ViewDetailDiscussion } -export { ViewEditDiscussion } -export { ViewDocumentDivision } -export { ViewReportDivision } -export { ViewInformationDivision } -export { ViewEditDivision } -export { ViewEditAnggotaDivision } +export { ViewDivision }; +export { ViewCreateDivision }; +export { CreateUsers }; +export { CreateAdminDivision }; +export { ViewCreateReport }; +export { ViewDetailDivision }; +export { ViewDivisionTask }; +export { ViewDetailDivisionTask }; +export { ViewUpdateProgressDivisionTask }; +export { ViewDivisionCalender }; +export { ViewCreateDivisionCalender }; +export { ViewCreateTaskDivision }; +export { UlangiEvent }; +export { CreateUserDivisionCalender }; +export { ViewHistoryDivisionCalender }; +export { ViewDetailEventDivision }; +export { ViewUpdateDivisionCalender }; +export { UpdateUserDivisionCalender }; +export { UpdateUlangiEvent }; +export { ViewListDiscussion }; +export { ViewCreateDiscussion }; +export { ViewDetailDiscussion }; +export { ViewEditDiscussion }; +export { ViewDocumentDivision }; +export { ViewReportDivision }; +export { ViewInformationDivision }; +export { ViewEditDivision }; +export { ViewCreateAnggotaDivision }; diff --git a/src/module/division_new/view/view_create_anggota_division.tsx b/src/module/division_new/view/view_create_anggota_division.tsx new file mode 100644 index 0000000..c0ad3af --- /dev/null +++ b/src/module/division_new/view/view_create_anggota_division.tsx @@ -0,0 +1,108 @@ +"use client" +import { LayoutNavbarNew, WARNA } from '@/module/_global'; +import { Avatar, Box, Button, Divider, Group, Stack, Text, TextInput } from '@mantine/core'; +import { useRouter } from 'next/navigation'; +import React, { useState } from 'react'; +import { FaCheck } from 'react-icons/fa6'; +import { HiMagnifyingGlass } from 'react-icons/hi2'; + +const dataUser = [ + { + id: 1, + img: "https://i.pravatar.cc/1000?img=3", + name: "Doni Setiawan", + }, + { + id: 2, + img: "https://i.pravatar.cc/1000?img=10", + name: "Ilham Udin", + }, + { + id: 3, + img: "https://i.pravatar.cc/1000?img=11", + name: "Didin Anang", + }, + { + id: 4, + img: "https://i.pravatar.cc/1000?img=21", + name: "Angga Saputra", + }, + { + id: 5, + img: "https://i.pravatar.cc/1000?img=32", + name: "Marcel Widianto", + }, + { + id: 6, + img: "https://i.pravatar.cc/1000?img=37", + name: "Bagas Nusantara", + }, +]; + +export default function ViewCreateAnggotaDivision() { + const router = useRouter() + const [selectedFiles, setSelectedFiles] = useState>({}); + + const handleFileClick = (index: number) => { + setSelectedFiles((prevSelectedFiles) => ({ + ...prevSelectedFiles, + [index]: !prevSelectedFiles[index], + })); + }; + return ( + + + + + } + placeholder="Pencarian" + /> + + + {dataUser.map((v, index) => { + const isSelected = selectedFiles[index]; + return ( + handleFileClick(index)}> + + + + {v.name} + + {isSelected ? : null} + + + + + + ) + })} + + + + + + + ); +} + diff --git a/src/module/division_new/view/view_edit_anggota_division.tsx b/src/module/division_new/view/view_edit_anggota_division.tsx deleted file mode 100644 index 9d67909..0000000 --- a/src/module/division_new/view/view_edit_anggota_division.tsx +++ /dev/null @@ -1,10 +0,0 @@ -import React from 'react'; - -export default function ViewEditAnggotaDivision() { - return ( -
- ViewEditAnggotaDivision -
- ); -} - diff --git a/src/module/division_new/view/view_edit_division.tsx b/src/module/division_new/view/view_edit_division.tsx index d6b6609..2a720f9 100644 --- a/src/module/division_new/view/view_edit_division.tsx +++ b/src/module/division_new/view/view_edit_division.tsx @@ -1,10 +1,46 @@ +"use client" +import { LayoutNavbarNew, WARNA } from '@/module/_global'; +import { Box, Button, Select, Stack, Textarea, TextInput } from '@mantine/core'; import React from 'react'; export default function ViewEditDivision() { return ( -
- ViewEditDivision -
+ + + + +