upd: calendar
Deskripsi: - refactor folder manager No Issues
This commit is contained in:
@@ -2,10 +2,6 @@ import { UpdateDivisionCalender } from '@/module/calender';
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
|
|
||||||
function Page({ searchParams }: { searchParams: any }) {
|
function Page({ searchParams }: { searchParams: any }) {
|
||||||
// if (searchParams.page == "update-ulangi-event")
|
|
||||||
// return <UpdateUlangiEvent />
|
|
||||||
// if (searchParams.page == "update-user-calender")
|
|
||||||
// return <UpdateUserDivisionCalender />
|
|
||||||
return (
|
return (
|
||||||
<UpdateDivisionCalender/>
|
<UpdateDivisionCalender/>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -1,139 +0,0 @@
|
|||||||
"use client"
|
|
||||||
import { LayoutNavbarNew, WARNA } from '@/module/_global';
|
|
||||||
import { Box, Button, Group, Input, SimpleGrid, Stack, Text, Textarea, TextInput } from '@mantine/core';
|
|
||||||
import { DateInput, TimeInput } from '@mantine/dates';
|
|
||||||
import React, { useState } from 'react';
|
|
||||||
import { IoIosArrowDropright } from 'react-icons/io';
|
|
||||||
import { useRouter } from 'next/navigation';
|
|
||||||
import LayoutModal from '@/module/_global/layout/layout_modal';
|
|
||||||
import toast from 'react-hot-toast';
|
|
||||||
|
|
||||||
export default function UpdateDivisionCalender() {
|
|
||||||
const [isModal, setModal] = useState(false)
|
|
||||||
|
|
||||||
function onTrue(val: boolean) {
|
|
||||||
if (val) {
|
|
||||||
toast.success("Sukses! Data tersimpan");
|
|
||||||
}
|
|
||||||
setModal(false)
|
|
||||||
}
|
|
||||||
const [value, setValue] = useState<Date | null>(null);
|
|
||||||
const router = useRouter()
|
|
||||||
return (
|
|
||||||
<Box>
|
|
||||||
<LayoutNavbarNew back="/calender" title="Edit kalender" menu />
|
|
||||||
<Box p={20}>
|
|
||||||
<Stack>
|
|
||||||
<TextInput
|
|
||||||
styles={{
|
|
||||||
input: {
|
|
||||||
border: `1px solid ${"#D6D8F6"}`,
|
|
||||||
borderRadius: 10,
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
size="md"
|
|
||||||
placeholder="Event Nama"
|
|
||||||
label="Event Nama"
|
|
||||||
/>
|
|
||||||
<DateInput
|
|
||||||
styles={{
|
|
||||||
input: {
|
|
||||||
border: `1px solid ${"#D6D8F6"}`,
|
|
||||||
borderRadius: 10,
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
size="md"
|
|
||||||
value={value}
|
|
||||||
onChange={setValue}
|
|
||||||
placeholder="Input Tanggal"
|
|
||||||
label="Tanggal"
|
|
||||||
/>
|
|
||||||
<SimpleGrid
|
|
||||||
cols={{ base: 2, sm: 2, lg: 2 }}
|
|
||||||
>
|
|
||||||
<TimeInput
|
|
||||||
styles={{
|
|
||||||
input: {
|
|
||||||
border: `1px solid ${"#D6D8F6"}`,
|
|
||||||
borderRadius: 10,
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
size="md"
|
|
||||||
label="Waktu Awal"
|
|
||||||
/>
|
|
||||||
<TimeInput
|
|
||||||
styles={{
|
|
||||||
input: {
|
|
||||||
border: `1px solid ${"#D6D8F6"}`,
|
|
||||||
borderRadius: 10,
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
size="md"
|
|
||||||
label="Waktu Akhir"
|
|
||||||
/>
|
|
||||||
</SimpleGrid>
|
|
||||||
<TextInput
|
|
||||||
styles={{
|
|
||||||
input: {
|
|
||||||
border: `1px solid ${"#D6D8F6"}`,
|
|
||||||
borderRadius: 10,
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
size="md"
|
|
||||||
placeholder="Link Meet"
|
|
||||||
label="Link Meet"
|
|
||||||
/>
|
|
||||||
<Box mt={5} onClick={() => router.push('/calender/update?page=update-ulangi-event')}>
|
|
||||||
<Group
|
|
||||||
justify="space-between"
|
|
||||||
p={10}
|
|
||||||
style={{
|
|
||||||
border: `1px solid ${"#D6D8F6"}`,
|
|
||||||
borderRadius: 10,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Text>Ulangi Event</Text>
|
|
||||||
<IoIosArrowDropright size={25} />
|
|
||||||
</Group>
|
|
||||||
</Box>
|
|
||||||
<Box mt={5} onClick={() => router.push('/calender/update?page=update-user-calender')}>
|
|
||||||
<Group
|
|
||||||
justify="space-between"
|
|
||||||
p={10}
|
|
||||||
style={{
|
|
||||||
border: `1px solid ${"#D6D8F6"}`,
|
|
||||||
borderRadius: 10,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Text>Tambah Anggota</Text>
|
|
||||||
<IoIosArrowDropright size={25} />
|
|
||||||
</Group>
|
|
||||||
</Box>
|
|
||||||
<Textarea styles={{
|
|
||||||
input: {
|
|
||||||
border: `1px solid ${"#D6D8F6"}`,
|
|
||||||
borderRadius: 10,
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
size="md" placeholder='Deskripsi' label="Deskripsi" />
|
|
||||||
<Box mt={"xl"}>
|
|
||||||
<Button
|
|
||||||
c={"white"}
|
|
||||||
bg={WARNA.biruTua}
|
|
||||||
size="lg"
|
|
||||||
radius={30}
|
|
||||||
fullWidth
|
|
||||||
onClick={() => setModal(true)}
|
|
||||||
>
|
|
||||||
Simpan
|
|
||||||
</Button>
|
|
||||||
</Box>
|
|
||||||
</Stack>
|
|
||||||
</Box>
|
|
||||||
<LayoutModal opened={isModal} onClose={() => setModal(false)}
|
|
||||||
description="Apakah Anda yakin ingin menambahkan data?"
|
|
||||||
onYes={(val) => { onTrue(val) }} />
|
|
||||||
</Box>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
import { LayoutNavbarNew } from '@/module/_global';
|
|
||||||
import { Box } from '@mantine/core';
|
|
||||||
import React from 'react';
|
|
||||||
import ListUlangiEvent from '../list_ulangi_event';
|
|
||||||
|
|
||||||
export default function UpdateUlangiEvent() {
|
|
||||||
return (
|
|
||||||
<Box>
|
|
||||||
<LayoutNavbarNew back='/calender/update' title='ulangi event' menu />
|
|
||||||
<Box p={20}>
|
|
||||||
<ListUlangiEvent />
|
|
||||||
</Box>
|
|
||||||
</Box>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
import { Box } from '@mantine/core';
|
|
||||||
import React from 'react';
|
|
||||||
import UpdateDivisionCalender from '../components/update_calander/update_division_calender';
|
|
||||||
|
|
||||||
export default function ViewUpdateDivisionCalender() {
|
|
||||||
return (
|
|
||||||
<Box>
|
|
||||||
<UpdateDivisionCalender/>
|
|
||||||
</Box>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,12 +1,9 @@
|
|||||||
import { IFormDivision, IFormMemberDivision, IFormFixDivision, IDataDivison, IDataMemberDivision } from './lib/type_division';
|
import { IFormDivision, IFormMemberDivision, IFormFixDivision, IDataDivison, IDataMemberDivision } from './lib/type_division';
|
||||||
import CreateUserDivisionCalender from "./_division_fitur/calender/components/create_user_division_calender";
|
import CreateUserDivisionCalender from "./_division_fitur/calender/components/create_user_division_calender";
|
||||||
import UlangiEvent from "./_division_fitur/calender/components/ulangi_event";
|
|
||||||
import UpdateUlangiEvent from "./_division_fitur/calender/components/update_calander/update_ulangi_event";
|
|
||||||
import ViewCreateDivisionCalender from "./_division_fitur/calender/view/view_create_division_calender";
|
import ViewCreateDivisionCalender from "./_division_fitur/calender/view/view_create_division_calender";
|
||||||
import ViewDetailEventDivision from "./_division_fitur/calender/view/view_detail_event_division";
|
import ViewDetailEventDivision from "./_division_fitur/calender/view/view_detail_event_division";
|
||||||
import ViewDivisionCalender from "./_division_fitur/calender/view/view_division_calender";
|
import ViewDivisionCalender from "./_division_fitur/calender/view/view_division_calender";
|
||||||
import ViewHistoryDivisionCalender from "./_division_fitur/calender/view/view_history_division_calender";
|
import ViewHistoryDivisionCalender from "./_division_fitur/calender/view/view_history_division_calender";
|
||||||
import ViewUpdateDivisionCalender from "./_division_fitur/calender/view/view_update_division_calender";
|
|
||||||
import CreateAdminDivision from "./ui/create_admin_division";
|
import CreateAdminDivision from "./ui/create_admin_division";
|
||||||
import CreateUsers from "./ui/create_users";
|
import CreateUsers from "./ui/create_users";
|
||||||
import ListDivision from './ui/list_division';
|
import ListDivision from './ui/list_division';
|
||||||
@@ -23,17 +20,15 @@ import EditDivision from './ui/edit_division';
|
|||||||
import CreateReport from './ui/create_report';
|
import CreateReport from './ui/create_report';
|
||||||
import ReportDivisionId from './ui/report_division_id';
|
import ReportDivisionId from './ui/report_division_id';
|
||||||
import { funGetDivisionById, funGetListDivisionByIdDivision } from './lib/api_division';
|
import { funGetDivisionById, funGetListDivisionByIdDivision } from './lib/api_division';
|
||||||
|
import UlangiEvent from './_division_fitur/calender/components/ulangi_event';
|
||||||
|
|
||||||
export { CreateUsers };
|
export { CreateUsers };
|
||||||
export { CreateAdminDivision };
|
export { CreateAdminDivision };
|
||||||
export { ViewDivisionCalender };
|
export { ViewDivisionCalender };
|
||||||
export { ViewCreateDivisionCalender };
|
export { ViewCreateDivisionCalender };
|
||||||
export { UlangiEvent };
|
|
||||||
export { CreateUserDivisionCalender };
|
export { CreateUserDivisionCalender };
|
||||||
export { ViewHistoryDivisionCalender };
|
export { ViewHistoryDivisionCalender };
|
||||||
export { ViewDetailEventDivision };
|
export { ViewDetailEventDivision };
|
||||||
export { ViewUpdateDivisionCalender };
|
|
||||||
export { UpdateUlangiEvent };
|
|
||||||
export type { IFormDivision, IFormMemberDivision, IFormFixDivision, IDataDivison, IDataMemberDivision }
|
export type { IFormDivision, IFormMemberDivision, IFormFixDivision, IDataDivison, IDataMemberDivision }
|
||||||
export { ListDivision }
|
export { ListDivision }
|
||||||
export { CreateDivision }
|
export { CreateDivision }
|
||||||
@@ -50,3 +45,4 @@ export { CreateReport }
|
|||||||
export { ReportDivisionId }
|
export { ReportDivisionId }
|
||||||
export { funGetDivisionById }
|
export { funGetDivisionById }
|
||||||
export { funGetListDivisionByIdDivision }
|
export { funGetListDivisionByIdDivision }
|
||||||
|
export { UlangiEvent }
|
||||||
|
|||||||
@@ -23,7 +23,7 @@ import { globalRefreshDocument } from '../lib/val_document';
|
|||||||
import { RiListCheck } from 'react-icons/ri';
|
import { RiListCheck } from 'react-icons/ri';
|
||||||
import { GoChevronRight } from 'react-icons/go';
|
import { GoChevronRight } from 'react-icons/go';
|
||||||
import DrawerShareDocument from './drawer_share_document';
|
import DrawerShareDocument from './drawer_share_document';
|
||||||
import { FaSlideshare } from 'react-icons/fa6';
|
import { FaShare } from 'react-icons/fa6';
|
||||||
|
|
||||||
export default function NavbarDocumentDivision() {
|
export default function NavbarDocumentDivision() {
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
@@ -309,7 +309,7 @@ export default function NavbarDocumentDivision() {
|
|||||||
<Box>
|
<Box>
|
||||||
{
|
{
|
||||||
(v.share) ?
|
(v.share) ?
|
||||||
<Indicator offset={15} withBorder inline color={WARNA.borderBiruMuda} position="bottom-end" label={<FaSlideshare />} size={25}>
|
<Indicator offset={15} withBorder inline color={WARNA.borderBiruMuda} position="bottom-end" label={<FaShare />} size={25}>
|
||||||
{
|
{
|
||||||
(v.category == "FOLDER") ?
|
(v.category == "FOLDER") ?
|
||||||
<FcFolder size={60} /> :
|
<FcFolder size={60} /> :
|
||||||
|
|||||||
Reference in New Issue
Block a user