wibu/sistem-desa-mandiri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Moh Alif Al Lukman
2024-07-15 12:34:08 +08:00
committed by GitHub
parent 97ceb034bc 4629fb778c
commit abe2f2916b
16 changed files with 305 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
src/module/division_new/_division_fitur/task/component/create_task.tsx Normal file
View File

@@ -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 >
);
}

7
src/module/division_new/_division_fitur/task/view/view_create_division_task.tsx Normal file
View File

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

4
src/module/division_new/index.ts
View File

@@ -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 }

8
src/module/project/components/create_date_end_task.tsx
View File

@@ -50,13 +50,13 @@ const dataTugas = [
},
];
export default function ViewDateEndTask() {
export default function ViewDateEndTask({ kategori }: { kategori: string }) {
const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
const router = useRouter()
return (
<Box>
<LayoutNavbarNew back="/project/create" title={"Tanggal Tugas"} menu />
<LayoutNavbarNew back="" title={"Tanggal Tugas"} menu />
<Box p={20}>
<Group
justify="center"
@@ -108,7 +108,7 @@ export default function ViewDateEndTask() {
placeholder="Input Nama Tahapan"
size="md"
/>
<Box onClick={() => router.push('/project/create?page=create-users')}>
<Box onClick={() => router.push(`/${kategori}/create?page=create-users`)}>
<Group
justify="space-between"
p={10}
@@ -176,7 +176,7 @@ export default function ViewDateEndTask() {
size="lg"
radius={30}
fullWidth
onClick={() => router.push('/project/create?anggota=yes')}
onClick={() => router.push(`/${kategori}/create?anggota=yes`)}
>
Simpan
</Button>

6
src/module/project/components/create_users_project.tsx
View File

@@ -43,12 +43,12 @@ const DateUsers = [
},
];
export default function CreateUsersProject() {
export default function CreateUsersProject({ kategori }: { kategori: string }) {
const router = useRouter()
return (
<Box>
<LayoutNavbarNew
back="/project/create?page=task"
back=""
title="Pilih Anggota"
menu
/>
@@ -103,7 +103,7 @@ export default function CreateUsersProject() {
size="lg"
radius={30}
fullWidth
onClick={() => router.push('/project/create?page=task')}
onClick={() => router.push(`/${kategori}/create?page=task`)}
>
Simpan
</Button>

6
src/module/project/components/detail_project/detail_create_user_project.tsx
View File

@@ -43,13 +43,13 @@ const DateUsers = [
},
];
export default function DetailCreateUserProject() {
export default function DetailCreateUserProject({ kategori }: { kategori: string }) {
const router = useRouter();
return (
<Box>
<LayoutNavbarNew
back="/project/update-detail?page=detail-date-task"
back=""
title="Pilih Anggota"
menu
/>
@@ -104,7 +104,7 @@ export default function DetailCreateUserProject() {
size="lg"
radius={30}
fullWidth
onClick={() => router.push("/project/update-detail?page=detail-date-task")}
onClick={() => router.push(`/${kategori}/update/1?page=detail-date-task`)}
>
Simpan
</Button>

236
src/module/project/components/detail_project/detail_date_end_task.tsx
View File

@@ -50,138 +50,138 @@ const dataTugas = [
},
];
export default function DetailDateEndTask() {
export default function DetailDateEndTask({ kategori }: { kategori: string }) {
const [value, setValue] = useState<[Date | null, Date | null]>([null, null]);
const router = useRouter()
return (
<Box>
<LayoutNavbarNew back="/project/update-detail" title={"Tanggal Tugas"} menu />
<Box p={20}>
<Group
justify="center"
bg={"white"}
py={20}
style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }}
>
<DatePicker
styles={{}}
type="range"
value={value}
onChange={setValue}
size="md"
c={WARNA.biruTua}
/>
</Group>
<SimpleGrid cols={{ base: 2, sm: 2, lg: 2 }} mt={20}>
<Box>
<Text>Tanggal Mulai</Text>
<Group
justify="center"
bg={"white"}
h={45}
style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }}
>
<Text>{value[0] ? `${value[0].toLocaleDateString()}` : ""}</Text>
</Group>
</Box>
<Box>
<Text c={WARNA.biruTua}>Tanggal Berakhir</Text>
<Group
justify="center"
bg={"white"}
h={45}
style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }}
>
<Text>{value[1] ? `${value[1].toLocaleDateString()}` : ""}</Text>
</Group>
</Box>
</SimpleGrid>
<Stack pt={15}>
<Input
styles={{
input: {
border: `1px solid ${"#D6D8F6"}`,
borderRadius: 10,
},
}}
placeholder="Input Nama Tahapan"
size="md"
/>
<Box onClick={() => router.push('/project/update-detail?page=detail-create-user')}>
<Group
justify="space-between"
p={10}
style={{
border: `1px solid ${"#D6D8F6"}`,
borderRadius: 10,
}}
>
<Text c={WARNA.biruTua}>Tambah Anggota</Text>
<IoIosArrowDropright size={25} />
</Group>
</Box>
</Stack>
<Box pt={30}>
<Group justify="space-between">
<Text c={WARNA.biruTua}>Anggota Terpilih</Text>
<Text c={WARNA.biruTua}>Total 10 Anggota</Text>
<LayoutNavbarNew back="" title={"Tanggal Tugas"} menu />
<Box p={20}>
<Group
justify="center"
bg={"white"}
py={20}
style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }}
>
<DatePicker
styles={{}}
type="range"
value={value}
onChange={setValue}
size="md"
c={WARNA.biruTua}
/>
</Group>
<Box pt={10}>
<Box mb={20}>
<Box
<SimpleGrid cols={{ base: 2, sm: 2, lg: 2 }} mt={20}>
<Box>
<Text>Tanggal Mulai</Text>
<Group
justify="center"
bg={"white"}
h={45}
style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }}
>
<Text>{value[0] ? `${value[0].toLocaleDateString()}` : ""}</Text>
</Group>
</Box>
<Box>
<Text c={WARNA.biruTua}>Tanggal Berakhir</Text>
<Group
justify="center"
bg={"white"}
h={45}
style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }}
>
<Text>{value[1] ? `${value[1].toLocaleDateString()}` : ""}</Text>
</Group>
</Box>
</SimpleGrid>
<Stack pt={15}>
<Input
styles={{
input: {
border: `1px solid ${"#D6D8F6"}`,
borderRadius: 10,
},
}}
placeholder="Input Nama Tahapan"
size="md"
/>
<Box onClick={() => router.push(`/${kategori}/update/1?page=detail-create-user`)}>
<Group
justify="space-between"
p={10}
style={{
border: `1px solid ${"#C7D6E8"}`,
border: `1px solid ${"#D6D8F6"}`,
borderRadius: 10,
}}
px={20}
py={10}
>
<Text c={WARNA.biruTua} fw={"bold"}>
Divisi Kerohanian
</Text>
{dataTugas.map((v, i) => {
return (
<Flex
justify={"space-between"}
align={"center"}
mt={20}
key={i}
>
<Group>
<Avatar src={v.image} alt="it's me" size="lg" />
<Box>
<Text c={WARNA.biruTua} fw={"bold"}>
{v.name}
</Text>
<Text c={"#5A687D"} fz={14}>
{v.email}
</Text>
</Box>
</Group>
<Text c={WARNA.biruTua} fw={"bold"}>
Anggota
</Text>
</Flex>
);
})}
<Text c={WARNA.biruTua}>Tambah Anggota</Text>
<IoIosArrowDropright size={25} />
</Group>
</Box>
</Stack>
<Box pt={30}>
<Group justify="space-between">
<Text c={WARNA.biruTua}>Anggota Terpilih</Text>
<Text c={WARNA.biruTua}>Total 10 Anggota</Text>
</Group>
<Box pt={10}>
<Box mb={20}>
<Box
style={{
border: `1px solid ${"#C7D6E8"}`,
borderRadius: 10,
}}
px={20}
py={10}
>
<Text c={WARNA.biruTua} fw={"bold"}>
Divisi Kerohanian
</Text>
{dataTugas.map((v, i) => {
return (
<Flex
justify={"space-between"}
align={"center"}
mt={20}
key={i}
>
<Group>
<Avatar src={v.image} alt="it's me" size="lg" />
<Box>
<Text c={WARNA.biruTua} fw={"bold"}>
{v.name}
</Text>
<Text c={"#5A687D"} fz={14}>
{v.email}
</Text>
</Box>
</Group>
<Text c={WARNA.biruTua} fw={"bold"}>
Anggota
</Text>
</Flex>
);
})}
</Box>
</Box>
</Box>
</Box>
</Box>
<Box mt={"xl"}>
<Button
c={"white"}
bg={WARNA.biruTua}
size="lg"
radius={30}
fullWidth
onClick={() => router.push('/project/update-detail?tugas=yes')}
>
Simpan
</Button>
<Box mt={"xl"}>
<Button
c={"white"}
bg={WARNA.biruTua}
size="lg"
radius={30}
fullWidth
onClick={() => router.push(`/${kategori}/update/1?tugas=yes`)}
>
Simpan
</Button>
</Box>
</Box>
</Box>
</Box>
);
}

2
src/module/project/components/detail_project/detail_project.tsx
View File

@@ -69,7 +69,7 @@ export default function DetailProject() {
size="lg"
radius="lg"
aria-label="Settings"
onClick={() => router.push("/project/update-detail")}
onClick={() => router.push("/project/update/1")}
>
<LuClipboardEdit size={20} color="white" />
</ActionIcon>

6
src/module/project/components/detail_project/file_upload_progres.tsx
View File

@@ -33,7 +33,7 @@ const dataFile = [
];
export default function FileUploadProgres() {
export default function FileUploadProgres({ kategori }: { kategori: string }) {
const router = useRouter()
const [selectedFiles, setSelectedFiles] = useState<Record<number, boolean>>({});
@@ -46,7 +46,7 @@ export default function FileUploadProgres() {
return (
<Box>
<LayoutNavbarNew back="/project/create" title="File Tersimpan" menu />
<LayoutNavbarNew back="" title="File Tersimpan" menu />
<Box p={20}>
<SimpleGrid
cols={{ base: 2, sm: 2, lg: 2 }}
@@ -78,7 +78,7 @@ export default function FileUploadProgres() {
})}
</SimpleGrid>
<Box mt="xl">
<Button color="white" bg={WARNA.biruTua} size="lg" radius={30} fullWidth onClick={() => router.push('/project/update-detail')}>
<Button color="white" bg={WARNA.biruTua} size="lg" radius={30} fullWidth onClick={() => router.push(`/${kategori}/update/1`)}>
Simpan
</Button>
</Box>

4
src/module/project/components/detail_project/update_progres.tsx
View File

@@ -49,7 +49,7 @@ export default function UpdateProgres({ searchParams }: { searchParams: any }) {
borderRadius: 10,
}}
onClick={() =>
router.push("/project/update-detail?page=detail-date-task")
router.push("/project/update/1?page=detail-date-task")
}
>
<Text>Tambah Tanggal & Tugas</Text>
@@ -256,7 +256,7 @@ export default function UpdateProgres({ searchParams }: { searchParams: any }) {
</Box>
<Box
onClick={() =>
router.push("/project/update-detail?page=upload-progres")
router.push("/project/update/1?page=upload-progres")
}
>
<Box

6
src/module/project/components/file_save.tsx
View File

@@ -33,7 +33,7 @@ const dataFile = [
];
export default function FileSave() {
export default function FileSave({ kategori }: { kategori: string }) {
const router = useRouter()
const [selectedFiles, setSelectedFiles] = useState<Record<number, boolean>>({});
@@ -46,7 +46,7 @@ export default function FileSave() {
return (
<Box>
<LayoutNavbarNew back="/project/create" title="File Tersimpan" menu />
<LayoutNavbarNew back="" title="File Tersimpan" menu />
<Box p={20}>
<SimpleGrid
cols={{ base: 2, sm: 2, lg: 2 }}
@@ -78,7 +78,7 @@ export default function FileSave() {
})}
</SimpleGrid>
<Box mt="xl">
<Button color="white" bg={WARNA.biruTua} size="lg" radius={30} fullWidth onClick={() => router.push('/project/create?anggota=yes&files=yes&button=yes')}>
<Button color="white" bg={WARNA.biruTua} size="lg" radius={30} fullWidth onClick={() => router.push(`/${kategori}/create?anggota=yes&files=yes&button=yes`)}>
Simpan
</Button>
</Box>

4
src/module/project/view/view_file_save.tsx
View File

@@ -1,9 +1,9 @@
import React from 'react';
import FileSave from '../components/file_save';
export default function ViewFileSave() {
export default function ViewFileSave({ kategori }: { kategori: string }) {
return (
<FileSave/>
<FileSave kategori={kategori} />
);
}