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

fix event

Browse Source 
deskripsi:
- fix api status event
This commit is contained in:
Bagasbanuna02
2025-02-20 16:43:43 +08:00
parent 4e42dd7a94
commit ae1554a47f
10 changed files with 349 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/app/api/event/status/[name]/route.ts Normal file
View File

@@ -0,0 +1,85 @@
import { funGetUserIdByToken } from "@/app_modules/_global/fun/get";
import backendLogger from "@/util/backendLogger";
import _ from "lodash";
import { NextResponse } from "next/server";
export async function GET(
request: Request,
{ params }: { params: { name: string } }
) {
try {
let fixData;
const { name } = params;
const { searchParams } = new URL(request.url);
const page = searchParams.get("page");
const takeData = 6;
const skipData = Number(page) * takeData - takeData;
const userLoginId = await funGetUserIdByToken();
if (!userLoginId) {
return NextResponse.json(
{
success: false,
message: "Gagal mendapatkan data",
reason: "User Unauthorized",
},
{
status: 401,
}
);
}
if (!page) {
fixData = await prisma.event.findMany({
orderBy: {
updatedAt: "desc",
},
where: {
active: true,
authorId: userLoginId,
isArsip: false,
},
include: {
EventMaster_Status: true,
},
});
} else {
const fixStatusName = _.startCase(name);
fixData = await prisma.event.findMany({
take: takeData,
skip: skipData,
orderBy: {
tanggal: "asc",
},
where: {
active: true,
authorId: userLoginId,
isArsip: false,
EventMaster_Status: {
name: fixStatusName || name,
},
},
include: {
EventMaster_Status: true,
},
});
}
return NextResponse.json({
success: true,
message: "Success",
data: fixData,
});
} catch (error) {
backendLogger.error("Error get data event ", error);
return NextResponse.json(
{
success: false,
message: "Failed to get data",
reason: (error as Error).message,
},
{ status: 500 }
);
}
}

22
src/app/dev/event/main/status/[id]/page.tsx
View File

@@ -1,25 +1,21 @@
import { Event_StatusPage } from "@/app_modules/event";
import {
event_getAllByStatusId,
event_getMasterStatus,
event_getAllByStatusId,
event_getMasterStatus,
} from "@/app_modules/event/fun";
async function Page({ params }: { params: { id: string } }) {
let statusId = params.id;
const listStatus = await event_getMasterStatus();
// let statusId = params.id;
// const listStatus = await event_getMasterStatus();
const dataStatus = await event_getAllByStatusId({
page: 1,
statusId: statusId,
});
// const dataStatus = await event_getAllByStatusId({
// page: 1,
// statusId: statusId,
// });
return (
<>
<Event_StatusPage
statusId={statusId}
dataStatus={dataStatus}
listStatus={listStatus}
/>
<Event_StatusPage />
</>
);
}

2
src/app_modules/event/component/box_list_status.tsx
View File

@@ -39,7 +39,7 @@ export default function ComponentEvent_BoxListStatus({
<Text c={MainColor.white} align="right" fz={"sm"} lineClamp={1}>
{new Intl.DateTimeFormat("id-ID", {
dateStyle: "medium",
}).format(data.tanggal)}
}).format(new Date(data.tanggal))}
</Text>
</Group>

45
src/app_modules/event/component/button/api_fetch_event.ts Normal file
View File

@@ -0,0 +1,45 @@
export { apiGetEventByStatus };
const apiGetEventByStatus = async ({
status,
page,
}: {
status: string;
page: string;
}) => {
try {
// Fetch token from cookie
const { token } = await fetch("/api/get-cookie").then((res) => res.json());
if (!token) {
console.error("No token found");
return null;
}
// Send PUT request to update portfolio logo
const isPage = `?page=${page}`;
const response = await fetch(`/api/event/status/${status}${isPage}`, {
method: "GET",
headers: {
"Content-Type": "application/json",
Accept: "application/json",
Authorization: `Bearer ${token}`,
},
});
// Check if the response is OK
if (!response.ok) {
const errorData = await response.json().catch(() => null);
console.error(
"Error updating portfolio logo:",
errorData?.message || "Unknown error"
);
return null;
}
return await response.json();
} catch (error) {
console.error("Error updating portfolio medsos:", error);
throw error; // Re-throw the error to handle it in the calling function
}
};

73
src/app_modules/event/component/button/button_create_event.tsx
View File

@@ -1,21 +1,19 @@
import { IRealtimeData } from "@/lib/global_state";
import { RouterEvent } from "@/lib/router_hipmi/router_event";
import { MainColor } from "@/app_modules/_global/color";
import {
ComponentGlobal_NotifikasiBerhasil,
ComponentGlobal_NotifikasiGagal,
ComponentGlobal_NotifikasiPeringatan,
} from "@/app_modules/_global/notif_global";
import { notifikasiToAdmin_funCreate } from "@/app_modules/notifikasi/fun";
import { IRealtimeData } from "@/lib/global_state";
import { RouterEvent } from "@/lib/router_hipmi/router_event";
import { Button } from "@mantine/core";
import { useAtom } from "jotai";
import moment from "moment";
import { useRouter } from "next/navigation";
import { useState } from "react";
import { WibuRealtime } from "wibu-pkg";
import { Event_funCreate } from "../../fun/create/fun_create";
import { gs_event_hotMenu } from "../../global_state";
import { event_checkStatus } from "../../fun/get/fun_check_status_by_id";
import { clientLogger } from "@/util/clientLogger";
export default function Event_ComponentCreateButton({
value,
@@ -31,42 +29,47 @@ export default function Event_ComponentCreateButton({
const [isLoading, setLoading] = useState(false);
async function onSave() {
const res = await Event_funCreate(value);
try {
setLoading(true);
const res = await Event_funCreate(value);
if (res.status === 201) {
const dataNotifikasi: IRealtimeData = {
appId: res.data?.id as any,
status: res.data?.EventMaster_Status?.name as any,
userId: res.data?.authorId as any,
pesan: res.data?.title as any,
kategoriApp: "EVENT",
title: "Event baru",
};
if (res.status === 201) {
const dataNotifikasi: IRealtimeData = {
appId: res.data?.id as any,
status: res.data?.EventMaster_Status?.name as any,
userId: res.data?.authorId as any,
pesan: res.data?.title as any,
kategoriApp: "EVENT",
title: "Event baru",
};
const notif = await notifikasiToAdmin_funCreate({
data: dataNotifikasi as any,
});
if (notif.status === 201) {
WibuRealtime.setData({
type: "notification",
pushNotificationTo: "ADMIN",
const notif = await notifikasiToAdmin_funCreate({
data: dataNotifikasi as any,
});
WibuRealtime.setData({
type: "trigger",
pushNotificationTo: "ADMIN",
dataMessage: dataNotifikasi,
});
if (notif.status === 201) {
WibuRealtime.setData({
type: "notification",
pushNotificationTo: "ADMIN",
});
ComponentGlobal_NotifikasiBerhasil(res.message);
setHotMenu(1);
setLoading(true);
router.push(RouterEvent.status({ id: "2" }), { scroll: false });
WibuRealtime.setData({
type: "trigger",
pushNotificationTo: "ADMIN",
dataMessage: dataNotifikasi,
});
ComponentGlobal_NotifikasiBerhasil(res.message);
setHotMenu(1);
router.push(RouterEvent.status({ id: "2" }), { scroll: false });
}
} else {
setLoading(false);
ComponentGlobal_NotifikasiGagal(res.message);
}
} else {
ComponentGlobal_NotifikasiGagal(res.message);
} catch (error) {
setLoading(false);
clientLogger.error("Error create event", error);
}
}

61
src/app_modules/event/fun/create/fun_create.ts
View File

@@ -6,33 +6,40 @@ import { revalidatePath } from "next/cache";
import _ from "lodash";
export async function Event_funCreate(req: MODEL_EVENT) {
const res = await prisma.event.create({
data: {
title: _.startCase(req.title),
lokasi: req.lokasi,
deskripsi: req.deskripsi,
eventMaster_TipeAcaraId: req.eventMaster_TipeAcaraId,
tanggal: req.tanggal,
tanggalSelesai: req.tanggalSelesai,
authorId: req.authorId,
},
select: {
id: true,
title: true,
EventMaster_Status: {
select: {
name: true,
},
try {
const res = await prisma.event.create({
data: {
title: _.startCase(req.title),
lokasi: req.lokasi,
deskripsi: req.deskripsi,
eventMaster_TipeAcaraId: req.eventMaster_TipeAcaraId,
tanggal: req.tanggal,
tanggalSelesai: req.tanggalSelesai,
authorId: req.authorId,
},
authorId: true,
},
});
select: {
id: true,
title: true,
EventMaster_Status: {
select: {
name: true,
},
},
authorId: true,
},
});
if (!res) return { status: 400, message: "Gagal Disimpan" };
revalidatePath("/dev/event/main/status_page");
return {
data: res,
status: 201,
message: "Berhasil Disimpan",
};
if (!res) return { status: 400, message: "Gagal disimpan" };
revalidatePath("/dev/event/main/status_page");
return {
data: res,
status: 201,
message: "Berhasil disimpan",
};
} catch (error) {
return {
status: 500,
message: "Error create event",
};
}
}

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

@@ -7,28 +7,23 @@ import {
} from "@/app_modules/_global/color/color_pallet";
import { MODEL_NEW_DEFAULT_MASTER } from "@/app_modules/model_global/interface";
import { Box, Stack, Tabs } from "@mantine/core";
import { useRouter } from "next/navigation";
import { useParams, useRouter } from "next/navigation";
import { useState } from "react";
import Event_StatusDraft from "./draft";
import Event_StatusPublish from "./publish";
import Event_StatusReject from "./reject";
import Event_StatusReview from "./review";
import { globalStatusApp } from "@/app_modules/_global/lib";
import Event_ViewStatus from "./view_status";
export default function Event_StatusPage({
statusId,
dataStatus,
listStatus,
}: {
statusId: string;
dataStatus: any[];
listStatus: MODEL_NEW_DEFAULT_MASTER[];
}) {
export default function Event_StatusPage() {
// const [changeStatus, setChangeStatus] = useState(statusId);
// async function onChangeStatus({ statusId }: { statusId: string }) {
// router.replace(RouterEvent.status({ id: statusId }));
// }
const router = useRouter();
const [changeStatus, setChangeStatus] = useState(statusId);
async function onChangeStatus({ statusId }: { statusId: string }) {
router.replace(RouterEvent.status({ id: statusId }));
}
const param = useParams<{ id: string }>();
const statusId = param.id;
return (
<>
@@ -36,10 +31,10 @@ export default function Event_StatusPage({
variant="pills"
radius="xl"
mt={1}
value={changeStatus}
defaultValue={statusId}
value={statusId}
onTabChange={(val: any) => {
setChangeStatus(val);
onChangeStatus({ statusId: val });
router.replace(RouterEvent.status({ id: val }));
}}
styles={{
tabsList: {
@@ -52,18 +47,21 @@ export default function Event_StatusPage({
>
<Stack>
<Tabs.List grow>
{listStatus.map((e) => (
{globalStatusApp.map((e) => (
<Tabs.Tab
key={e.id}
value={e.id}
fw={"bold"}
style={{
transition: "0.5s",
color: changeStatus === e.id ? MainColor.darkblue : MainColor.black,
color:
statusId === e.id
? MainColor.darkblue
: MainColor.black,
backgroundColor:
changeStatus === e.id ? MainColor.yellow : MainColor.white,
statusId === e.id ? MainColor.yellow : MainColor.white,
border:
changeStatus === e.id
statusId === e.id
? `1px solid ${AccentColor.yellow}`
: `1px solid ${MainColor.white}`,
}}
@@ -73,7 +71,9 @@ export default function Event_StatusPage({
))}
</Tabs.List>
<Box>
<Event_ViewStatus/>
{/* <Box>
{changeStatus === "1" && (
<Event_StatusPublish listPublish={dataStatus} />
)}
@@ -86,7 +86,7 @@ export default function Event_StatusPage({
{changeStatus === "4" && (
<Event_StatusReject listReject={dataStatus} />
)}
</Box>
</Box> */}
</Stack>
</Tabs>
</>

111
src/app_modules/event/main/status_page/view_status.tsx Normal file
View File

@@ -0,0 +1,111 @@
"use client";
import { RouterEvent } from "@/lib/router_hipmi/router_event";
import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
import ComponentGlobal_Loader from "@/app_modules/_global/component/loader";
import { Box, Center, Stack } from "@mantine/core";
import _ from "lodash";
import { ScrollOnly } from "next-scroll-loader";
import { useState } from "react";
import ComponentEvent_BoxListStatus from "../../component/box_list_status";
import { event_getAllByStatusId } from "../../fun";
import { MODEL_EVENT } from "../../_lib/interface";
import { useParams } from "next/navigation";
import { globalStatusApp } from "@/app_modules/_global/lib";
import { apiGetJobByStatus } from "@/app_modules/job/component/api_fetch_job";
import { clientLogger } from "@/util/clientLogger";
import { useShallowEffect } from "@mantine/hooks";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
import { apiGetEventByStatus } from "../../component/button/api_fetch_event";
export default function Event_ViewStatus() {
const param = useParams<{ id: string }>();
const [data, setData] = useState<any[] | null>(null);
const [activePage, setActivePage] = useState(1);
useShallowEffect(() => {
handleLoadData();
}, []);
const handleLoadData = async () => {
try {
const cek = globalStatusApp.find((e) => e.id === param.id);
const response = await apiGetEventByStatus({
status: cek?.name as string,
page: `${activePage}`,
});
if (response.success) {
setData(response.data);
}
} catch (error) {
clientLogger.error("Error get job", error);
}
};
const hanldeMoreData = async () => {
try {
const cek = globalStatusApp.find((e) => e.id === param.id);
const nextPage = activePage + 1;
const response = await apiGetEventByStatus({
status: cek?.name as string,
page: `${nextPage}`,
});
if (response.success) {
setActivePage(nextPage);
return response.data;
}
} catch (error) {
clientLogger.error("Error get job", error);
}
};
if (!data)
return (
<>
<Stack>
<CustomSkeleton height={100} width={"100%"} />
<CustomSkeleton height={100} width={"100%"} />
</Stack>
</>
);
return (
<>
{_.isEmpty(data) ? (
<ComponentGlobal_IsEmptyData />
) : (
// --- Main component --- //
<Box>
<ScrollOnly
height="75vh"
renderLoading={() => (
<Center mt={"lg"}>
<ComponentGlobal_Loader size={25} />
</Center>
)}
data={data}
setData={setData as any}
moreData={hanldeMoreData}
>
{(item) => (
<ComponentEvent_BoxListStatus
data={item}
path={
param.id == "1"
? RouterEvent.detail_publish
: param.id == "2"
? RouterEvent.detail_review
: param.id == "3"
? RouterEvent.detail_draft
: param.id == "4"
? RouterEvent.detail_reject
: ""
}
/>
)}
</ScrollOnly>
</Box>
)}
</>
);
}

2
src/app_modules/user_search/component/api_fetch_user_search.ts
View File

@@ -10,7 +10,7 @@ export const apiGetUserSearch = async ({
const isPage = page ? `?page=${page}` : "";
const isSearch = search ? `&search=${search}` : "";
console.log("page", page);
const response = await fetch(`/api/user${isPage}${isSearch}`, {
method: "GET",
headers: {

2
src/middleware.ts
View File

@@ -29,7 +29,7 @@ const middlewareConfig: MiddlewareConfig = {
"/api/logs/*",
"/api/auth/*",
"/api/origin-url",
"/api/event/*",
// "/api/event/*",
// ADMIN API
// >> buat dibawah sini <<