Merge branch 'join' into lukman/15-juli-2024

src/module/division_new/_division_fitur/task/component/create_task.tsx

@@ -0,0 +1,130 @@
+"use client";
+import { LayoutDrawer, LayoutNavbarNew, WARNA } from "@/module/_global";
+import { Box, Button, Center, Flex, Group, Input, Stack, Text } from "@mantine/core";
+import { useRouter } from "next/navigation";
+import React, { useState } from "react";
+import { IoIosArrowDropright } from "react-icons/io";
+import { BsFiletypeCsv } from "react-icons/bs";
+import ResultsDateAndTask from "@/module/project/components/results_date-and_task";
+import ResultsFile from "@/module/project/components/results_file";
+
+export default function CreateTask({ searchParams }: { searchParams: any }) {
+  const router = useRouter();
+  const [openDrawer, setOpenDrawer] = useState(false);
+  return (
+    <Box>
+      <LayoutNavbarNew back="" title="tambah tugas" menu />
+      <Box p={20}>
+        <Stack>
+          <Input
+            styles={{
+              input: {
+                border: `1px solid ${"#D6D8F6"}`,
+                borderRadius: 10,
+              },
+            }}
+            placeholder="Nama Proyek"
+            size="md"
+          />
+          <Box onClick={() => router.push("/task/create?page=task")}>
+            <Group
+              justify="space-between"
+              p={10}
+              style={{
+                border: `1px solid ${"#D6D8F6"}`,
+                borderRadius: 10,
+              }}
+            >
+              <Text>Tambah Tanggal & Tugas</Text>
+              <IoIosArrowDropright size={25} />
+            </Group>
+          </Box>
+          <Group
+            justify="space-between"
+            p={10}
+            style={{
+              border: `1px solid ${"#D6D8F6"}`,
+              borderRadius: 10,
+            }}
+            onClick={() => setOpenDrawer(true)}
+          >
+            <Text>Upload File</Text>
+            <IoIosArrowDropright size={25} />
+          </Group>
+        </Stack>
+        {
+          (searchParams.anggota == 'yes') &&
+          <>
+            <ResultsDateAndTask />
+          </>
+        }
+
+        {(searchParams.files == 'yes') &&
+          <>
+            <ResultsFile />
+          </>
+        }
+
+        {
+          (searchParams.button == 'yes') &&
+          <>
+            <Box mt="xl">
+              <Button color="white" bg={WARNA.biruTua} size="lg" radius={30} fullWidth onClick={() => router.push('/task')}>
+                Simpan
+              </Button>
+            </Box>
+          </>
+        }
+
+
+      </Box>
+
+
+
+      <LayoutDrawer
+        opened={openDrawer}
+        onClose={() => setOpenDrawer(false)}
+        title={"Pilih File"}
+      >
+        <Flex justify={"space-around"}>
+          <Box onClick={() => ""}>
+            <Box
+              bg={"#DCEED8"}
+              style={{
+                border: `1px solid ${"#D6D8F6"}`,
+                padding: 20,
+                borderRadius: 10,
+              }}
+            >
+              <Center>
+                <BsFiletypeCsv size={40} />
+              </Center>
+            </Box>
+            <Text mt={10} ta={"center"}>
+              Pilih file
+            </Text>
+            <Text ta={"center"}>diperangkat</Text>
+          </Box>
+          <Box onClick={() => router.push("/task/create?page=file-save")}>
+            <Box
+              bg={"#DCEED8"}
+              style={{
+                border: `1px solid ${"#D6D8F6"}`,
+                padding: 20,
+                borderRadius: 10,
+              }}
+            >
+              <Center>
+                <BsFiletypeCsv size={40} />
+              </Center>
+            </Box>
+            <Text mt={10} ta={"center"}>
+              Pilih file yang
+            </Text>
+            <Text ta={"center"}>sudah ada</Text>
+          </Box>
+        </Flex>
+      </LayoutDrawer>
+    </Box >
+  );
+}

src/module/division_new/_division_fitur/task/view/view_create_division_task.tsx

@@ -0,0 +1,7 @@
+import CreateTask from "../component/create_task";
+
+export default function ViewCreateTaskDivision({ searchParams }: { searchParams: any }) {
+   return (
+      <CreateTask searchParams={searchParams} />
+   );
+}

src/module/division_new/index.ts

@@ -1,5 +1,6 @@
 import ViewCreateDivisionCalender from "./_division_fitur/calender/view/view_create_division_calender";
 import ViewDivisionCalender from "./_division_fitur/calender/view/view_division_calender";
+import ViewCreateTaskDivision from "./_division_fitur/task/view/view_create_division_task";
 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";
@@ -20,4 +21,5 @@ export { ViewDivisionTask }
 export { ViewDetailDivisionTask }
 export { ViewUpdateProgressDivisionTask }
 export { ViewDivisionCalender }
-export { ViewCreateDivisionCalender }
+export { ViewCreateDivisionCalender }
+export { ViewCreateTaskDivision }