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

Fix UI Admin

Browse Source
This commit is contained in:
nico
2025-02-03 00:54:43 +08:00
parent d2a1f85ec0
commit 91f61f99c5
22 changed files with 315 additions and 246 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/app_modules/admin/job/_view/view_table_review.tsx
View File

@@ -126,7 +126,7 @@ export default function AdminJob_ViewTavleReview({
<tr key={i}>
<td>
<Center w={150}>
<Text>{e?.Author?.username}</Text>
<Text c={AdminColor.white}>{e?.Author?.username}</Text>
</Center>
</td>
<td>
@@ -158,7 +158,7 @@ export default function AdminJob_ViewTavleReview({
</Button>
) : (
<Center w={150}>
<Text fw={"bold"} fz={"xs"} fs={"italic"}>
<Text c={AdminColor.white} fw={"bold"} fz={"xs"} fs={"italic"}>
Tidak ada poster
</Text>
</Center>
@@ -311,7 +311,7 @@ export default function AdminJob_ViewTavleReview({
<Stack spacing={"xs"} h={"100%"}>
<ComponentAdminGlobal_TitlePage
name="Review"
color={AdminColor.orange}
color={AdminColor.softBlue}
component={
<TextInput
icon={<IconSearch size={20} />}
@@ -324,7 +324,7 @@ export default function AdminJob_ViewTavleReview({
}
/>
<Paper p={"md"} withBorder shadow="lg" h={"80vh"}>
<Paper p={"md"} bg={AdminColor.softBlue} h={"80vh"}>
{isShowReload && (
<Paper bg={"red"} w={"50%"}>
<Affix position={{ top: rem(200) }} w={"100%"}>
@@ -356,28 +356,27 @@ export default function AdminJob_ViewTavleReview({
p={"md"}
w={"100%"}
h={"100%"}
striped
highlightOnHover
>
<thead>
<tr>
<th>
<Center>Author</Center>
<Center c={AdminColor.white}>Author</Center>
</th>
<th>
<Text>Judul</Text>
<Text c={AdminColor.white}>Judul</Text>
</th>
<th>
<Center>Poster</Center>
<Center c={AdminColor.white}>Poster</Center>
</th>
<th>
<Text>Syarat Ketentuan</Text>
<Text c={AdminColor.white}>Syarat Ketentuan</Text>
</th>
<th>
<Text>Deskripsi</Text>
<Text c={AdminColor.white}>Deskripsi</Text>
</th>
<th>
<Center>Aksi</Center>
<Center c={AdminColor.white}>Aksi</Center>
</th>
</tr>
</thead>

23
src/app_modules/admin/job/child/publish/index.tsx
View File

@@ -74,7 +74,7 @@ function TableStatus({ dataPublish }: { dataPublish: any }) {
<tr key={i}>
<td>
<Center w={150}>
<Text>{e?.Author?.username}</Text>
<Text c={AdminColor.white}>{e?.Author?.username}</Text>
</Center>
</td>
<td>
@@ -117,7 +117,7 @@ function TableStatus({ dataPublish }: { dataPublish: any }) {
</Button>
) : (
<Center w={200}>
<Text fw={"bold"} fz={"xs"} fs={"italic"}>
<Text c={AdminColor.white} fw={"bold"} fz={"xs"} fs={"italic"}>
Tidak ada poster
</Text>
</Center>
@@ -153,7 +153,7 @@ function TableStatus({ dataPublish }: { dataPublish: any }) {
{/* <pre>{JSON.stringify(listUser, null, 2)}</pre> */}
<ComponentAdminGlobal_TitlePage
name="Publish"
color={AdminColor.green}
color={AdminColor.softBlue}
component={
<TextInput
icon={<IconSearch size={20} />}
@@ -166,7 +166,7 @@ function TableStatus({ dataPublish }: { dataPublish: any }) {
}
/>
<Paper p={"md"} withBorder shadow="lg" h={"80vh"}>
<Paper p={"md"} bg={AdminColor.softBlue} h={"80vh"}>
<ScrollArea w={"100%"} h={"90%"}>
<Table
verticalSpacing={"md"}
@@ -174,28 +174,27 @@ function TableStatus({ dataPublish }: { dataPublish: any }) {
p={"md"}
w={"100%"}
h={"100%"}
striped
highlightOnHover
>
<thead>
<tr>
<th>
<Center>Author</Center>
<Center c={AdminColor.white}>Author</Center>
</th>
<th>
<Center>Status</Center>
<Center c={AdminColor.white}>Status</Center>
</th>
<th>
<Text>Judul</Text>
<Text c={AdminColor.white}>Judul</Text>
</th>
<th>
<Center>Poster</Center>
<Center c={AdminColor.white}>Poster</Center>
</th>
<th>
<Text>Syarat Ketentuan</Text>
<Text c={AdminColor.white}>Syarat Ketentuan</Text>
</th>
<th>
<Text>Deskripsi</Text>
<Text c={AdminColor.white}>Deskripsi</Text>
</th>
</tr>
</thead>

25
src/app_modules/admin/job/child/reject/index.tsx
View File

@@ -84,7 +84,7 @@ function TableStatus({ listReject }: { listReject: any }) {
<tr key={i}>
<td>
<Center w={150}>
<Text>{e?.Author?.username}</Text>
<Text c={AdminColor.white}>{e?.Author?.username}</Text>
</Center>
</td>
<td>
@@ -116,7 +116,7 @@ function TableStatus({ listReject }: { listReject: any }) {
</Button>
) : (
<Center w={150}>
<Text fw={"bold"} fz={"xs"} fs={"italic"}>
<Text c={AdminColor.white} fw={"bold"} fz={"xs"} fs={"italic"}>
Tidak ada poster
</Text>
</Center>
@@ -232,7 +232,7 @@ function TableStatus({ listReject }: { listReject: any }) {
<Stack spacing={"xs"} h={"100%"}>
<ComponentAdminGlobal_TitlePage
name="Reject"
color={AdminColor.red}
color={AdminColor.softBlue}
component={
<TextInput
icon={<IconSearch size={20} />}
@@ -245,7 +245,7 @@ function TableStatus({ listReject }: { listReject: any }) {
}
/>
<Paper p={"md"} withBorder shadow="lg" h={"80vh"}>
<Paper p={"md"} bg={AdminColor.softBlue} h={"80vh"}>
<ScrollArea w={"100%"} h={"90%"}>
<Table
verticalSpacing={"md"}
@@ -253,31 +253,30 @@ function TableStatus({ listReject }: { listReject: any }) {
p={"md"}
w={"100%"}
h={"100%"}
striped
highlightOnHover
>
<thead>
<tr>
<th>
<Center>Author</Center>
<Center c={AdminColor.white}>Author</Center>
</th>
<th>
<Text>Judul</Text>
<Text c={AdminColor.white}>Judul</Text>
</th>
<th>
<Center>Poster</Center>
<Center c={AdminColor.white}>Poster</Center>
</th>
<th>
<Text>Syarat Ketentuan</Text>
<Text c={AdminColor.white}>Syarat Ketentuan</Text>
</th>
<th>
<Text>Deskripsi</Text>
<Text c={AdminColor.white}>Deskripsi</Text>
</th>
<th>
<Text>Report</Text>
<Text c={AdminColor.white}>Report</Text>
</th>
<th>
<Center>Aksi</Center>
<Center c={AdminColor.white}>Aksi</Center>
</th>
</tr>
</thead>

54
src/app_modules/admin/job/main/index.tsx
View File

@@ -1,10 +1,13 @@
"use client";
import { Group, Paper, SimpleGrid, Stack, Text, Title } from "@mantine/core";
import { Flex, Group, Paper, SimpleGrid, Stack, Text, ThemeIcon, Title } from "@mantine/core";
import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
import { useRouter } from "next/navigation";
import { useState } from "react";
import { clientLogger } from "@/util/clientLogger";
import { IconAlertTriangle, IconArchive, IconBookmark, IconUpload } from "@tabler/icons-react";
import { AccentColor } from "@/app_modules/_global/color";
import { AdminColor } from "@/app_modules/_global/color/color_pallet";
export default function AdminJob_Main({
// countPublish,
@@ -12,10 +15,10 @@ export default function AdminJob_Main({
// countReject,
// countArsip,
}: {
// countPublish: number;
// countReview: number;
// countReject: number;
// countArsip: number
// countPublish: number;
// countReview: number;
// countReject: number;
// countArsip: number
}) {
const [countPublish, setCountPublish] = useState<number | null>(null);
const [countReview, setCountReview] = useState<number | null>(null);
@@ -24,12 +27,12 @@ export default function AdminJob_Main({
const router = useRouter();
async function onLoadCountPublish() {
try {
} catch (error) {
clientLogger.error("Error get count publish", error)
try {
} catch (error) {
clientLogger.error("Error get count publish", error)
}
}
}
const listStatus = [
{
@@ -38,6 +41,9 @@ export default function AdminJob_Main({
jumlah: countPublish,
color: "green",
text_color: "white",
icon: <IconUpload size={18} color="#4CAF4F" />
},
{
id: 2,
@@ -45,6 +51,7 @@ export default function AdminJob_Main({
jumlah: countReview,
color: "orange",
text_color: "white",
icon: <IconBookmark size={18} color="#FF7043" />
},
{
id: 3,
@@ -52,6 +59,7 @@ export default function AdminJob_Main({
jumlah: countReject,
color: "red",
text_color: "white",
icon: <IconAlertTriangle size={18} color="#FF4B4C" />
},
{
id: 4,
@@ -59,6 +67,7 @@ export default function AdminJob_Main({
jumlah: countArsip,
color: "gray",
text_color: "white",
icon: <IconArchive size={18} color="#007CBA" />
},
];
return (
@@ -77,18 +86,27 @@ export default function AdminJob_Main({
{listStatus.map((e, i) => (
<Paper
key={i}
bg={`${e.color}.2`}
bg={AdminColor.softBlue}
shadow="md"
radius="md"
p="md"
// sx={{ borderColor: e.color, borderStyle: "solid" }}
// sx={{ borderColor: e.color, borderStyle: "solid" }}
>
<Group position="center">
<Stack align="center" spacing={0}>
<Text>{e.name}</Text>
<Title>{e.jumlah ? e.jumlah : 0}</Title>
</Stack>
</Group>
<Stack spacing={0}>
<Text fw={"bold"} c={AccentColor.white}>{e.name}</Text>
<Flex align={"center"} justify={"space-between"}>
<Title color={AccentColor.white}>{e.jumlah ? e.jumlah : 0}</Title>
<ThemeIcon
radius={"xl"}
size={"md"}
color={AccentColor.white}
>
{e.icon}
</ThemeIcon>
</Flex>
</Stack>
</Paper>
))}
</SimpleGrid>