API Dashboard Admin Table JOB

This commit is contained in:
2025-02-06 17:31:09 +08:00
parent f27a900604
commit be318e7136
14 changed files with 809 additions and 487 deletions

View File

@@ -1 +1,5 @@
{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","originalColumn":16,"originalLine":1069,"stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n at new eS (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n at e_ (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n at i (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n at get (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1217)\n at GET (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1084)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n at run (node:async_hooks:64:22)","timestamp":"2025-02-06T02:49:36.302Z"} {"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","originalColumn":16,"originalLine":1069,"stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n at new eS (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n at e_ (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n at i (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n at get (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1217)\n at GET (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1084)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n at run (node:async_hooks:64:22)","timestamp":"2025-02-06T02:49:36.302Z"}
{"level":"info","message":"Server status code: 201","timestamp":"2025-02-06T04:29:03.189Z"}
{"level":"info","message":"Success upload job_image: {\"id\":\"cm6su8iqb003dhcxkig4t2tpt\",\"name\":\"cr.jpeg\",\"path\":\"/cm0ur1yxw000056nsjlr6187p/2025/02/06/cr.jpeg\",\"mime\":\"image/jpeg\",\"ext\":\".jpeg\",\"desc\":null,\"size\":187018,\"active\":true,\"createdAt\":\"2025-02-06T04:29:03.057Z\",\"updatedAt\":\"2025-02-06T04:29:03.059Z\",\"userId\":\"cm0ur1yxw000056nsjlr6187p\",\"dirId\":\"cm0ypp6zl0003kp7jf59zuvjy\"}","timestamp":"2025-02-06T04:29:03.208Z"}
{"clientVersion":"6.3.0","level":"error","message":"Eror get data \nInvalid `prisma.job.findMany()` invocation:\n\n{\n orderBy: {\n updatedAt: \"desc\"\n },\n where: {\n masterStatusId: \"2\",\n isActive: true,\n title: {\n mode: \"insensitive\",\n+ contains: String\n }\n },\n include: {\n Author: true\n }\n}\n\nArgument `contains` must not be null.","name":"PrismaClientValidationError","originalColumn":12,"originalLine":10682,"stack":"PrismaClientValidationError: \nInvalid `prisma.job.findMany()` invocation:\n\n{\n orderBy: {\n updatedAt: \"desc\"\n },\n where: {\n masterStatusId: \"2\",\n isActive: true,\n title: {\n mode: \"insensitive\",\n+ contains: String\n }\n },\n include: {\n Author: true\n }\n}\n\nArgument `contains` must not be null.\n at new PrismaClientValidationError (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:148:2395)\n at Hl (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:156:1379)\n at handleRequestError (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:258:7006)\n at handleAndLogRequestError (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:258:6687)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:258:6394)\n at processTicksAndRejections (native:7:39)","timestamp":"2025-02-06T04:39:51.823Z"}
{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","originalColumn":16,"originalLine":1069,"stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n at new eS (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n at e_ (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n at i (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n at get (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1217)\n at GET (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1084)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n at run (node:async_hooks:64:22)","timestamp":"2025-02-06T09:29:21.573Z"}

View File

@@ -1 +1,3 @@
{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","originalColumn":16,"originalLine":1069,"stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n at new eS (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n at e_ (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n at i (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n at get (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1217)\n at GET (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1084)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n at run (node:async_hooks:64:22)","timestamp":"2025-02-06T02:49:36.302Z"} {"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","originalColumn":16,"originalLine":1069,"stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n at new eS (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n at e_ (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n at i (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n at get (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1217)\n at GET (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1084)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n at run (node:async_hooks:64:22)","timestamp":"2025-02-06T02:49:36.302Z"}
{"clientVersion":"6.3.0","level":"error","message":"Eror get data \nInvalid `prisma.job.findMany()` invocation:\n\n{\n orderBy: {\n updatedAt: \"desc\"\n },\n where: {\n masterStatusId: \"2\",\n isActive: true,\n title: {\n mode: \"insensitive\",\n+ contains: String\n }\n },\n include: {\n Author: true\n }\n}\n\nArgument `contains` must not be null.","name":"PrismaClientValidationError","originalColumn":12,"originalLine":10682,"stack":"PrismaClientValidationError: \nInvalid `prisma.job.findMany()` invocation:\n\n{\n orderBy: {\n updatedAt: \"desc\"\n },\n where: {\n masterStatusId: \"2\",\n isActive: true,\n title: {\n mode: \"insensitive\",\n+ contains: String\n }\n },\n include: {\n Author: true\n }\n}\n\nArgument `contains` must not be null.\n at new PrismaClientValidationError (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:148:2395)\n at Hl (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:156:1379)\n at handleRequestError (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:258:7006)\n at handleAndLogRequestError (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:258:6687)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/@prisma/client/runtime/binary.js:258:6394)\n at processTicksAndRejections (native:7:39)","timestamp":"2025-02-06T04:39:51.823Z"}
{"digest":"DYNAMIC_SERVER_USAGE","level":"error","message":"Error get data detail event: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error","originalColumn":16,"originalLine":1069,"stack":"Error: Dynamic server usage: Page couldn't be rendered statically because it used `request.url`. See more info here: https://nextjs.org/docs/messages/dynamic-server-error\n at new eS (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:26724)\n at e_ (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:27574)\n at i (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32507)\n at get (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:32603)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1217)\n at GET (/Users/lukman/Documents/projects/BIP/hipmi/.next/server/app/api/event/check-peserta/route.js:1:1084)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:39714)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:33303)\n at <anonymous> (/Users/lukman/Documents/projects/BIP/hipmi/node_modules/next/dist/server/lib/trace/tracer.js:121:36)\n at run (node:async_hooks:64:22)","timestamp":"2025-02-06T09:29:21.573Z"}

View File

@@ -0,0 +1,112 @@
import { Job_Status } from '@/app_modules/job';
import { prisma } from "@/app/lib";
import _, { take } from "lodash";
import { NextResponse } from "next/server";
import backendLogger from '@/util/backendLogger';
import moment from 'moment';
export async function GET(request: Request, { params }: {
params: { status: string }
}
) {
const method = request.method;
if (method !== 'GET') {
return NextResponse.json({
success: false,
message: "Method not allowed"
},
{ status: 405 }
)
}
const { status } = params;
const { searchParams } = new URL(request.url);
const search = searchParams.get("search");
const page = searchParams.get("page");
const takeData = 10
const skipData = Number(page) * takeData - takeData;
try {
let fixData;
const fixStatus = _.startCase(status);
if (!page) {
fixData = await prisma.job.findMany({
orderBy: {
updatedAt: "desc"
},
where: {
isActive: true,
isArsip: false,
MasterStatus: {
name: fixStatus
},
title: {
contains: search ? search : "",
mode: "insensitive"
}
},
include: {
Author: true,
},
})
} else {
fixData = await prisma.job.findMany({
take: takeData,
skip: skipData,
orderBy: {
updatedAt: "desc"
},
where: {
isActive: true,
isArsip: false,
MasterStatus: {
name: fixStatus
},
title: {
contains: search ? search : "",
mode: "insensitive"
}
},
include: {
Author: true,
},
})
const nCount = await prisma.job.count({
where: {
isActive: true,
isArsip: false,
title: {
contains: search ? search : "",
mode: "insensitive"
}
}
})
fixData = {
data: fixData,
nPage: _.ceil(nCount / takeData)
}
}
return NextResponse.json({
success: true,
message: "Data found",
data: fixData,
},
{ status: 200 }
)
} catch (error) {
backendLogger.error("Eror get data", error)
return NextResponse.json({
success: false,
message: "Data not found",
reason: (error as Error).message
},
{ status: 500 }
)
}
}

View File

@@ -0,0 +1,109 @@
import { prisma } from "@/app/lib";
import _ from "lodash";
import moment from "moment";
import { NextResponse } from "next/server";
export async function GET(request: Request,
{ params }: { params: { status: string } }
) {
const method = request.method;
if (method !== "GET") {
return NextResponse.json({
success: false,
message: "Method not allowed"
},
{ status: 405 }
)
}
const { status } = params;
const { searchParams } = new URL(request.url);
const search = searchParams.get("search");
const page = searchParams.get("page");
const takeData = 10;
const skipData = Number(page) * takeData - takeData;
try {
let fixData;
const fixStatus = _.startCase(status);
if (!page && !search) {
fixData = await prisma.voting.findMany({
orderBy: {
updatedAt: "desc"
},
where: {
isActive: true,
isArsip: false,
Voting_Status: {
name: fixStatus
}
},
include: {
Author: {
select: {
id: true,
username: true,
Profile: {
select: {
name: true
}
}
}
},
Voting_Status: true,
Voting_Kontributor: true,
Voting_DaftarNamaVote: true,
}
})
} else if (!page && search) {
fixData = await prisma.voting.findMany({
orderBy: {
updatedAt: "desc"
},
where: {
isActive: true,
isArsip: false,
Voting_Status: {
name: fixStatus
},
title: {
contains: search,
mode: "insensitive"
}
},
include: {
Author: {
select: {
id: true,
username: true,
Profile: {
select: {
name: true
}
}
}
},
Voting_Status: true,
Voting_Kontributor: true,
Voting_DaftarNamaVote: true,
}
})
} else if (page && !search) {
if (fixStatus === "Publish") {
const getAllData = await prisma.voting.findMany({
where: {
isActive: true,
Voting_Status: {
name: fixStatus
},
isArsip: false
}
});
}
}
} catch (error) {
}
}

View File

@@ -3,11 +3,11 @@ import adminJob_getListPublish from "@/app_modules/admin/job/fun/get/get_list_pu
import { AdminJob_getListTableByStatusId } from "@/app_modules/admin/job/fun/get/get_list_table_by_status_id"; import { AdminJob_getListTableByStatusId } from "@/app_modules/admin/job/fun/get/get_list_table_by_status_id";
export default async function Page() { export default async function Page() {
const listPublish = await adminJob_getListPublish({page: 1})
return ( return (
<> <>
<AdminJob_TablePublish dataPublish={listPublish as any} /> <AdminJob_TablePublish />
</> </>
); );
} }

View File

@@ -2,11 +2,10 @@ import { AdminJob_TableReview } from "@/app_modules/admin/job";
import adminJob_getListReview from "@/app_modules/admin/job/fun/get/get_list_review"; import adminJob_getListReview from "@/app_modules/admin/job/fun/get/get_list_review";
export default async function Page() { export default async function Page() {
const dataReview = await adminJob_getListReview({ page: 1 });
return ( return (
<> <>
<AdminJob_TableReview dataReview={dataReview} /> <AdminJob_TableReview />
</> </>
); );
} }

View File

@@ -47,7 +47,7 @@ export default function AdminEvent_TableReject() {
function TableStatus() { function TableStatus() {
const router = useRouter(); const router = useRouter();
const [data, setData] = useState<MODEL_EVENT[] | null>(null); const [data, setData] = useState<MODEL_EVENT[] | null>(null);
const [isNPage, setNPage] = useState(1); const [isNPage, setNPage] = useState<number>(1);
const [activePage, setActivePage] = useState(1); const [activePage, setActivePage] = useState(1);
const [isSearch, setSearch] = useState(""); const [isSearch, setSearch] = useState("");

View File

@@ -46,15 +46,14 @@ import adminJob_getListReview from "../fun/get/get_list_review";
import { useAtom } from "jotai"; import { useAtom } from "jotai";
import { AccentColor } from "@/app_modules/_global/color"; import { AccentColor } from "@/app_modules/_global/color";
import { AdminColor, MainColor } from "@/app_modules/_global/color/color_pallet"; import { AdminColor, MainColor } from "@/app_modules/_global/color/color_pallet";
import { clientLogger } from "@/util/clientLogger";
import { apiGetAdminJobByStatus } from "../lib/api_fetch_admin_job";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
export default function AdminJob_ViewTavleReview({ export default function AdminJob_ViewTavleReview() {
listReview,
}: {
listReview: any;
}) {
const router = useRouter(); const router = useRouter();
const [data, setData] = useState<MODEL_JOB[]>(listReview.data); const [data, setData] = useState<MODEL_JOB[] | null>(null);
const [nPage, setNPage] = useState(listReview.nPage); const [nPage, setNPage] = useState<number>(1);
const [activePage, setActivePage] = useState(1); const [activePage, setActivePage] = useState(1);
const [isSearch, setSearch] = useState(""); const [isSearch, setSearch] = useState("");
const [publish, setPublish] = useState(false); const [publish, setPublish] = useState(false);
@@ -70,153 +69,159 @@ export default function AdminJob_ViewTavleReview({
const [isShowReload, setIsShowReload] = useState(false); const [isShowReload, setIsShowReload] = useState(false);
useShallowEffect(() => { useShallowEffect(() => {
if (isAdminJob_TriggerReview) { loadInitialData();
setIsShowReload(true); }, [activePage, isSearch]);
const loadInitialData = async () => {
try {
const response = await apiGetAdminJobByStatus({
status: "Review",
page: `${activePage}`,
search: isSearch
})
if (response?.success && response?.data.data) {
setData(response.data.data);
setNPage(response.data.nPage || 1);
} else {
console.error("Invliad data format recieved", response)
setData([]);
}
} catch (error) {
clientLogger.error("Error get data table publish", error);
setData([]);
} }
}, [isAdminJob_TriggerReview, setIsShowReload]); }
// useShallowEffect(() => {
// onLoadData({
// onSuccessLoad(val) {
// setData(val.data);
// setNPage(val.nPage);
// },
// });
// }, [setData, setNPage]);
// async function onLoadData({
// onSuccessLoad,
// }: {
// onSuccessLoad: (val: any) => any;
// }) {
// const loadData = await adminJob_getListReview({ page: 1 });
// onSuccessLoad(loadData);
// }
async function onLoadData() { async function onLoadData() {
const loadData = await adminJob_getListReview({ page: 1 }); loadInitialData();
setData(loadData.data as any);
setNPage(loadData.nPage);
setIsLoading(false); setIsLoading(false);
setIsShowReload(false); setIsShowReload(false);
setIsAdminJob_TriggerReview(false); setIsAdminJob_TriggerReview(false);
} }
async function onSearch(s: string) { const onSearch = async (searchTerm: string) => {
setSearch(s); setSearch(searchTerm);
setActivePage(1); setActivePage(1);
const loadData = await adminJob_getListReview({
page: 1,
search: s,
});
setData(loadData.data as any);
setNPage(loadData.nPage);
} }
async function onPageClick(p: any) { const onPageClick = (page: number) => {
setActivePage(p); setActivePage(page);
const loadData = await adminJob_getListReview({
search: isSearch,
page: p,
});
setData(loadData.data as any);
setNPage(loadData.nPage);
} }
const rowTable = data?.map((e, i) => ( const renderTableBody = () => {
<tr key={i}> if (!Array.isArray(data) || data.length === 0) {
<td> return (
<Center w={150}> <tr>
<Text c={AdminColor.white}>{e?.Author?.username}</Text> <td colSpan={12}>
</Center> <Center>
</td> <Text color="gray">Tidak ada data</Text>
<td>
<Spoiler
w={200}
maxHeight={50}
hideLabel="sembunyikan"
showLabel="tampilkan"
>
{e.title}
</Spoiler>
</td>
<td>
<Center w={200}>
{e.imageId ? (
<Button
loaderPosition="center"
loading={isLoading && jobId == e?.id}
color="green"
radius={"xl"}
leftIcon={<IconPhotoCheck />}
onClick={() => {
setJobId(e?.id);
setIsLoading(true);
router.push(RouterAdminGlobal.preview_image({ id: e.imageId }));
}}
>
Lihat
</Button>
) : (
<Center w={150}>
<Text c={AdminColor.white} fw={"bold"} fz={"xs"} fs={"italic"}>
Tidak ada poster
</Text>
</Center> </Center>
)} </td>
</Center> </tr>
</td> )
<td> }
<Spoiler return data.map((e, i) => (
hideLabel="sembunyikan" <tr key={i}>
w={400} <td>
maxHeight={50} <Center w={150}>
showLabel="tampilkan" <Text c={AdminColor.white}>{e?.Author?.username}</Text>
> </Center>
<div dangerouslySetInnerHTML={{ __html: e.content }} /> </td>
</Spoiler> <td>
</td> <Spoiler
<td> c={AdminColor.white}
<Spoiler w={200}
hideLabel="sembunyikan" maxHeight={50}
w={400} hideLabel="sembunyikan"
maxHeight={50} showLabel="tampilkan"
showLabel="tampilkan" >
> {e.title}
<div dangerouslySetInnerHTML={{ __html: e.deskripsi }} /> </Spoiler>
</Spoiler> </td>
</td> <td>
<td> <Center w={200}>
<Stack> {e.imageId ? (
<Stack align="center"> <Button
<Button loaderPosition="center"
color={"green"} loading={isLoading && jobId == e?.id}
leftIcon={<IconCircleCheck />} color="green"
radius={"xl"} radius={"xl"}
onClick={() => { leftIcon={<IconPhotoCheck />}
setJobId(e?.id); onClick={() => {
setPublish(true); setJobId(e?.id);
} setIsLoading(true);
router.push(RouterAdminGlobal.preview_image({ id: e.imageId }));
} }}
> >
Publish Lihat
</Button> </Button>
<Button ) : (
color={"red"} <Center w={150}>
leftIcon={<IconBan />} <Text c={AdminColor.white} fw={"bold"} fz={"xs"} fs={"italic"}>
radius={"xl"} Tidak ada poster
onClick={() => { </Text>
setReject(true); </Center>
setJobId(e.id); )}
}} </Center>
> </td>
Reject <td>
</Button> <Spoiler
style={{ color: AdminColor.white }}
hideLabel="sembunyikan"
w={400}
maxHeight={50}
showLabel="tampilkan"
>
<div dangerouslySetInnerHTML={{ __html: e.content }} />
</Spoiler>
</td>
<td>
<Spoiler
style={{ color: AdminColor.white }}
hideLabel="sembunyikan"
w={400}
maxHeight={50}
showLabel="tampilkan"
>
<div dangerouslySetInnerHTML={{ __html: e.deskripsi }} />
</Spoiler>
</td>
<td>
<Stack>
<Stack align="center">
<Button
color={"green"}
leftIcon={<IconCircleCheck />}
radius={"xl"}
onClick={() => {
setJobId(e?.id);
setPublish(true);
}
}
>
Publish
</Button>
<Button
color={"red"}
leftIcon={<IconBan />}
radius={"xl"}
onClick={() => {
setReject(true);
setJobId(e.id);
}}
>
Reject
</Button>
</Stack>
</Stack> </Stack>
</Stack> </td>
</td> </tr>
</tr> ));
)); }
return ( return (
<> <>
@@ -306,7 +311,7 @@ export default function AdminJob_ViewTavleReview({
</Group> </Group>
</Stack> </Stack>
</Modal> </Modal>
<Stack spacing={"xs"} h={"100%"}> <Stack spacing={"xs"} h={"100%"}>
<ComponentAdminGlobal_TitlePage <ComponentAdminGlobal_TitlePage
@@ -323,76 +328,79 @@ export default function AdminJob_ViewTavleReview({
/> />
} }
/> />
{!data ? (
<CustomSkeleton height={"80vh"} width={"100%"} />
) : (
<Paper p={"md"} bg={AdminColor.softBlue} h={"80vh"}>
{isShowReload && (
<Paper bg={"red"} w={"50%"}>
<Affix position={{ top: rem(200) }} w={"100%"}>
<Center>
<Button
style={{
transition: "0.5s",
border: `1px solid ${AccentColor.skyblue}`,
}}
bg={AccentColor.blue}
loaderPosition="center"
loading={isLoading}
radius={"xl"}
opacity={0.8}
onClick={() => onLoadData()}
leftIcon={<IconRefresh />}
>
Update Data
</Button>
</Center>
</Affix>
</Paper>
)}
<Paper p={"md"} bg={AdminColor.softBlue} h={"80vh"}> <ScrollArea w={"100%"} h={"90%"}>
{isShowReload && ( <Table
<Paper bg={"red"} w={"50%"}> verticalSpacing={"md"}
<Affix position={{ top: rem(200) }} w={"100%"}> horizontalSpacing={"md"}
<Center> p={"md"}
<Button w={"100%"}
style={{ h={"100%"}
transition: "0.5s",
border: `1px solid ${AccentColor.skyblue}`,
}}
bg={AccentColor.blue}
loaderPosition="center"
loading={isLoading}
radius={"xl"}
opacity={0.8}
onClick={() => onLoadData()}
leftIcon={<IconRefresh />}
>
Update Data
</Button>
</Center>
</Affix>
</Paper>
)}
<ScrollArea w={"100%"} h={"90%"}> >
<Table <thead>
verticalSpacing={"md"} <tr>
horizontalSpacing={"md"} <th>
p={"md"} <Center c={AdminColor.white}>Author</Center>
w={"100%"} </th>
h={"100%"} <th>
<Text c={AdminColor.white}>Judul</Text>
> </th>
<thead> <th>
<tr> <Center c={AdminColor.white}>Poster</Center>
<th> </th>
<Center c={AdminColor.white}>Author</Center> <th>
</th> <Text c={AdminColor.white}>Syarat Ketentuan</Text>
<th> </th>
<Text c={AdminColor.white}>Judul</Text> <th>
</th> <Text c={AdminColor.white}>Deskripsi</Text>
<th> </th>
<Center c={AdminColor.white}>Poster</Center> <th>
</th> <Center c={AdminColor.white}>Aksi</Center>
<th> </th>
<Text c={AdminColor.white}>Syarat Ketentuan</Text> </tr>
</th> </thead>
<th> <tbody>{renderTableBody()}</tbody>
<Text c={AdminColor.white}>Deskripsi</Text> </Table>
</th> </ScrollArea>
<th> <Center mt={"xl"}>
<Center c={AdminColor.white}>Aksi</Center> <Pagination
</th> value={activePage}
</tr> total={nPage}
</thead> onChange={(val) => {
<tbody>{rowTable}</tbody> onPageClick(val);
</Table> }}
</ScrollArea> />
<Center mt={"xl"}> </Center>
<Pagination </Paper>
value={activePage} )}
total={nPage}
onChange={(val) => {
onPageClick(val);
}}
/>
</Center>
</Paper>
</Stack> </Stack>
</> </>
); );

View File

@@ -17,135 +17,163 @@ import {
Text, Text,
TextInput, TextInput,
} from "@mantine/core"; } from "@mantine/core";
import { IconPhotoCheck, IconSearch } from "@tabler/icons-react"; import { IconPhotoCheck, IconSearch, IconSettingsSearch } from "@tabler/icons-react";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
import { useState } from "react"; import { useState } from "react";
import adminJob_getListPublish from "../../fun/get/get_list_publish"; import adminJob_getListPublish from "../../fun/get/get_list_publish";
import { RouterAdminGlobal } from "@/app/lib"; import { RouterAdminGlobal } from "@/app/lib";
import { AdminColor } from "@/app_modules/_global/color/color_pallet"; import { AdminColor } from "@/app_modules/_global/color/color_pallet";
import { useShallowEffect } from "@mantine/hooks";
import { apiGetAdminJobByStatus } from "../../lib/api_fetch_admin_job";
import { clientLogger } from "@/util/clientLogger";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
export default function AdminJob_TablePublish({ export default function AdminJob_TablePublish() {
dataPublish,
}: {
dataPublish: any;
}) {
return ( return (
<> <>
<Stack> <Stack>
<ComponentAdminGlobal_HeaderTamplate name="Job Vacancy" /> <ComponentAdminGlobal_HeaderTamplate name="Job Vacancy" />
<TableStatus dataPublish={dataPublish} /> <TableStatus />
</Stack> </Stack>
</> </>
); );
} }
function TableStatus({ dataPublish }: { dataPublish: any }) { function TableStatus() {
const router = useRouter(); const router = useRouter();
const [data, setData] = useState<MODEL_JOB[]>(dataPublish.data); const [data, setData] = useState<MODEL_JOB[] | null>(null);
const [nPage, setNPage] = useState(dataPublish.nPage); const [nPage, setNPage] = useState<number>(1);
const [activePage, setActivePage] = useState(1); const [activePage, setActivePage] = useState(1);
const [isSearch, setSearch] = useState(""); const [isSearch, setSearch] = useState("");
const [isLoadingShowImage, setLoadingShowImage] = useState(false); const [isLoadingShowImage, setLoadingShowImage] = useState(false);
const [dataId, setDataId] = useState(""); const [dataId, setDataId] = useState("");
async function onSearch(s: string) { useShallowEffect(() => {
setSearch(s); loadInitialData();
}, [activePage, isSearch])
const loadInitialData = async () => {
try {
const response = await apiGetAdminJobByStatus({
status: "Publish",
page: `${activePage}`,
search: isSearch
})
if (response?.success && response?.data.data) {
setData(response.data.data);
setNPage(response.data.nPage || 1);
} else {
console.error("Invalid data format recieved", response)
setData([])
}
} catch (error) {
clientLogger.error("Invalid data format recieved:", error)
setData([])
}
}
const onSearch = async (searchTerm: string) => {
setSearch(searchTerm);
setActivePage(1); setActivePage(1);
const loadData = await adminJob_getListPublish({
page: 1,
search: s,
});
setData(loadData.data as any);
setNPage(loadData.nPage);
} }
async function onPageClick(p: any) { const onPageClick = (page: number) => {
setActivePage(p); setActivePage(page);
const loadData = await adminJob_getListPublish({
search: isSearch,
page: p,
});
setData(loadData.data as any);
setNPage(loadData.nPage);
} }
const TableRows = data?.map((e, i) => ( const renderTableBody = () => {
<tr key={i}> if (!Array.isArray(data) || data.length === 0) {
<td> return (
<Center w={150}> <tr>
<Text c={AdminColor.white}>{e?.Author?.username}</Text> <td colSpan={12}>
</Center> <Center>
</td> <Text color="gray">Tidak ada data</Text>
<td>
<Center w={150}>
<Text>
{e?.isArsip ? (
<Badge variant="light">Arsip</Badge>
) : (
<Badge color="green">Publish</Badge>
)}
</Text>
</Center>
</td>
<td>
<Spoiler
w={300}
maxHeight={50}
hideLabel="sembunyikan"
showLabel="tampilkan"
>
{e.title}
</Spoiler>
</td>
<td>
<Center w={200}>
{e.imageId ? (
<Button
loaderPosition="center"
loading={isLoadingShowImage && e.id === dataId}
color="green"
radius={"xl"}
leftIcon={<IconPhotoCheck />}
onClick={() => {
setLoadingShowImage(true);
setDataId(e.id);
router.push(RouterAdminGlobal.preview_image({ id: e.imageId }));
}}
>
Lihat
</Button>
) : (
<Center w={200}>
<Text c={AdminColor.white} fw={"bold"} fz={"xs"} fs={"italic"}>
Tidak ada poster
</Text>
</Center> </Center>
)} </td>
</Center> </tr>
</td> )
<td> }
<Spoiler return data?.map((e, i) => (
hideLabel="sembunyikan" <tr key={i}>
w={400} <td>
maxHeight={50} <Center w={150}>
showLabel="tampilkan" <Text c={AdminColor.white}>{e?.Author?.username}</Text>
> </Center>
<div dangerouslySetInnerHTML={{ __html: e.content }} /> </td>
</Spoiler> <td>
</td> <Center w={150}>
<td> <Text>
<Spoiler {e?.isArsip ? (
hideLabel="sembunyikan" <Badge variant="light">Arsip</Badge>
w={400} ) : (
maxHeight={50} <Badge color="green">Publish</Badge>
showLabel="tampilkan" )}
> </Text>
<div dangerouslySetInnerHTML={{ __html: e.deskripsi }} /> </Center>
</Spoiler> </td>
</td> <td>
</tr> <Spoiler
)); c={AdminColor.white}
w={300}
maxHeight={50}
hideLabel="sembunyikan"
showLabel="tampilkan"
>
{e.title}
</Spoiler>
</td>
<td>
<Center w={200}>
{e.imageId ? (
<Button
loaderPosition="center"
loading={isLoadingShowImage && e.id === dataId}
color="green"
radius={"xl"}
leftIcon={<IconPhotoCheck />}
onClick={() => {
setLoadingShowImage(true);
setDataId(e.id);
router.push(RouterAdminGlobal.preview_image({ id: e.imageId }));
}}
>
Lihat
</Button>
) : (
<Center w={200}>
<Text c={AdminColor.white} fw={"bold"} fz={"xs"} fs={"italic"}>
Tidak ada poster
</Text>
</Center>
)}
</Center>
</td>
<td>
<Spoiler
c={AdminColor.white}
hideLabel="sembunyikan"
w={400}
maxHeight={50}
showLabel="tampilkan"
>
<div dangerouslySetInnerHTML={{ __html: e.content }} />
</Spoiler>
</td>
<td>
<Spoiler
c={AdminColor.white}
hideLabel="sembunyikan"
w={400}
maxHeight={50}
showLabel="tampilkan"
>
<div dangerouslySetInnerHTML={{ __html: e.deskripsi }} />
</Spoiler>
</td>
</tr>
));
}
return ( return (
<> <>
@@ -165,52 +193,55 @@ function TableStatus({ dataPublish }: { dataPublish: any }) {
/> />
} }
/> />
{!data ? (
<CustomSkeleton height={"80vh"} width="100%" />
) : (
<Paper p={"md"} bg={AdminColor.softBlue} h={"80vh"}>
<ScrollArea w={"100%"} h={"90%"}>
<Table
verticalSpacing={"md"}
horizontalSpacing={"md"}
p={"md"}
w={"100%"}
h={"100%"}
<Paper p={"md"} bg={AdminColor.softBlue} h={"80vh"}> >
<ScrollArea w={"100%"} h={"90%"}> <thead>
<Table <tr>
verticalSpacing={"md"} <th>
horizontalSpacing={"md"} <Center c={AdminColor.white}>Author</Center>
p={"md"} </th>
w={"100%"} <th>
h={"100%"} <Center c={AdminColor.white}>Status</Center>
</th>
> <th>
<thead> <Text c={AdminColor.white}>Judul</Text>
<tr> </th>
<th> <th>
<Center c={AdminColor.white}>Author</Center> <Center c={AdminColor.white}>Poster</Center>
</th> </th>
<th> <th>
<Center c={AdminColor.white}>Status</Center> <Text c={AdminColor.white}>Syarat Ketentuan</Text>
</th> </th>
<th> <th>
<Text c={AdminColor.white}>Judul</Text> <Text c={AdminColor.white}>Deskripsi</Text>
</th> </th>
<th> </tr>
<Center c={AdminColor.white}>Poster</Center> </thead>
</th> <tbody>{renderTableBody()}</tbody>
<th> </Table>
<Text c={AdminColor.white}>Syarat Ketentuan</Text> </ScrollArea>
</th> <Center mt={"xl"}>
<th> <Pagination
<Text c={AdminColor.white}>Deskripsi</Text> value={activePage}
</th> total={nPage}
</tr> onChange={(val) => {
</thead> onPageClick(val);
<tbody>{TableRows}</tbody> }}
</Table> />
</ScrollArea> </Center>
<Center mt={"xl"}> </Paper>
<Pagination )}
value={activePage}
total={nPage}
onChange={(val) => {
onPageClick(val);
}}
/>
</Center>
</Paper>
</Stack> </Stack>
</> </>
); );

View File

@@ -31,6 +31,9 @@ import { WibuRealtime } from "wibu-pkg";
import { AdminJob_funEditCatatanById } from "../../fun/edit/fun_edit_catatan_by_id"; import { AdminJob_funEditCatatanById } from "../../fun/edit/fun_edit_catatan_by_id";
import adminJob_getListReject from "../../fun/get/get_list_reject"; import adminJob_getListReject from "../../fun/get/get_list_reject";
import { AdminColor } from "@/app_modules/_global/color/color_pallet"; import { AdminColor } from "@/app_modules/_global/color/color_pallet";
import { apiGetAdminJobByStatus } from "../../lib/api_fetch_admin_job";
import { clientLogger } from "@/util/clientLogger";
import { useShallowEffect } from "@mantine/hooks";
export default function AdminJob_TableReject({ export default function AdminJob_TableReject({
dataReject, dataReject,
@@ -41,16 +44,16 @@ export default function AdminJob_TableReject({
<> <>
<Stack> <Stack>
<ComponentAdminGlobal_HeaderTamplate name="Job Vacancy" /> <ComponentAdminGlobal_HeaderTamplate name="Job Vacancy" />
<TableStatus listReject={dataReject} /> <TableStatus />
</Stack> </Stack>
</> </>
); );
} }
function TableStatus({ listReject }: { listReject: any }) { function TableStatus() {
const router = useRouter(); const router = useRouter();
const [data, setData] = useState<MODEL_JOB[]>(listReject.data); const [data, setData] = useState<MODEL_JOB[] | null>(null);
const [nPage, setNPage] = useState(listReject.nPage); const [nPage, setNPage] = useState<number>(1);
const [activePage, setActivePage] = useState(1); const [activePage, setActivePage] = useState(1);
const [isSearch, setSearch] = useState(""); const [isSearch, setSearch] = useState("");
@@ -59,119 +62,148 @@ function TableStatus({ listReject }: { listReject: any }) {
const [isLoading, setIsLoading] = useState(false); const [isLoading, setIsLoading] = useState(false);
const [catatan, setCatatan] = useState(""); const [catatan, setCatatan] = useState("");
async function onSearch(s: string) { useShallowEffect(() => {
setSearch(s); loadInitialData();
const loadData = await adminJob_getListReject({ }, [activePage, isSearch]);
page: 1, const loadInitialData = async () => {
search: s, try {
}); const response = await apiGetAdminJobByStatus({
setData(loadData.data as any); status: "Reject",
setNPage(loadData.nPage); page: `${activePage}`,
search: isSearch
});
if (response?.success && response?.data.data) {
setData(response.data.data);
setNPage(response.data.nPage || 1);
} else {
console.error('Invalid data format recieved:', response)
setData([]);
}
} catch (error) {
clientLogger.error("Invalid data format recieced:", error);
setData([])
}
}
const onSearch = async (searchTerm: string) => {
setSearch(searchTerm);
setActivePage(1); setActivePage(1);
} }
async function onPageClick(p: any) { const onPageClick = (page: number) => {
setActivePage(p); setActivePage(page);
const loadData = await adminJob_getListReject({
search: isSearch,
page: p,
});
setData(loadData.data as any);
setNPage(loadData.nPage);
} }
const rowTable = data?.map((e, i) => ( const renderTableBody = () => {
<tr key={i}> if (!Array.isArray(data) || data.length === 0) {
<td> return (
<Center w={150}> <tr>
<Text c={AdminColor.white}>{e?.Author?.username}</Text> <td colSpan={12}>
</Center> <Center>
</td> <Text color="gray">Tidak ada data</Text>
<td>
<Spoiler
w={200}
maxHeight={50}
hideLabel="sembunyikan"
showLabel="tampilkan"
>
{e.title}
</Spoiler>
</td>
<td>
<Center w={150}>
{e.imageId ? (
<Button
loading={isLoading && e?.imageId === jobId}
loaderPosition="center"
color="green"
radius={"xl"}
leftIcon={<IconPhotoCheck />}
onClick={() => {
setJobId(e?.imageId);
setIsLoading(true);
router.push(RouterAdminJob.detail_poster + e?.imageId);
}}
>
Lihat
</Button>
) : (
<Center w={150}>
<Text c={AdminColor.white} fw={"bold"} fz={"xs"} fs={"italic"}>
Tidak ada poster
</Text>
</Center> </Center>
)} </td>
</Center> </tr>
</td> )
<td> }
<Spoiler return data?.map((e, i) => (
w={400} <tr key={i}>
maxHeight={50} <td>
hideLabel="sembunyikan" <Center w={150}>
showLabel="tampilkan" <Text c={AdminColor.white}>{e?.Author?.username}</Text>
> </Center>
<div dangerouslySetInnerHTML={{ __html: e.content }} /> </td>
</Spoiler> <td>
</td> <Spoiler
<td> w={200}
<Spoiler maxHeight={50}
hideLabel="sembunyikan" hideLabel="sembunyikan"
w={400} showLabel="tampilkan"
maxHeight={50} c={AdminColor.white}
showLabel="tampilkan" >
> {e.title}
<div dangerouslySetInnerHTML={{ __html: e.deskripsi }} /> </Spoiler>
</Spoiler> </td>
</td> <td>
<td> <Center w={150}>
<Spoiler {e.imageId ? (
hideLabel="sembunyikan" <Button
w={400} loading={isLoading && e?.imageId === jobId}
maxHeight={50} loaderPosition="center"
showLabel="tampilkan" color="green"
> radius={"xl"}
{e.catatan} leftIcon={<IconPhotoCheck />}
</Spoiler> onClick={() => {
</td> setJobId(e?.imageId);
<td> setIsLoading(true);
<Button router.push(RouterAdminJob.detail_poster + e?.imageId);
color={"red"} }}
leftIcon={<IconBan />} >
radius={"xl"} Lihat
onClick={() => { </Button>
setReject(true); ) : (
setJobId(e.id); <Center w={150}>
setCatatan(e.catatan); <Text c={AdminColor.white} fw={"bold"} fz={"xs"} fs={"italic"}>
}} Tidak ada poster
> </Text>
<Stack spacing={0}> </Center>
<Text fz={10}>Tambah</Text> )}
<Text fz={10}>Catatan</Text> </Center>
</Stack> </td>
</Button> <td>
</td> <Spoiler
</tr> c={AdminColor.white}
)); w={400}
maxHeight={50}
hideLabel="sembunyikan"
showLabel="tampilkan"
>
<div dangerouslySetInnerHTML={{ __html: e.content }} />
</Spoiler>
</td>
<td>
<Spoiler
c={AdminColor.white}
hideLabel="sembunyikan"
w={400}
maxHeight={50}
showLabel="tampilkan"
>
<div dangerouslySetInnerHTML={{ __html: e.deskripsi }} />
</Spoiler>
</td>
<td>
<Spoiler
c={AdminColor.white}
hideLabel="sembunyikan"
w={400}
maxHeight={50}
showLabel="tampilkan"
>
{e.catatan}
</Spoiler>
</td>
<td>
<Button
color={"red"}
leftIcon={<IconBan />}
radius={"xl"}
onClick={() => {
setReject(true);
setJobId(e.id);
setCatatan(e.catatan);
}}
>
<Stack spacing={0} c={AdminColor.white}>
<Text fz={10}>Tambah</Text>
<Text fz={10}>Catatan</Text>
</Stack>
</Button>
</td>
</tr>
));
}
return ( return (
<> <>
@@ -253,7 +285,7 @@ function TableStatus({ listReject }: { listReject: any }) {
p={"md"} p={"md"}
w={"100%"} w={"100%"}
h={"100%"} h={"100%"}
> >
<thead> <thead>
<tr> <tr>
@@ -280,7 +312,7 @@ function TableStatus({ listReject }: { listReject: any }) {
</th> </th>
</tr> </tr>
</thead> </thead>
<tbody>{rowTable}</tbody> <tbody>{renderTableBody()}</tbody>
</Table> </Table>
</ScrollArea> </ScrollArea>
<Center mt={"xl"}> <Center mt={"xl"}>

View File

@@ -4,16 +4,12 @@ import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/_admin_glob
import { Stack } from "@mantine/core"; import { Stack } from "@mantine/core";
import { AdminJob_ViewTavleReview } from "../../_view"; import { AdminJob_ViewTavleReview } from "../../_view";
export default function AdminJob_TableReview({ export default function AdminJob_TableReview() {
dataReview,
}: {
dataReview: any;
}) {
return ( return (
<> <>
<Stack> <Stack>
<ComponentAdminGlobal_HeaderTamplate name="Job Vacancy" /> <ComponentAdminGlobal_HeaderTamplate name="Job Vacancy" />
<AdminJob_ViewTavleReview listReview={dataReview} /> <AdminJob_ViewTavleReview />
</Stack> </Stack>
</> </>
); );

View File

@@ -1,9 +1,10 @@
export { export {
apiGetJobStatusCountDashboard, apiGetAdminJobStatusCountDashboard as apiGetJobStatusCountDashboard ,
apiGetJobArsipCount apiGetAdminJobArsipCount as apiGetJobArsipCount,
apiGetAdminJobByStatus
} }
const apiGetJobStatusCountDashboard = async ({ name }: { const apiGetAdminJobStatusCountDashboard = async ({ name }: {
name: "Publish" | "Review" | "Reject"; name: "Publish" | "Review" | "Reject";
}) => { }) => {
const { token } = await fetch("/api/get-cookie").then((res) => res.json()); const { token } = await fetch("/api/get-cookie").then((res) => res.json());
@@ -21,7 +22,7 @@ const apiGetJobStatusCountDashboard = async ({ name }: {
return await response.json().catch(() => null) return await response.json().catch(() => null)
} }
const apiGetJobArsipCount = async () => { const apiGetAdminJobArsipCount = async () => {
const { token } = await fetch("/api/get-cookie").then((res) => res.json()); const { token } = await fetch("/api/get-cookie").then((res) => res.json());
if (!token) return await token.json().catch(() => null); if (!token) return await token.json().catch(() => null);
@@ -36,4 +37,31 @@ const apiGetJobArsipCount = async () => {
}); });
return await response.json().catch(() => null) return await response.json().catch(() => null)
}; };
const apiGetAdminJobByStatus = async ({
status,
page,
search
}: {
status: "Publish" | "Review" | "Reject";
page: string;
search: string;
}) => {
const { token } = await fetch("/api/get-cookie").then((res) => res.json());
if (!token) return await token.json().catch(() => null);
const isPage = page ? `?page=${page}` : "";
const isSearch = search ? `&search=${search}` : "";
const response = await fetch(
`/api/admin/job/${status}${isPage}${isSearch}`,
{
headers: {
"Content-Type": "application/json",
Accept: "application/json",
"Access-Control-Allow-Origin": "*",
Authorization: `Bearer ${token}`
}
}
)
return await response.json().catch(() => null)
}

View File

@@ -85,7 +85,7 @@ export default function HomeViewNew() {
<ActionIcon radius={"xl"} variant={"transparent"}> <ActionIcon radius={"xl"} variant={"transparent"}>
<IconUserSearch color={MainColor.white} /> <IconUserSearch color={MainColor.white} />
</ActionIcon> </ActionIcon>
) : dataUser.profile === undefined ? ( ) : dataUser?.profile === undefined ? (
<ActionIcon <ActionIcon
radius={"xl"} radius={"xl"}
variant={"transparent"} variant={"transparent"}
@@ -112,7 +112,7 @@ export default function HomeViewNew() {
<ActionIcon radius={"xl"} variant={"transparent"}> <ActionIcon radius={"xl"} variant={"transparent"}>
<IconBell color={MainColor.white} /> <IconBell color={MainColor.white} />
</ActionIcon> </ActionIcon>
) : dataUser.profile === undefined ? ( ) : dataUser?.profile === undefined ? (
<ActionIcon <ActionIcon
radius={"xl"} radius={"xl"}
variant={"transparent"} variant={"transparent"}

View File

@@ -39,10 +39,11 @@ const middlewareConfig: MiddlewareConfig = {
// ADMIN API // ADMIN API
// "/api/admin/event/*", // "/api/admin/event/*",
// "/api/admin/investasi/*", // "/api/admin/investasi/*",
"/api/admin/donasi/*", // "/api/admin/donasi/*",
// "/api/admin/voting/dashboard/*", // "/api/admin/voting/dashboard/*",
// "/api/admin/job/dashboard/*", // "/api/admin/job/dashboard/*",
// "/api/admin/forum/dashboard/*", // "/api/admin/forum/dashboard/*",
// "/api/admin/job/*",
// Akses awal // Akses awal
"/api/get-cookie", "/api/get-cookie",