wibu/hipmi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

# Event Join

Browse Source 
## feat
- Join event
- kontribusi event
- histoty in progress
### No Issue
This commit is contained in:
Bagasbanuna02
2024-01-29 22:03:27 +08:00
parent bec87028fd
commit ca9214d9e0
109 changed files with 2932 additions and 515 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/app_modules/event/component/box_list_status.tsx Normal file
View File

@@ -0,0 +1,48 @@
"use client";
import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
import { Paper, Stack, Group, Title, Text, Grid } from "@mantine/core";
import moment from "moment";
import { MODEL_EVENT } from "../model/interface";
import { useRouter } from "next/navigation";
export default function ComponentEvent_BoxListStatus({
data,
path,
}: {
data: MODEL_EVENT;
path: string;
}) {
const router = useRouter();
return (
<>
<Paper
shadow="lg"
radius={"md"}
p={"md"}
withBorder
mb={"sm"}
onClick={() => router.push(path + data.id)}
>
<Stack>
<Grid>
<Grid.Col span={8}>
<Title order={6} truncate>
{data.title}
</Title>
</Grid.Col>
<Grid.Col span={4}>
<Text fz={"sm"} truncate>
{moment(data.tanggal).format("ll")}
</Text>
</Grid.Col>
</Grid>
<Text fz={"sm"} lineClamp={2}>
{data.deskripsi}
</Text>
</Stack>
</Paper>
</>
);
}

18
src/app_modules/event/component/catatan_reject.tsx Normal file
View File

@@ -0,0 +1,18 @@
"use client"
import { Paper, Stack, Text } from "@mantine/core"
export default function ComponentEvent_CatatanReject({catatan}: {catatan:string}){
return<>
<Paper bg={"blue.3"} p={"sm"}>
<Stack spacing={0}>
<Text fz={"xs"} fw={"bold"} fs={"italic"}>
* Alasan Penolakan
</Text>
<Text fz={"xs"} fs={"italic"}>
{catatan}
</Text>
</Stack>
</Paper>
</>
}

82
src/app_modules/event/component/detail/detail_data.tsx Normal file
View File

@@ -0,0 +1,82 @@
"use client";
import { Stack, Title, Grid, Text, Paper, Spoiler } from "@mantine/core";
import moment from "moment";
import { MODEL_EVENT } from "../../model/interface";
export default function ComponentEvent_DetailData({
data,
}: {
data: MODEL_EVENT;
}) {
const tgl = data.tanggal;
const hari = tgl.toLocaleString("id-ID", { dateStyle: "full" });
const jam = tgl.toLocaleTimeString([], {
hour: "2-digit",
minute: "2-digit",
hour12: false,
});
return (
<>
<Paper withBorder p={"md"} shadow="lg">
<Stack px={"sm"}>
<Title order={4}>{data ? data.title : null}</Title>
<Grid>
<Grid.Col span={4}>
<Text fw={"bold"} fz={"sm"}>
Lokasi
</Text>
</Grid.Col>
<Grid.Col span={1}>:</Grid.Col>
<Grid.Col span={"auto"}>
<Text>{data ? data.lokasi : null}</Text>
</Grid.Col>
</Grid>
<Grid>
<Grid.Col span={4}>
<Text fw={"bold"} fz={"sm"}>
Tipe Acara
</Text>
</Grid.Col>
<Grid.Col span={1}>:</Grid.Col>
<Grid.Col span={"auto"}>
<Text>{data ? data.EventMaster_TipeAcara.name : null}</Text>
</Grid.Col>
</Grid>
<Grid>
<Grid.Col span={4}>
<Text fw={"bold"} fz={"sm"}>
Tanggal
</Text>
</Grid.Col>
<Grid.Col span={1}>:</Grid.Col>
<Grid.Col span={"auto"}>{hari}</Grid.Col>
</Grid>
<Grid>
<Grid.Col span={4}>
<Text fw={"bold"} fz={"sm"}>
Jam
</Text>
</Grid.Col>
<Grid.Col span={1}>:</Grid.Col>
<Grid.Col span={"auto"}>{jam}</Grid.Col>
</Grid>
<Stack spacing={2}>
<Text fw={"bold"} fz={"sm"}>
Deskripsi
</Text>
<Spoiler
hideLabel="Lihat sedikit"
maxHeight={50}
showLabel="Lihat banyak"
>
{data ? data.deskripsi : null}
</Spoiler>
</Stack>
</Stack>
</Paper>
</>
);
}

90
src/app_modules/event/component/detail/detail_main.tsx Normal file
View File

@@ -0,0 +1,90 @@
"use client";
import { Stack, Title, Grid, Text, Paper, Spoiler } from "@mantine/core";
import moment from "moment";
import { MODEL_EVENT } from "../../model/interface";
import ComponentGlobal_AuthorNameOnHeader from "@/app_modules/component_global/author_name_on_header";
export default function ComponentEvent_DetailMainData({
data,
}: {
data: MODEL_EVENT;
}) {
const tgl = data.tanggal;
const hari = tgl.toLocaleString("id-ID", { dateStyle: "full" });
const jam = tgl.toLocaleTimeString([], {
hour: "2-digit",
minute: "2-digit",
hour12: false,
});
return (
<>
<Paper withBorder p={"md"} shadow="lg">
<Stack>
<ComponentGlobal_AuthorNameOnHeader
authorName={data.Author.Profile.name}
imagesId={data.Author.Profile.imagesId}
profileId={data.Author.Profile.id}
/>
<Stack px={"sm"}>
<Title order={4}>{data ? data.title : null}</Title>
<Grid>
<Grid.Col span={4}>
<Text fw={"bold"} fz={"sm"}>
Lokasi
</Text>
</Grid.Col>
<Grid.Col span={1}>:</Grid.Col>
<Grid.Col span={"auto"}>
<Text>{data ? data.lokasi : null}</Text>
</Grid.Col>
</Grid>
<Grid>
<Grid.Col span={4}>
<Text fw={"bold"} fz={"sm"}>
Tipe Acara
</Text>
</Grid.Col>
<Grid.Col span={1}>:</Grid.Col>
<Grid.Col span={"auto"}>
<Text>{data ? data.EventMaster_TipeAcara.name : null}</Text>
</Grid.Col>
</Grid>
<Grid>
<Grid.Col span={4}>
<Text fw={"bold"} fz={"sm"}>
Tanggal
</Text>
</Grid.Col>
<Grid.Col span={1}>:</Grid.Col>
<Grid.Col span={"auto"}>{hari}</Grid.Col>
</Grid>
<Grid>
<Grid.Col span={4}>
<Text fw={"bold"} fz={"sm"}>
Jam
</Text>
</Grid.Col>
<Grid.Col span={1}>:</Grid.Col>
<Grid.Col span={"auto"}>{jam}</Grid.Col>
</Grid>
<Stack spacing={2}>
<Text fw={"bold"} fz={"sm"}>
Deskripsi
</Text>
<Spoiler
hideLabel="Lihat sedikit"
maxHeight={50}
showLabel="Lihat banyak"
>
{data ? data.deskripsi : null}
</Spoiler>
</Stack>
</Stack>
</Stack>
</Paper>
</>
);
}

77
src/app_modules/event/component/detail/list_peserta.tsx Normal file
View File

@@ -0,0 +1,77 @@
"use client";
import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
import {
Paper,
Stack,
Center,
Title,
Grid,
Avatar,
Divider,
Text,
} from "@mantine/core";
import _ from "lodash";
import router from "next/router";
import peserta from "../../main/kontribusi/peserta";
import { MODEL_EVENT_PESERTA } from "../../model/interface";
export default function ComponentEvent_ListPeserta({
listPeserta,
total,
}: {
listPeserta: MODEL_EVENT_PESERTA[];
total: number;
}) {
return (
<>
<Paper withBorder mt={"lg"}>
<Stack spacing={"md"} p={"md"}>
<Center>
<Title order={5}>Daftar Peserta ({total})</Title>
</Center>
{_.isEmpty(listPeserta) ? (
<Center>
<Text fz={"xs"} fw={"bold"}>
- Tidak ada peserta -
</Text>
</Center>
) : (
<Stack>
{listPeserta.map((e, i) => (
<Stack key={i} spacing={"sm"}>
<Grid>
<Grid.Col
span={"content"}
onClick={() => {
router.push(RouterProfile.katalog + e.User.Profile.id);
}}
>
<Avatar
sx={{ borderStyle: "solid", borderWidth: "0.5px" }}
radius={"xl"}
bg={"gray"}
size={30}
src={
RouterProfile.api_foto_profile +
e.User.Profile.imagesId
}
/>
</Grid.Col>
<Grid.Col span={"auto"}>
<Stack justify="center" h={"100%"}>
<Text>{e.User.Profile.name}</Text>
</Stack>
</Grid.Col>
</Grid>
<Divider />
</Stack>
))}
</Stack>
)}
</Stack>
</Paper>
</>
);
}

48
src/app_modules/event/component/detail_data.tsx
View File

@@ -1,48 +0,0 @@
"use client";
import { Stack, Title, Grid, Text, Paper } from "@mantine/core";
import moment from "moment";
export default function ComponentEvent_DetailData() {
return (
<>
<Paper withBorder p={"md"} shadow="lg">
<Stack px={"sm"}>
<Title order={4}>Nama Event</Title>
<Grid>
<Grid.Col span={3}>
<Text fw={"bold"}>Lokasi</Text>
</Grid.Col>
<Grid.Col span={1}>:</Grid.Col>
<Grid.Col span={"auto"}>
<Text>Lokasi Acara</Text>
</Grid.Col>
</Grid>
<Grid>
<Grid.Col span={3}>
<Text fw={"bold"}>Tanggal</Text>
</Grid.Col>
<Grid.Col span={1}>:</Grid.Col>
<Grid.Col span={"auto"}>{moment(Date.now()).format("ll")}</Grid.Col>
</Grid>
<Grid>
<Grid.Col span={3}>
<Text fw={"bold"}>Jam</Text>
</Grid.Col>
<Grid.Col span={1}>:</Grid.Col>
<Grid.Col span={"auto"}>{moment(Date.now()).format("LT")}</Grid.Col>
</Grid>
<Stack spacing={2}>
<Text fw={"bold"}>Deskripsi</Text>
<Text>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum
ipsum voluptate doloremque optio explicabo temporibus delectus
voluptatum similique tempora voluptatem. Exercitationem veritatis
tempora impedit ipsam, fugit vitae repellat sint fugiat
</Text>
</Stack>
</Stack>
</Paper>
</>
);
}

96
src/app_modules/event/create/create.tsx
View File

@@ -13,11 +13,12 @@ import {
Image,
MultiSelect,
Paper,
Select,
Stack,
TextInput,
Textarea,
} from "@mantine/core";
import { DateTimePicker } from "@mantine/dates";
import { DateInput, DatePicker, DateTimePicker } from "@mantine/dates";
import { TimeInput } from "@mantine/dates";
import { IconCamera } from "@tabler/icons-react";
import { useAtom } from "jotai";
@@ -25,38 +26,101 @@ import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.share
import { useRouter } from "next/navigation";
import { useState } from "react";
import { gs_event_status } from "../global_state";
import { MODEL_DEFAULT_MASTER } from "@/app_modules/model_global/interface";
import { Event_funCreate } from "../fun/create/fun_create";
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
import { kMaxLength } from "buffer";
export default function Event_Create({ listUser }: { listUser: MODEL_USER[] }) {
export default function Event_Create({
listTipeAcara,
authorId,
}: {
listTipeAcara: MODEL_DEFAULT_MASTER[];
authorId: string;
}) {
const router = useRouter();
const [img, setImg] = useState<any>();
const [file, setFile] = useState<any>();
const [tabsStatus, setTabsStatus] = useAtom(gs_event_status);
const [listTipe, setListTipe] = useState(listTipeAcara);
const [value, setValue] = useState({
title: "",
lokasi: "",
deskripsi: "",
tanggal: Date,
eventMaster_TipeAcaraId: 0,
authorId: authorId,
});
return (
<>
<Stack px={"sm"}>
<TextInput label="Judul" placeholder="Masukan judul" withAsterisk />
<TextInput
label="Judul"
placeholder="Masukan judul"
withAsterisk
onChange={(val) =>
setValue({
...value,
title: val.target.value,
})
}
/>
<Select
label="Tipe Acara"
placeholder="Pilih Tipe Acara"
data={listTipe.map((e) => ({
value: e.id,
label: e.name,
}))}
onChange={(val: any) =>
setValue({
...value,
eventMaster_TipeAcaraId: val,
})
}
/>
<TextInput
label="Lokasi"
placeholder="Masukan lokasi acara"
withAsterisk
onChange={(val) =>
setValue({
...value,
lokasi: val.target.value,
})
}
/>
<DateTimePicker
withAsterisk
label="Tanggal & Waktu "
placeholder="Masukan tangal dan waktu acara"
onChange={(val) => console.log(val)}
onChange={(val: any) =>
setValue({
...value,
tanggal: val,
})
}
/>
<Textarea
label="Deskripsi"
placeholder="Deskripsikan acara yang akan di selenggarakan"
withAsterisk
maxLength={500}
autosize
onChange={(val) =>
setValue({
...value,
deskripsi: val.target.value,
})
}
/>
<Button
radius={"xl"}
mt={"xl"}
onClick={() => onSave(router, setTabsStatus)}
onClick={() => onSave(router, setTabsStatus, value)}
>
Simpan
</Button>
@@ -65,8 +129,18 @@ export default function Event_Create({ listUser }: { listUser: MODEL_USER[] }) {
);
}
async function onSave(router: AppRouterInstance, setTabsStatus: any) {
ComponentGlobal_NotifikasiBerhasil("Berhasil disimpan");
setTabsStatus("Review");
router.push(RouterEvent.status_page);
async function onSave(
router: AppRouterInstance,
setTabsStatus: any,
value: any
) {
await Event_funCreate(value).then((res) => {
if (res.status === 201) {
ComponentGlobal_NotifikasiBerhasil(res.message);
setTabsStatus("Review");
router.push(RouterEvent.status_page);
} else {
ComponentGlobal_NotifikasiGagal(res.message);
}
});
}

41
src/app_modules/event/detail/draft/index.tsx
View File

@@ -1,25 +1,40 @@
"use client";
import { Button, Stack } from "@mantine/core";
import ComponentEvent_DetailData from "../../component/detail_data";
import ComponentEvent_DetailData from "../../component/detail/detail_data";
import { useRouter } from "next/navigation";
import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.shared-runtime";
import { useAtom } from "jotai";
import { gs_event_status } from "../../global_state";
import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_global/notif_global/notifikasi_berhasil";
import { MODEL_EVENT } from "../../model/interface";
import { Event_funEditStatusById } from "../../fun/edit/fun_edit_status_by_id";
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
import { useState } from "react";
import ComponentEvent_CatatanReject from "../../component/catatan_reject";
export default function Event_DetailDraft() {
export default function Event_DetailDraft({
dataEvent,
}: {
dataEvent: MODEL_EVENT;
}) {
const router = useRouter();
const [tabsStatus, setTabsStatus] = useAtom(gs_event_status);
return (
<>
{/* <pre>{JSON.stringify(dataEvent.catatan)}</pre> */}
<Stack spacing={"lg"}>
<ComponentEvent_DetailData />
{dataEvent.catatan ? (
<ComponentEvent_CatatanReject catatan={dataEvent.catatan} />
) : (
""
)}
<ComponentEvent_DetailData data={dataEvent} />
<Button
radius={"xl"}
color="yellow"
onClick={() => {
onClick(router, setTabsStatus);
onClick(router, setTabsStatus, dataEvent.id);
}}
>
Ajukan Review
@@ -29,8 +44,18 @@ export default function Event_DetailDraft() {
);
}
async function onClick(router: AppRouterInstance, setTabsStatus: any) {
ComponentGlobal_NotifikasiBerhasil("Berhasil Diajukan", 1500)
setTabsStatus("Review")
router.back()
async function onClick(
router: AppRouterInstance,
setTabsStatus: any,
eventId: string
) {
await Event_funEditStatusById("2", eventId).then((res) => {
if (res.status === 200) {
ComponentGlobal_NotifikasiBerhasil(res.message, 1500);
setTabsStatus("Review");
router.back();
} else {
ComponentGlobal_NotifikasiGagal(res.message);
}
});
}

4
src/app_modules/event/detail/draft/layout.tsx
View File

@@ -8,13 +8,15 @@ import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
export default function LayoutEvent_DetailDraft({
children,
eventId
}: {
children: React.ReactNode;
eventId: string
}) {
return (
<>
<AppShell
header={<ComponentEvent_HeaderTamplate title="Detail Draft" icon={<IconEdit/>} route2={RouterEvent.edit}/>}
header={<ComponentEvent_HeaderTamplate title="Detail Draft" icon={<IconEdit/>} route2={RouterEvent.edit + eventId}/>}
>
{children}
</AppShell>

29
src/app_modules/event/detail/kontribusi/index.tsx
View File

@@ -10,21 +10,36 @@ import {
Text,
Title,
} from "@mantine/core";
import ComponentEvent_DetailData from "../../component/detail_data";
import ComponentEvent_DetailData from "../../component/detail/detail_data";
import { MODEL_EVENT, MODEL_EVENT_PESERTA } from "../../model/interface";
import { useState } from "react";
import ComponentEvent_DetailMainData from "../../component/detail/detail_main";
import ComponentEvent_ListPeserta from "../../component/detail/list_peserta";
export default function Event_DetailKontribusi() {
export default function Event_DetailKontribusi({
dataEvent,
listKontributor,
totalPeserta,
}: {
dataEvent: MODEL_EVENT;
listKontributor: MODEL_EVENT_PESERTA[];
totalPeserta: number;
}) {
return (
<>
<Stack spacing={"lg"}>
<ComponentEvent_DetailData />
<Paper withBorder mt={"lg"} shadow="lg">
<ComponentEvent_DetailMainData data={dataEvent} />
<ComponentEvent_ListPeserta
listPeserta={listKontributor}
total={totalPeserta}
/>
{/* <Paper withBorder mt={"lg"} shadow="lg">
<Stack spacing={"md"} p={"md"}>
<Center>
<Title order={5}>Daftar Peserta</Title>
</Center>
{Array(10)
.fill(0)
{peserta
.map((e, i) => (
<Stack key={i} spacing={"sm"}>
<Grid>
@@ -41,7 +56,7 @@ export default function Event_DetailKontribusi() {
</Stack>
))}
</Stack>
</Paper>
</Paper> */}
</Stack>
</>
);

143
src/app_modules/event/detail/main_detail/index.tsx
View File

@@ -12,43 +12,134 @@ import {
Text,
Title,
} from "@mantine/core";
import ComponentEvent_DetailData from "../../component/detail_data";
import ComponentEvent_DetailData from "../../component/detail/detail_data";
import { MODEL_EVENT, MODEL_EVENT_PESERTA } from "../../model/interface";
import _ from "lodash";
import { Event_funJoinEvent } from "../../fun/create/fun_join_event";
import { useState } from "react";
import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_global/notif_global/notifikasi_berhasil";
import { Event_getListPesertaById } from "../../fun/get/get_list_peserta_by_id";
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
import ComponentGlobal_AuthorNameOnHeader from "@/app_modules/component_global/author_name_on_header";
import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
import ComponentEvent_DetailMainData from "../../component/detail/detail_main";
import { useRouter } from "next/navigation";
import { Event_countTotalPesertaById } from "../../fun/count/count_total_peserta_by_id";
import ComponentEvent_ListPeserta from "../../component/detail/list_peserta";
export default function Event_DetailMain() {
export default function Event_DetailMain({
dataEvent,
listPeserta,
userLoginId,
isJoin,
totalPeserta,
}: {
dataEvent: MODEL_EVENT;
listPeserta: MODEL_EVENT_PESERTA[];
userLoginId: string;
isJoin: boolean;
totalPeserta: number;
}) {
const router = useRouter();
const [total, setTotal] = useState(totalPeserta);
const [peserta, setPeserta] = useState(listPeserta);
return (
<>
<Stack spacing={"lg"}>
<ComponentEvent_DetailData />
<Button radius={"xl"} color="green">
JOIN
</Button>
<ComponentEvent_DetailMainData data={dataEvent} />
{isJoin ? (
<Button disabled radius={"xl"} color="green">
Anda Telah Ikut Serta
</Button>
) : (
<Button
radius={"xl"}
color="green"
onClick={() => {
onJoin(userLoginId, dataEvent.id, setPeserta, setTotal);
}}
>
JOIN
</Button>
)}
<Paper withBorder mt={"lg"}>
<ComponentEvent_ListPeserta listPeserta={listPeserta} total={total} />
{/* <Paper withBorder mt={"lg"}>
<Stack spacing={"md"} p={"md"}>
<Center>
<Title order={5}>Daftar Peserta</Title>
<Title order={5}>Daftar Peserta ({total})</Title>
</Center>
{Array(10)
.fill(0)
.map((e, i) => (
<Stack key={i} spacing={"sm"}>
<Grid>
<Grid.Col span={2}>
<Avatar radius={"xl"} bg={"gray"} size={"md"} />
</Grid.Col>
<Grid.Col span={"auto"}>
<Stack justify="center" h={"100%"}>
<Text>Nama peserta</Text>
</Stack>
</Grid.Col>
</Grid>
<Divider />
</Stack>
))}
{_.isEmpty(peserta) ? (
<Center>
<Text fz={"xs"} fw={"bold"}>
- Tidak ada peserta -
</Text>
</Center>
) : (
<Stack>
{peserta.map((e, i) => (
<Stack key={i} spacing={"sm"}>
<Grid>
<Grid.Col
span={"content"}
onClick={() => {
router.push(
RouterProfile.katalog + e.User.Profile.id
);
}}
>
<Avatar
sx={{ borderStyle: "solid", borderWidth: "0.5px" }}
radius={"xl"}
bg={"gray"}
size={30}
src={
RouterProfile.api_foto_profile +
e.User.Profile.imagesId
}
/>
</Grid.Col>
<Grid.Col span={"auto"}>
<Stack justify="center" h={"100%"}>
<Text>{e.User.Profile.name}</Text>
</Stack>
</Grid.Col>
</Grid>
<Divider />
</Stack>
))}
</Stack>
)}
</Stack>
</Paper>
</Paper> */}
</Stack>
</>
);
}
async function onJoin(
userId: string,
eventId: string,
setPeserta: any,
setTotal: any
) {
const body = {
userId: userId,
eventId: eventId,
};
await Event_funJoinEvent(body as any).then(async (res) => {
if (res.status === 200) {
await Event_getListPesertaById(eventId).then(async (val) => {
await Event_countTotalPesertaById(eventId).then((ttl) => {
setPeserta(val);
setTotal(ttl);
ComponentGlobal_NotifikasiBerhasil(res.message, 2000);
});
});
} else {
ComponentGlobal_NotifikasiGagal(res.message);
}
});
}

7
src/app_modules/event/detail/publish/index.tsx
View File

@@ -2,12 +2,13 @@
import { Button, Grid, Group, Stack, Text, Title } from "@mantine/core";
import moment from "moment";
import ComponentEvent_DetailData from "../../component/detail_data";
import ComponentEvent_DetailData from "../../component/detail/detail_data";
import { MODEL_EVENT } from "../../model/interface";
export default function Event_DetailPublish() {
export default function Event_DetailPublish({dataEvent}: {dataEvent: MODEL_EVENT}) {
return (
<>
<ComponentEvent_DetailData/>
<ComponentEvent_DetailData data={dataEvent}/>
</>
);
}

63
src/app_modules/event/detail/reject/index.tsx
View File

@@ -6,19 +6,30 @@ import {
Grid,
Group,
Modal,
Paper,
SimpleGrid,
Stack,
Text,
Title,
} from "@mantine/core";
import ComponentEvent_DetailData from "../../component/detail_data";
import ComponentEvent_DetailData from "../../component/detail/detail_data";
import { useRouter } from "next/navigation";
import { useAtom } from "jotai";
import { gs_event_status } from "../../global_state";
import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.shared-runtime";
import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_global/notif_global/notifikasi_berhasil";
import { useDisclosure } from "@mantine/hooks";
import { MODEL_EVENT } from "../../model/interface";
import { Event_funEditStatusById } from "../../fun/edit/fun_edit_status_by_id";
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
import ComponentEvent_CatatanReject from "../../component/catatan_reject";
import { Event_funDeleteById } from "../../fun/delete/fun_delete";
export default function Event_DetailReject() {
export default function Event_DetailReject({
dataEvent,
}: {
dataEvent: MODEL_EVENT;
}) {
const router = useRouter();
const [tabsStatus, setTabsStatus] = useAtom(gs_event_status);
const [opened, { open, close }] = useDisclosure(false);
@@ -26,13 +37,14 @@ export default function Event_DetailReject() {
return (
<>
<Stack spacing={"lg"}>
<ComponentEvent_DetailData />
<ComponentEvent_CatatanReject catatan={dataEvent.catatan} />
<ComponentEvent_DetailData data={dataEvent} />
<SimpleGrid cols={2}>
<Button
w={"100%"}
radius={"xl"}
color="yellow"
onClick={() => onUpdate(router, setTabsStatus)}
onClick={() => onUpdate(router, setTabsStatus, dataEvent.id)}
>
Edit Kembali
</Button>
@@ -48,7 +60,15 @@ export default function Event_DetailReject() {
<Button radius={"xl"} onClick={close}>
Batal
</Button>
<Button radius={"xl"} onClick={() => onDelete(router)} color="red">
<Button
radius={"xl"}
onClick={() => {
onDelete(router, dataEvent.id, close);
close();
router.back();
}}
color="red"
>
Hapus
</Button>
</Group>
@@ -58,13 +78,32 @@ export default function Event_DetailReject() {
);
}
async function onUpdate(router: AppRouterInstance, setTabsStatus: any) {
ComponentGlobal_NotifikasiBerhasil("Silahkan Edit Kembali");
setTabsStatus("Draft");
router.back();
async function onUpdate(
router: AppRouterInstance,
setTabsStatus: any,
eventId: string
) {
await Event_funEditStatusById("3", eventId).then((res) => {
if (res.status === 200) {
ComponentGlobal_NotifikasiBerhasil(res.message);
setTabsStatus("Draft");
router.back();
} else {
ComponentGlobal_NotifikasiGagal(res.message);
}
});
}
async function onDelete(router: AppRouterInstance) {
ComponentGlobal_NotifikasiBerhasil("Berhasil Hapus Event");
router.back();
async function onDelete(
router: AppRouterInstance,
eventId: string,
close: any
) {
await Event_funDeleteById(eventId).then((res) => {
if (res.status === 200) {
ComponentGlobal_NotifikasiBerhasil(res.message, 2000);
} else {
ComponentGlobal_NotifikasiGagal(res.message);
}
});
}

40
src/app_modules/event/detail/review/index.tsx
View File

@@ -1,22 +1,34 @@
"use client";
import { Button, Stack } from "@mantine/core";
import ComponentEvent_DetailData from "../../component/detail_data";
import ComponentEvent_DetailData from "../../component/detail/detail_data";
import { useRouter } from "next/navigation";
import { useAtom } from "jotai";
import { gs_event_status } from "../../global_state";
import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.shared-runtime";
import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_global/notif_global/notifikasi_berhasil";
import { MODEL_EVENT } from "../../model/interface";
import { Event_funEditStatusById } from "../../fun/edit/fun_edit_status_by_id";
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
import ComponentEvent_CatatanReject from "../../component/catatan_reject";
export default function Event_DetailReview() {
export default function Event_DetailReview({
dataEvent,
}: {
dataEvent: MODEL_EVENT;
}) {
const router = useRouter();
const [tabsStatus, setTabsStatus] = useAtom(gs_event_status);
return (
<>
<Stack spacing={"xl"}>
<ComponentEvent_DetailData />
<Button radius={"xl"} color={"red"} onClick={() => onClick(router, setTabsStatus)}>
<ComponentEvent_DetailData data={dataEvent} />
<Button
radius={"xl"}
color={"red"}
onClick={() => onClick(router, setTabsStatus, dataEvent.id)}
>
Batalkan Review
</Button>
</Stack>
@@ -24,8 +36,18 @@ export default function Event_DetailReview() {
);
}
async function onClick(router: AppRouterInstance, setTabsStatus: any) {
ComponentGlobal_NotifikasiBerhasil("Review Dibatalkan", 1500)
setTabsStatus("Draft")
router.back()
async function onClick(
router: AppRouterInstance,
setTabsStatus: any,
eventId: string
) {
await Event_funEditStatusById("3", eventId).then((res) => {
if (res.status === 200) {
ComponentGlobal_NotifikasiBerhasil(res.message, 1500);
setTabsStatus("Draft");
router.back();
} else {
ComponentGlobal_NotifikasiGagal(res.message);
}
});
}

88
src/app_modules/event/edit/index.tsx
View File

@@ -1,35 +1,101 @@
"use client";
import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_global/notif_global/notifikasi_berhasil";
import { Stack, TextInput, Textarea, Button } from "@mantine/core";
import { Stack, TextInput, Textarea, Button, Select } from "@mantine/core";
import { DateTimePicker } from "@mantine/dates";
import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.shared-runtime";
import { useRouter } from "next/navigation";
import { MODEL_EVENT } from "../model/interface";
import { useState } from "react";
import { MODEL_DEFAULT_MASTER } from "@/app_modules/model_global/interface";
import { Event_funEditById } from "../fun/edit/fun_edit_by_id";
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
export default function Event_Edit() {
export default function Event_Edit({
dataEvent,
listTipeAcara,
}: {
dataEvent: MODEL_EVENT;
listTipeAcara: MODEL_DEFAULT_MASTER[];
}) {
const router = useRouter();
const [value, setValue] = useState(dataEvent);
const [tipe, setTipe] = useState(listTipeAcara);
return (
<>
{/* <pre>{JSON.stringify(value, null, 2)}</pre> */}
<Stack px={"sm"}>
<TextInput label="Judul" placeholder="Masukan judul" withAsterisk />
<TextInput
label="Judul"
placeholder="Masukan judul"
withAsterisk
value={value.title}
onChange={(val) => {
setValue({
...value,
title: val.target.value,
});
}}
/>
<Select
label="Tipe Acara"
placeholder="Pilih Tipe Acara"
data={tipe.map((e) => ({
value: e.id,
label: e.name,
}))}
value={value.EventMaster_TipeAcara.id}
onChange={(val) => {
setValue({
...(value as any),
EventMaster_TipeAcara: {
id: val,
},
});
}}
/>
<TextInput
label="Lokasi"
placeholder="Masukan lokasi acara"
withAsterisk
value={value.lokasi}
onChange={(val) => {
setValue({
...value,
lokasi: val.target.value,
});
}}
/>
<DateTimePicker
withAsterisk
label="Tanggal & Waktu "
placeholder="Masukan tangal dan waktu acara"
onChange={(val) => console.log(val)}
value={value.tanggal}
onChange={(val) => {
setValue({
...(value as any),
tanggal: val,
});
}}
/>
<Textarea
label="Deskripsi"
placeholder="Deskripsikan acara yang akan di selenggarakan"
withAsterisk
autosize
maxLength={500}
value={value.deskripsi}
onChange={(val) => {
setValue({
...value,
deskripsi: val.target.value,
});
}}
/>
<Button radius={"xl"} mt={"xl"} onClick={() => onUpdate(router)}>
<Button radius={"xl"} mt={"xl"} onClick={() => onUpdate(router, value)}>
Update
</Button>
</Stack>
@@ -37,7 +103,13 @@ export default function Event_Edit() {
);
}
async function onUpdate(router: AppRouterInstance) {
ComponentGlobal_NotifikasiBerhasil("Update berhasil");
router.back();
async function onUpdate(router: AppRouterInstance, value: MODEL_EVENT) {
await Event_funEditById(value).then((res) => {
if (res.status === 200) {
ComponentGlobal_NotifikasiBerhasil(res.message);
router.back();
} else {
ComponentGlobal_NotifikasiGagal(res.message);
}
});
}

13
src/app_modules/event/fun/count/count_total_peserta_by_id.ts Normal file
View File

@@ -0,0 +1,13 @@
"use server";
import prisma from "@/app/lib/prisma";
export async function Event_countTotalPesertaById(eventId: string) {
const data = await prisma.event_Peserta.count({
where: {
eventId: eventId,
},
});
return data;
}

25
src/app_modules/event/fun/create/fun_create.ts Normal file
View File

@@ -0,0 +1,25 @@
"use server";
import prisma from "@/app/lib/prisma";
import { MODEL_EVENT } from "../../model/interface";
import { revalidatePath } from "next/cache";
export async function Event_funCreate(req: MODEL_EVENT) {
const res = await prisma.event.create({
data: {
title: req.title,
lokasi: req.lokasi,
deskripsi: req.deskripsi,
eventMaster_TipeAcaraId: req.eventMaster_TipeAcaraId,
tanggal: req.tanggal,
authorId: req.authorId,
},
});
if (!res) return { status: 400, message: "Gagal Disimpan" };
revalidatePath("/dev/event/main/status_page");
return {
status: 201,
message: "Berhasil Disimpan",
};
}

21
src/app_modules/event/fun/create/fun_join_event.ts Normal file
View File

@@ -0,0 +1,21 @@
"use server";
import prisma from "@/app/lib/prisma";
import { MODEL_EVENT_PESERTA } from "../../model/interface";
import { revalidatePath } from "next/cache";
export async function Event_funJoinEvent(data: MODEL_EVENT_PESERTA) {
const crt = await prisma.event_Peserta.create({
data: {
eventId: data.eventId,
userId: data.userId,
},
});
if (!crt) return { status: 400, message: "Gagal Join" };
revalidatePath("/dev/event/detail/main");
return {
status: 200,
message: "Berhasil Join",
};
}

19
src/app_modules/event/fun/delete/fun_delete.ts Normal file
View File

@@ -0,0 +1,19 @@
"use server";
import prisma from "@/app/lib/prisma";
import { revalidatePath } from "next/cache";
export async function Event_funDeleteById(eventId: string) {
const del = await prisma.event.delete({
where: {
id: eventId,
},
});
if (!del) return { status: 400, message: "Gagal hapus data" };
revalidatePath("/dev/event/main/status_page");
return {
status: 200,
message: "Hapus data berhasil",
};
}

27
src/app_modules/event/fun/edit/fun_edit_by_id.ts Normal file
View File

@@ -0,0 +1,27 @@
"use server";
import prisma from "@/app/lib/prisma";
import { MODEL_EVENT } from "../../model/interface";
import { revalidatePath } from "next/cache";
export async function Event_funEditById(data: MODEL_EVENT) {
const updt = await prisma.event.update({
where: {
id: data.id,
},
data: {
title: data.title,
lokasi: data.lokasi,
deskripsi: data.deskripsi,
tanggal: data.tanggal,
eventMaster_TipeAcaraId: data.EventMaster_TipeAcara.id as any,
},
});
if (!updt) return { status: 400, message: "Update Gagal" };
revalidatePath("/dev/event/detail/event");
return {
status: 200,
message: "Berhasil Update",
};
}

29
src/app_modules/event/fun/edit/fun_edit_status_by_id.ts Normal file
View File

@@ -0,0 +1,29 @@
"use server";
import prisma from "@/app/lib/prisma";
import { revalidatePath } from "next/cache";
/**
*
* @param statusid | Review: 2, Draft: 3, Reject: 4
* @param eventId
* @type string
* @returns Update status id dari setiap event
*/
export async function Event_funEditStatusById(statusid: string, eventId: string) {
const updt = await prisma.event.update({
where: {
id: eventId,
},
data: {
eventMaster_StatusId: statusid,
},
});
if (!updt) return { status: 400, message: "Gagal Update Status" };
revalidatePath("/dev/event/main/status_page");
return {
status: 200,
message: "Berhasil Update Status",
};
}

18
src/app_modules/event/fun/get/cek_user_join_by_id.ts Normal file
View File

@@ -0,0 +1,18 @@
"use server";
import prisma from "@/app/lib/prisma";
export async function Event_CekUserJoinById(eventId: string, userId: string) {
const cek = await prisma.event_Peserta.count({
where: {
eventId: eventId,
userId: userId,
},
});
if (cek > 0) {
return true;
} else {
return false;
}
}

66
src/app_modules/event/fun/get/get_event_by_status_id.ts Normal file
View File

@@ -0,0 +1,66 @@
"use server";
import prisma from "@/app/lib/prisma";
export async function Event_getByStatusId(statusId: string, authorId: string) {
if (statusId === "1") {
const data = await prisma.event.findMany({
where: {
eventMaster_StatusId: "1",
authorId: authorId,
},
select: {
id: true,
title: true,
deskripsi: true,
tanggal: true,
},
});
return data;
}
if (statusId === "2") {
const data = await prisma.event.findMany({
where: {
eventMaster_StatusId: "2",
authorId: authorId,
},
select: {
id: true,
title: true,
deskripsi: true,
tanggal: true,
},
});
return data;
}
if (statusId === "3") {
const data = await prisma.event.findMany({
where: {
eventMaster_StatusId: "3",
authorId: authorId,
},
select: {
id: true,
title: true,
deskripsi: true,
tanggal: true,
},
});
return data;
}
if (statusId === "4") {
const data = await prisma.event.findMany({
where: {
eventMaster_StatusId: "4",
authorId: authorId,
},
select: {
id: true,
title: true,
deskripsi: true,
tanggal: true,
},
});
return data;
}
}

35
src/app_modules/event/fun/get/get_list_all_publish.ts Normal file
View File

@@ -0,0 +1,35 @@
"use server";
import prisma from "@/app/lib/prisma";
import _ from "lodash";
export async function Event_getListAllPublish() {
const data = await prisma.event.findMany({
orderBy: {
tanggal: "desc",
},
where: {
eventMaster_StatusId: "1",
tanggal: {
gte: new Date(),
},
},
select: {
id: true,
title: true,
lokasi: true,
tanggal: true,
deskripsi: true,
active: true,
catatan: true,
authorId: true,
Author: {
select: {
Profile: true,
},
},
},
});
return data;
}

45
src/app_modules/event/fun/get/get_list_kontribusi_by_user_id.ts Normal file
View File

@@ -0,0 +1,45 @@
"use server";
import prisma from "@/app/lib/prisma";
export async function Event_getListKontibusiByUserId(userId: string) {
const data = await prisma.event_Peserta.findMany({
where: {
userId: userId,
},
select: {
id: true,
Event: {
select: {
id: true,
title: true,
tanggal: true,
deskripsi: true,
Author: {
select: {
Profile: true,
},
},
Event_Peserta: {
take: 5,
orderBy: {
createdAt: "desc",
},
select: {
id: true,
userId: true,
User: {
select: {
Profile: true
}
},
},
},
},
},
},
});
// console.log(data);
return data;
}

27
src/app_modules/event/fun/get/get_list_peserta_by_id.ts Normal file
View File

@@ -0,0 +1,27 @@
"use server";
import prisma from "@/app/lib/prisma";
export async function Event_getListPesertaById(eventId: string) {
const data = await prisma.event_Peserta.findMany({
where: {
eventId: eventId,
},
select: {
id: true,
active: true,
createdAt: true,
updatedAt: true,
userId: true,
User: {
select: {
Profile: true,
},
},
// Event: true,
eventId: true,
},
});
return data;
}

14
src/app_modules/event/fun/get/get_list_user.ts
View File

@@ -1,14 +0,0 @@
"use server"
import prisma from "@/app/lib/prisma"
export async function Event_getListUser() {
const data = await prisma.user.findMany({
select: {
id: true,
username: true,
Profile: true
}
})
return data
}

35
src/app_modules/event/fun/get/get_one_by_id.ts Normal file
View File

@@ -0,0 +1,35 @@
"use server";
import prisma from "@/app/lib/prisma";
export async function Event_getOneById(eventId: string) {
const data = await prisma.event.findFirst({
where: {
id: eventId,
},
select: {
id: true,
title: true,
lokasi: true,
tanggal: true,
deskripsi: true,
active: true,
createdAt: true,
updatedAt: true,
catatan: true,
authorId: true,
Author: {
select: {
Profile: true,
},
},
eventMaster_StatusId: true,
EventMaster_Status: true,
eventMaster_TipeAcaraId: true,
EventMaster_TipeAcara: true,
// Event_Peserta: true,
},
});
return data;
}

8
src/app_modules/event/fun/master/get_tipe_acara.ts Normal file
View File

@@ -0,0 +1,8 @@
"use server"
import prisma from "@/app/lib/prisma"
export async function Event_getMasterTipeAcara(){
const data = await prisma.eventMaster_TipeAcara.findMany()
return data
}

2
src/app_modules/event/index.ts
View File

@@ -19,6 +19,7 @@ import Event_DetailMain from "./detail/main_detail";
import LayoutEvent_DetailMain from "./detail/main_detail/layout";
import Event_DetailKontribusi from "./detail/kontribusi";
import LayoutEvent_DetailKontribusi from "./detail/kontribusi/layout";
import Event_History from "./main/history";
export {
Event_SplashScreen,
@@ -42,4 +43,5 @@ export {
LayoutEvent_DetailMain,
Event_DetailKontribusi,
LayoutEvent_DetailKontribusi,
Event_History,
};

78
src/app_modules/event/main/beranda.tsx
View File

@@ -4,62 +4,70 @@ import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
import {
Avatar,
Badge,
Box,
Button,
Card,
Center,
Divider,
Grid,
Group,
Image,
Paper,
Skeleton,
Stack,
Text,
Title,
} from "@mantine/core";
import moment from "moment";
import { useRouter } from "next/navigation";
import { useState } from "react";
import { MODEL_EVENT } from "../model/interface";
import ComponentEvent_BoxListStatus from "../component/box_list_status";
import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
import ComponentGlobal_AuthorNameOnHeader from "@/app_modules/component_global/author_name_on_header";
export default function Event_Beranda() {
export default function Event_Beranda({
dataEvent,
}: {
dataEvent: MODEL_EVENT[];
}) {
const router = useRouter();
return (
<>
{Array(5)
.fill(0)
.map((e, i) => (
<Card
key={i}
shadow="sm"
padding="md"
radius="md"
withBorder
mb={"md"}
onClick={() => router.push(RouterEvent.detail_main)}
{dataEvent.map((e, i) => (
<Card key={e.id} shadow="lg" radius={"md"} withBorder mb={"sm"}>
<Card.Section px={"sm"} pt={"sm"}>
<ComponentGlobal_AuthorNameOnHeader
profileId={e.Author.Profile.id}
imagesId={e.Author.Profile.imagesId}
authorName={e.Author.Profile.name}
/>
</Card.Section>
<Card.Section
p={"sm"}
onClick={() => router.push(RouterEvent.detail_main + e.id)}
>
{/* <Card.Section p={"xs"}>
<Skeleton visible={loading} h={200}></Skeleton>
</Card.Section> */}
<Stack>
<Group position="apart" mt="md" mb="xs">
<Text weight={500}>Nama Event</Text>
<Text fz={"sm"}>{moment(new Date()).format("ll")}</Text>
</Group>
<Grid>
<Grid.Col span={8}>
<Title order={6} truncate>
{e.title}
</Title>
</Grid.Col>
<Grid.Col span={4}>
<Text fz={"sm"} truncate>
{moment(e.tanggal).format("ll")}
</Text>
</Grid.Col>
</Grid>
<Text size="sm" color="dimmed" lineClamp={2}>
Deskripsi: Lorem ipsum dolor sit amet consectetur adipisicing
elit. Nisi non ducimus voluptatibus vel, officiis assumenda
explicabo reiciendis consequatur consequuntur expedita maiores
fugit natus est rem sapiente iusto earum dicta labore.
<Text fz={"sm"} lineClamp={2}>
{e.deskripsi}
</Text>
{/* <Group position="apart">
{Array(6)
.fill(0)
.map((e, i) => (
<Avatar key={i} bg="blue" radius={"xl"} />
))}
</Group> */}
</Stack>
</Card>
))}
</Card.Section>
</Card>
))}
</>
);
}

8
src/app_modules/event/main/history/index.tsx Normal file
View File

@@ -0,0 +1,8 @@
"use client"
export default function Event_History(){
return<>
ini history
</>
}

99
src/app_modules/event/main/kontribusi/index.tsx
View File

@@ -1,14 +1,32 @@
"use client";
import { Avatar, Box, Card, Group, Stack, Tabs, Text } from "@mantine/core";
import {
Avatar,
Box,
Card,
Flex,
Grid,
Group,
Stack,
Tabs,
Text,
Title,
} from "@mantine/core";
import { useState } from "react";
import Event_KontribusiPanitia from "./panitia";
import Event_KontribusiPeserta from "./peserta";
import moment from "moment";
import { useRouter } from "next/navigation";
import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
import { MODEL_EVENT_PESERTA } from "../../model/interface";
import ComponentGlobal_AuthorNameOnHeader from "@/app_modules/component_global/author_name_on_header";
import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
export default function Event_Kontribusi() {
export default function Event_Kontribusi({
listKontribusi,
}: {
listKontribusi: MODEL_EVENT_PESERTA[];
}) {
const router = useRouter();
const [tabsKontribusi, setTabsKontribusi] = useState<string | any>("Panitia");
const listTabs = [
@@ -26,45 +44,56 @@ export default function Event_Kontribusi() {
return (
<>
{Array(5)
.fill(0)
.map((e, i) => (
<Card
key={i}
shadow="sm"
padding="md"
radius="md"
withBorder
mb={"md"}
onClick={() => router.push(RouterEvent.detail_kontribusi)}
{/* <pre>{JSON.stringify(listKontribusi, null,2)}</pre> */}
{listKontribusi.map((e, i) => (
<Card key={e.id} shadow="lg" radius={"md"} withBorder mb={"sm"}>
<Card.Section px={"sm"} pt={"sm"}>
<ComponentGlobal_AuthorNameOnHeader
profileId={e.Event.Author.Profile.id}
imagesId={e.Event.Author.Profile.imagesId}
authorName={e.Event.Author.Profile.name}
/>
</Card.Section>
<Card.Section
p={"sm"}
onClick={() => router.push(RouterEvent.detail_kontribusi + e.Event.id)}
>
{/* <Card.Section p={"xs"}>
<Skeleton visible={loading} h={200}></Skeleton>
</Card.Section> */}
<Stack>
<Group position="apart" mt="md" mb="xs">
<Text weight={500}>Nama Event</Text>
<Text fz={"sm"}>{moment(new Date()).format("ll")}</Text>
</Group>
<Grid>
<Grid.Col span={8}>
<Title order={6} truncate>
{e.Event.title}
</Title>
</Grid.Col>
<Grid.Col span={4}>
<Text fz={"sm"} truncate>
{moment(e.Event.tanggal).format("ll")}
</Text>
</Grid.Col>
</Grid>
{/* <Text size="sm" color="dimmed" lineClamp={2}>
Deskripsi: Lorem ipsum dolor sit amet consectetur adipisicing
elit. Nisi non ducimus voluptatibus vel, officiis assumenda
explicabo reiciendis consequatur consequuntur expedita maiores
fugit natus est rem sapiente iusto earum dicta labore.
</Text> */}
{/* <Text fz={"sm"} lineClamp={2}>
{e.Event.deskripsi}
</Text> */}
<Group position="apart">
{Array(6)
.fill(0)
.map((e, i) => (
<Avatar key={i} bg="blue" radius={"xl"} />
))}
<Group position="center">
{e.Event.Event_Peserta.map((val) => (
<Box key={val.id}>
<Avatar
size={"lg"}
radius={"xl"}
sx={{ borderStyle: "solid", borderWidth: "0.5px" }}
src={
RouterProfile.api_foto_profile + val.User.Profile.imagesId
}
/>
</Box>
))}
</Group>
</Stack>
</Card>
))}
</Card.Section>
</Card>
))}
</>
);

35
src/app_modules/event/main/layout.tsx
View File

@@ -16,6 +16,8 @@ import ComponentEvent_HeaderTamplate from "../component/header_tamplate";
import {
IconCalendarEvent,
IconCirclePlus,
IconHistory,
IconHome,
IconTimelineEvent,
IconTimelineEventText,
} from "@tabler/icons-react";
@@ -36,12 +38,12 @@ export default function LayoutEvent_Main({
id: "1",
name: "Beranda",
path: RouterEvent.beranda,
icon: <IconTimelineEvent />,
icon: <IconHome />,
},
{
id: "2",
name: "Status event",
name: "Status Event",
path: RouterEvent.status_page,
icon: <IconTimelineEventText />,
},
@@ -51,28 +53,24 @@ export default function LayoutEvent_Main({
path: RouterEvent.kontribusi,
icon: <IconCalendarEvent />,
},
{
id: "4",
name: "History",
path: RouterEvent.history,
icon: <IconHistory />,
}
];
return (
<>
<AppShell
header={<ComponentEvent_HeaderTamplate title="Event" route={RouterHome.main_home}/>}
header={
<ComponentEvent_HeaderTamplate
title="Event"
route={RouterHome.main_home}
/>
}
footer={
<Footer height={70} bg={"dark"} sx={{ borderTop: "px solid blue" }}>
{/* <Center>
<ActionIcon
sx={{
zIndex: 1,
position: "absolute",
}}
variant="transparent"
bg={"blue"}
radius={"xl"}
size={"lg"}
onClick={() => router.push(RouterEvent.create)}
>
<IconCirclePlus color="white" size={30} />
</ActionIcon>
</Center> */}
<Grid>
{listFooter.map((e, i) => (
<Grid.Col
@@ -82,7 +80,6 @@ export default function LayoutEvent_Main({
onClick={() => {
router.replace(e.path);
setHotMenu(i);
}}
>
<Center>

49
src/app_modules/event/main/status_page/draft.tsx
View File

@@ -1,39 +1,34 @@
"use client";
import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
import { Group, Paper, Stack, Text, Title } from "@mantine/core";
import { Box, Center, Group, Paper, Stack, Text, Title } from "@mantine/core";
import moment from "moment";
import { useRouter } from "next/navigation";
import { MODEL_EVENT } from "../../model/interface";
import { useState } from "react";
import ComponentEvent_BoxListStatus from "../../component/box_list_status";
import _ from "lodash";
export default function Event_StatusDraft() {
const router = useRouter()
export default function Event_StatusDraft({
listDraft,
}: {
listDraft: MODEL_EVENT[];
}) {
const router = useRouter();
if (_.isEmpty(listDraft))
return (
<Center h={"50vh"} fz={"sm"} fw={"bold"}>
Tidak Ada Event
</Center>
);
return (
<>
{Array(5)
.fill(0)
{listDraft
.map((e, i) => (
<Paper
key={i}
shadow="lg"
radius={"md"}
p={"md"}
withBorder
mb={"md"}
onClick={() => router.push(RouterEvent.detail_draft)}
>
<Stack>
<Group position="apart">
<Title order={6}>Nama Event</Title>
<Text fz={"sm"}>{moment(new Date()).format("ll")}</Text>
</Group>
<Text fz={"sm"} lineClamp={2}>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam
velit modi ut consequatur, iure eaque numquam id iste, nihil
laborum facilis dolores vel possimus earum ullam, necessitatibus
omnis tenetur repellendus.
</Text>
</Stack>
</Paper>
<Box key={e.id}>
<ComponentEvent_BoxListStatus data={e} path={RouterEvent.detail_draft}/>
</Box>
))}
</>
);

22
src/app_modules/event/main/status_page/index.tsx
View File

@@ -11,29 +11,40 @@ import Event_StatusPublish from "./publish";
import Event_StatusReview from "./review";
import Event_StatusDraft from "./draft";
import Event_StatusReject from "./reject";
import { MODEL_EVENT } from "../../model/interface";
export default function Event_StatusPage() {
export default function Event_StatusPage({
listPublish,
listReview,
listDraft,
listReject,
}: {
listPublish: any;
listReview: any;
listDraft: any;
listReject: any;
}) {
const router = useRouter();
const [tabsStatus, setTabsStatus] = useAtom(gs_event_status);
const listTabs = [
{
id: 1,
path: <Event_StatusPublish/>,
path: <Event_StatusPublish listPublish={listPublish} />,
value: "Publish",
},
{
id: 2,
path: <Event_StatusReview/>,
path: <Event_StatusReview listReview={listReview} />,
value: "Review",
},
{
id: 3,
path: <Event_StatusDraft/>,
path: <Event_StatusDraft listDraft={listDraft} />,
value: "Draft",
},
{
id: 4,
path: <Event_StatusReject/>,
path: <Event_StatusReject listReject={listReject} />,
value: "Reject",
},
];
@@ -65,6 +76,7 @@ export default function Event_StatusPage() {
key={e.id}
value={e.value}
bg={tabsStatus === e.value ? "blue" : "gray.1"}
fw={tabsStatus === e.value ? "bold" : "normal"}
>
{e.value}
</Tabs.Tab>

48
src/app_modules/event/main/status_page/publish.tsx
View File

@@ -1,39 +1,35 @@
"use client";
import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
import { Group, Paper, Stack, Text, Title } from "@mantine/core";
import { Box, Center, Group, Paper, Stack, Text, Title } from "@mantine/core";
import moment from "moment";
import { useRouter } from "next/navigation";
import { MODEL_EVENT } from "../../model/interface";
import ComponentEvent_BoxListStatus from "../../component/box_list_status";
import _ from "lodash";
export default function Event_StatusPublish() {
export default function Event_StatusPublish({
listPublish,
}: {
listPublish: MODEL_EVENT[];
}) {
const router = useRouter();
if (_.isEmpty(listPublish))
return (
<Center h={"50vh"} fz={"sm"} fw={"bold"}>
Tidak Ada Event
</Center>
);
return (
<>
{Array(5)
.fill(0)
{listPublish
.map((e, i) => (
<Paper
key={i}
shadow="lg"
radius={"md"}
p={"md"}
withBorder
mb={"md"}
onClick={() => router.push(RouterEvent.detail_publish)}
>
<Stack>
<Group position="apart">
<Title order={6}>Nama Event</Title>
<Text fz={"sm"}>{moment(new Date()).format("ll")}</Text>
</Group>
<Text fz={"sm"} lineClamp={2}>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam
velit modi ut consequatur, iure eaque numquam id iste, nihil
laborum facilis dolores vel possimus earum ullam, necessitatibus
omnis tenetur repellendus.
</Text>
</Stack>
</Paper>
<Box key={e.id}>
<ComponentEvent_BoxListStatus data={e} path={RouterEvent.detail_publish}/>
</Box>
))}
</>
);

53
src/app_modules/event/main/status_page/reject.tsx
View File

@@ -1,40 +1,35 @@
"use client";
import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
import { Group, Paper, Stack, Text, Title } from "@mantine/core";
import { Box, Center, Group, Paper, Stack, Text, Title } from "@mantine/core";
import moment from "moment";
import { useRouter } from "next/navigation";
import { MODEL_EVENT } from "../../model/interface";
import ComponentEvent_BoxListStatus from "../../component/box_list_status";
import _ from "lodash";
export default function Event_StatusReject() {
const router = useRouter()
export default function Event_StatusReject({
listReject,
}: {
listReject: MODEL_EVENT[];
}) {
const router = useRouter();
if (_.isEmpty(listReject))
return (
<Center h={"50vh"} fz={"sm"} fw={"bold"}>
Tidak Ada Event
</Center>
);
return (
<>
{Array(5)
.fill(0)
.map((e, i) => (
<Paper
key={i}
shadow="lg"
radius={"md"}
p={"md"}
withBorder
mb={"md"}
onClick={() => router.push(RouterEvent.detail_reject)}
>
<Stack>
<Group position="apart">
<Title order={6}>Nama Event</Title>
<Text fz={"sm"}>{moment(new Date()).format("ll")}</Text>
</Group>
<Text fz={"sm"} lineClamp={2}>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam
velit modi ut consequatur, iure eaque numquam id iste, nihil
laborum facilis dolores vel possimus earum ullam, necessitatibus
omnis tenetur repellendus.
</Text>
</Stack>
</Paper>
))}
{listReject.map((e, i) => (
<Box key={e.id}>
<ComponentEvent_BoxListStatus
data={e}
path={RouterEvent.detail_reject}
/>
</Box>
))}
</>
);
}

55
src/app_modules/event/main/status_page/review.tsx
View File

@@ -1,40 +1,37 @@
"use client";
import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
import { Group, Paper, Stack, Text, Title } from "@mantine/core";
import { Box, Center, Group, Paper, Stack, Text, Title } from "@mantine/core";
import moment from "moment";
import { useRouter } from "next/navigation";
import { MODEL_EVENT } from "../../model/interface";
import { useState } from "react";
import ComponentEvent_BoxListStatus from "../../component/box_list_status";
import _ from "lodash";
export default function Event_StatusReview() {
const router = useRouter()
export default function Event_StatusReview({
listReview,
}: {
listReview: MODEL_EVENT[];
}) {
const router = useRouter();
if (_.isEmpty(listReview))
return (
<Center h={"50vh"} fz={"sm"} fw={"bold"}>
Tidak Ada Event
</Center>
);
return (
<>
{Array(5)
.fill(0)
.map((e, i) => (
<Paper
key={i}
shadow="lg"
radius={"md"}
p={"md"}
withBorder
mb={"md"}
onClick={() => router.push(RouterEvent.detail_review)}
>
<Stack>
<Group position="apart">
<Title order={6}>Nama Event</Title>
<Text fz={"sm"}>{moment(new Date()).format("ll")}</Text>
</Group>
<Text fz={"sm"} lineClamp={2}>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam
velit modi ut consequatur, iure eaque numquam id iste, nihil
laborum facilis dolores vel possimus earum ullam, necessitatibus
omnis tenetur repellendus.
</Text>
</Stack>
</Paper>
))}
{listReview.map((e, i) => (
<Box key={e.id}>
<ComponentEvent_BoxListStatus
data={e}
path={RouterEvent.detail_review}
/>
</Box>
))}
</>
);
}

32
src/app_modules/event/model/interface.ts Normal file
View File

@@ -0,0 +1,32 @@
import { MODEL_USER } from "@/app_modules/home/model/interface";
import { MODEL_DEFAULT_MASTER } from "@/app_modules/model_global/interface";
export interface MODEL_EVENT {
id: string;
title: string;
lokasi: string;
tanggal: Date;
deskripsi: string;
active: boolean;
createdAt: Date;
updatedAt: Date;
catatan: string;
authorId: string;
Author: MODEL_USER;
eventMaster_StatusId: string;
EventMaster_Status: MODEL_DEFAULT_MASTER;
eventMaster_TipeAcaraId: number;
EventMaster_TipeAcara: MODEL_DEFAULT_MASTER;
Event_Peserta: MODEL_EVENT_PESERTA[];
}
export interface MODEL_EVENT_PESERTA {
id: string;
active: boolean;
createdAt: Date;
updatedAt: Date;
userId: string;
User: MODEL_USER;
eventId: string;
Event: MODEL_EVENT;
}