diff --git a/src/module/division_new/components/create_admin_division.tsx b/src/module/division_new/components/create_admin_division.tsx
new file mode 100644
index 0000000..2811208
--- /dev/null
+++ b/src/module/division_new/components/create_admin_division.tsx
@@ -0,0 +1,9 @@
+import React from 'react';
+import NavbarAdminDivision from './ui/navbar_admin_division';
+
+export default function CreateAdminDivision() {
+ return (
+
+ );
+}
+
diff --git a/src/module/division_new/components/create_division.tsx b/src/module/division_new/components/create_division.tsx
new file mode 100644
index 0000000..0409d7a
--- /dev/null
+++ b/src/module/division_new/components/create_division.tsx
@@ -0,0 +1,143 @@
+"use client";
+import { LayoutNavbarNew, WARNA } from "@/module/_global";
+import {
+ Avatar,
+ Box,
+ Button,
+ Flex,
+ Group,
+ Select,
+ Stack,
+ Text,
+ Textarea,
+ TextInput,
+} from "@mantine/core";
+import { useRouter } from "next/navigation";
+import React from "react";
+import { IoIosArrowDropright } from "react-icons/io";
+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 CreateDivision() {
+ const router = useRouter();
+ return (
+
+
+
+
+
+
+
+ router.push("/division/create?page=anggota")}>
+
+ Tambah Anggota
+
+
+
+
+
+ Anggota Terpilih
+ Total 10 Anggota
+
+
+
+
+ {dataUser.map((v, i) => {
+ return (
+
+
+
+
+
+ {v.name}
+
+
+
+
+ Anggota
+
+
+ );
+ })}
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/module/division_new/components/create_report.tsx b/src/module/division_new/components/create_report.tsx
new file mode 100644
index 0000000..432d043
--- /dev/null
+++ b/src/module/division_new/components/create_report.tsx
@@ -0,0 +1,35 @@
+"use client"
+import { LayoutNavbarNew } from '@/module/_global';
+import { Box, Select, Stack } from '@mantine/core';
+import { DateInput } from '@mantine/dates';
+import React, { useState } from 'react';
+
+export default function CreateReport() {
+ const [value, setValue] = useState(null);
+ return (
+
+
+
+
+
+
+
+
+
+ );
+}
+
diff --git a/src/module/division_new/components/create_users.tsx b/src/module/division_new/components/create_users.tsx
new file mode 100644
index 0000000..55f4ecf
--- /dev/null
+++ b/src/module/division_new/components/create_users.tsx
@@ -0,0 +1,9 @@
+import React from 'react';
+import NavbarCreateUsers from './ui/navbar_create_users';
+
+export default function CreateUsers() {
+ return (
+
+ );
+}
+
diff --git a/src/module/division_new/components/detail_division/carousel_division.tsx b/src/module/division_new/components/detail_division/carousel_division.tsx
new file mode 100644
index 0000000..315fb6b
--- /dev/null
+++ b/src/module/division_new/components/detail_division/carousel_division.tsx
@@ -0,0 +1,37 @@
+'use client'
+import React, { useRef } from 'react';
+import { Carousel } from '@mantine/carousel';
+import { WARNA } from '@/module/_global';
+import Autoplay from 'embla-carousel-autoplay';
+import { Flex, Text } from '@mantine/core';
+export default function CarouselDivision() {
+ const autoplay = useRef(Autoplay({ delay: 5000 }));
+ return (
+ <>
+
+
+
+ INFORMASI DARMASABA
+
+
+
+
+ INFORMASI DARMASABA
+
+
+
+
+ INFORMASI DARMASABA
+
+
+
+
+ );
+}
+
diff --git a/src/module/division_new/components/detail_division/detail_division.tsx b/src/module/division_new/components/detail_division/detail_division.tsx
new file mode 100644
index 0000000..e6b29d1
--- /dev/null
+++ b/src/module/division_new/components/detail_division/detail_division.tsx
@@ -0,0 +1,20 @@
+import { Box, Stack } from '@mantine/core';
+import React from 'react';
+import CarouselDivision from './carousel_division';
+import { LayoutNavbarNew } from '@/module/_global';
+import FeatureDetailDivision from './feature_detail_division';
+
+export default function DetailDivision() {
+ return (
+
+
+
+
+
+
+
+
+
+ );
+}
+
diff --git a/src/module/division_new/components/detail_division/feature_detail_division.tsx b/src/module/division_new/components/detail_division/feature_detail_division.tsx
new file mode 100644
index 0000000..34e5153
--- /dev/null
+++ b/src/module/division_new/components/detail_division/feature_detail_division.tsx
@@ -0,0 +1,131 @@
+"use client"
+import { WARNA } from '@/module/_global';
+import { ActionIcon, Box, Center, Grid, Group, SimpleGrid, Text } from '@mantine/core';
+import React from 'react';
+import { HiMiniUserGroup } from 'react-icons/hi2';
+import { IoIosArrowRoundForward } from 'react-icons/io';
+import { LuClipboardEdit } from "react-icons/lu";
+import { GoCommentDiscussion } from "react-icons/go";
+import { BsFileEarmarkText } from "react-icons/bs";
+import { IoCalendarOutline } from "react-icons/io5";
+import { LuFileSignature } from "react-icons/lu";
+import { useRouter } from 'next/navigation';
+
+export default function FeatureDetailDivision() {
+ const router = useRouter()
+ return (
+
+ Features
+
+ router.push('/task')}>
+
+
+
+
+
+
+
+ Tugas
+
+ 23 Tugas
+
+
+
+
+
+ router.push('/documents')}>
+
+
+
+
+
+
+
+ Dokumen
+
+ 23 Tugas
+
+
+
+
+
+ router.push('/discussion')}>
+
+
+
+
+
+
+
+ Diskusi
+
+ 23 Tugas
+
+
+
+
+
+ router.push('/calender')}>
+
+
+
+
+
+
+
+ Kalender
+
+ 23 Tugas
+
+
+
+
+
+
+
+ );
+}
+
+
diff --git a/src/module/division_new/components/ui/drawer_division.tsx b/src/module/division_new/components/ui/drawer_division.tsx
index 4a194dd..dc2bf74 100644
--- a/src/module/division_new/components/ui/drawer_division.tsx
+++ b/src/module/division_new/components/ui/drawer_division.tsx
@@ -8,14 +8,14 @@ import { IoAddCircle } from 'react-icons/io5';
import { TbReportAnalytics } from "react-icons/tb";
export default function DrawerDivision() {
- const router = useRouter()
+ const router = useRouter()
return (
- ""} justify={'center'} align={'center'} direction={'column'} >
+ router.push('/division/create')} justify={'center'} align={'center'} direction={'column'} >
@@ -23,7 +23,9 @@ export default function DrawerDivision() {
Tambah Proyek
- ""} justify={'center'} align={'center'} direction={'column'} >
+ {
+ router.push('/division?page=filter')
+ }} justify={'center'} align={'center'} direction={'column'} >
@@ -31,7 +33,9 @@ export default function DrawerDivision() {
Filter
- ""} justify={'center'} align={'center'} direction={'column'} >
+ {
+ router.push('/division?page=report')
+ }} justify={'center'} align={'center'} direction={'column'} >
diff --git a/src/module/division_new/components/ui/navbar_admin_division.tsx b/src/module/division_new/components/ui/navbar_admin_division.tsx
new file mode 100644
index 0000000..162b6bd
--- /dev/null
+++ b/src/module/division_new/components/ui/navbar_admin_division.tsx
@@ -0,0 +1,98 @@
+"use client"
+import { LayoutNavbarNew, WARNA } from '@/module/_global';
+import { Avatar, Box, Button, Checkbox, Divider, Flex, Group, Stack, Text, TextInput } from '@mantine/core';
+import { useRouter } from 'next/navigation';
+import React from 'react';
+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 NavbarAdminDivision() {
+ const router = useRouter()
+ return (
+
+
+
+ }
+ placeholder="Pencarian"
+ />
+
+ {dataUser.map((v, i) => {
+ return (
+
+
+
+
+
+
+ {v.name}
+
+
+
+
+
+
+
+ );
+ })}
+
+
+
+
+
+
+ );
+}
diff --git a/src/module/division_new/components/ui/navbar_create_users.tsx b/src/module/division_new/components/ui/navbar_create_users.tsx
new file mode 100644
index 0000000..6aeeaad
--- /dev/null
+++ b/src/module/division_new/components/ui/navbar_create_users.tsx
@@ -0,0 +1,120 @@
+"use client"
+import { LayoutNavbarNew, WARNA } from '@/module/_global';
+import { Avatar, Box, Button, Center, Input, SimpleGrid, Stack, Text, TextInput } from '@mantine/core';
+import { useRouter } from 'next/navigation';
+import React, { useState } from 'react';
+import { BsFiletypeCsv } from 'react-icons/bs';
+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 NavbarCreateUsers() {
+ 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}
+
+
+
+ );
+ })}
+
+
+
+
+
+
+
+
+ );
+}
+
diff --git a/src/module/division_new/components/ui/navbar_division.tsx b/src/module/division_new/components/ui/navbar_division.tsx
index b45b26d..5088c5b 100644
--- a/src/module/division_new/components/ui/navbar_division.tsx
+++ b/src/module/division_new/components/ui/navbar_division.tsx
@@ -96,7 +96,7 @@ export default function NavbarDivision() {
{dataDivisi.map((v, i) => {
return (
- router.push(``)}>
+ router.push(`/division/${v.id}`)}>
{
return (
- router.push(`/project/${v.id}`)}>
+ router.push(`/division/${v.id}`)}>
diff --git a/src/module/division_new/index.ts b/src/module/division_new/index.ts
index 636d2ff..36178f2 100644
--- a/src/module/division_new/index.ts
+++ b/src/module/division_new/index.ts
@@ -1,3 +1,13 @@
+import CreateAdminDivision from "./components/create_admin_division";
+import CreateUsers from "./components/create_users";
+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";
-export { ViewDivision }
\ No newline at end of file
+export { ViewDivision }
+export { ViewCreateDivision }
+export { CreateUsers }
+export { CreateAdminDivision }
+export { ViewCreateReport }
+export { ViewDetailDivision }
\ No newline at end of file
diff --git a/src/module/division_new/view/view_create_division.tsx b/src/module/division_new/view/view_create_division.tsx
new file mode 100644
index 0000000..21db4cc
--- /dev/null
+++ b/src/module/division_new/view/view_create_division.tsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import CreateDivision from '../components/create_division';
+
+export default function ViewCreateDivision() {
+ return (
+
+ );
+}
diff --git a/src/module/division_new/view/view_create_report.tsx b/src/module/division_new/view/view_create_report.tsx
new file mode 100644
index 0000000..9ae381b
--- /dev/null
+++ b/src/module/division_new/view/view_create_report.tsx
@@ -0,0 +1,9 @@
+import React from 'react';
+import CreateReport from '../components/create_report';
+
+export default function ViewCreateReport() {
+ return (
+
+ );
+}
+
diff --git a/src/module/division_new/view/view_detail_division.tsx b/src/module/division_new/view/view_detail_division.tsx
new file mode 100644
index 0000000..fe46056
--- /dev/null
+++ b/src/module/division_new/view/view_detail_division.tsx
@@ -0,0 +1,9 @@
+import React from 'react';
+import DetailDivision from '../components/detail_division/detail_division';
+
+export default function ViewDetailDivision() {
+ return (
+
+ );
+}
+