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

API Voting & Belum di Integrasikan ke UInya

Browse Source
This commit is contained in:
nico
2025-02-17 22:19:02 +08:00
parent b2edfc4924
commit 42c9b98c86
9 changed files with 238 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/app_modules/admin/donasi/detail/publish/detail_publish.tsx
View File

@@ -120,25 +120,25 @@ function TampilanDetailDonasi({
{ maxWidth: "36rem", cols: 1, spacing: "sm" },
]}
>
<Paper p={"xs"}>
<Paper p={"xs"} bg={AdminColor.softBlue}>
<Stack>
<Title align="center" order={4}>
<Title c={AdminColor.white} align="center" order={4}>
Gambar Donasi
</Title>
<Admin_ComponentLoadImageLandscape fileId={donasi.imageId} />
</Stack>
</Paper>
<Paper p={"sm"}>
<Paper p={"sm"} bg={AdminColor.softBlue}>
<Stack spacing={5}>
<Title order={4}>Detail Donasi</Title>
<Title c={AdminColor.white} order={4}>Detail Donasi</Title>
<Grid>
<Grid.Col span={4}>
<Text fz={"xs"}>Judul</Text>
<Text c={AdminColor.white} fz={"xs"}>Judul</Text>
</Grid.Col>
<Grid.Col span={"content"}>:</Grid.Col>
<Grid.Col c={AdminColor.white} span={"content"}>:</Grid.Col>
<Grid.Col span={"auto"}>
<Title order={5} c="blue">
<Title order={5} c={AdminColor.white}>
{donasi?.title}
</Title>
</Grid.Col>
@@ -146,11 +146,11 @@ function TampilanDetailDonasi({
<Grid>
<Grid.Col span={4}>
<Text fz={"xs"}>Penggalang Dana</Text>
<Text c={AdminColor.white} fz={"xs"}>Penggalang Dana</Text>
</Grid.Col>
<Grid.Col span={"content"}>:</Grid.Col>
<Grid.Col c={AdminColor.white} span={"content"}>:</Grid.Col>
<Grid.Col span={"auto"}>
<Title order={5} c="blue">
<Title order={5} c={AdminColor.white}>
{donasi?.Author.username}
</Title>
</Grid.Col>
@@ -158,11 +158,11 @@ function TampilanDetailDonasi({
<Grid>
<Grid.Col span={4}>
<Text fz={"xs"}>Durasi</Text>
<Text c={AdminColor.white} fz={"xs"}>Durasi</Text>
</Grid.Col>
<Grid.Col span={"content"}>:</Grid.Col>
<Grid.Col c={AdminColor.white} span={"content"}>:</Grid.Col>
<Grid.Col span={"auto"}>
<Title order={5} c="blue">
<Title c={AdminColor.white} order={5}>
{donasi?.DonasiMaster_Durasi.name} hari
</Title>
</Grid.Col>
@@ -170,24 +170,24 @@ function TampilanDetailDonasi({
<Grid>
<Grid.Col span={4}>
<Text fz={"xs"}>Dana dibutuhkan</Text>
<Text c={AdminColor.white} fz={"xs"}>Dana dibutuhkan</Text>
</Grid.Col>
<Grid.Col span={"content"}>:</Grid.Col>
<Grid.Col c={AdminColor.white} span={"content"}>:</Grid.Col>
<Grid.Col span={"auto"}>
<ComponentGlobal_TampilanRupiah
nominal={+donasi?.target}
color="darkblue"
color={AdminColor.yellow}
/>
</Grid.Col>
</Grid>
<Grid>
<Grid.Col span={4}>
<Text fz={"xs"}>Kategori</Text>
<Text c={AdminColor.white} fz={"xs"}>Kategori</Text>
</Grid.Col>
<Grid.Col span={"content"}>:</Grid.Col>
<Grid.Col c={AdminColor.white} span={"content"}>:</Grid.Col>
<Grid.Col span={"auto"}>
<Title order={5} c="blue">
<Title c={AdminColor.white} order={5}>
{donasi?.DonasiMaster_Ketegori?.name}
</Title>
</Grid.Col>
@@ -195,11 +195,11 @@ function TampilanDetailDonasi({
<Grid>
<Grid.Col span={4}>
<Text fz={"xs"}>Total donatur</Text>
<Text c={AdminColor.white} fz={"xs"}>Total donatur</Text>
</Grid.Col>
<Grid.Col span={"content"}>:</Grid.Col>
<Grid.Col c={AdminColor.white} span={"content"}>:</Grid.Col>
<Grid.Col span={"auto"}>
<Title order={5} c="blue">
<Title order={5} c={AdminColor.white}>
{countDonatur}
</Title>
</Grid.Col>
@@ -207,11 +207,11 @@ function TampilanDetailDonasi({
<Grid>
<Grid.Col span={4}>
<Text fz={12}>Progres</Text>
<Text c={AdminColor.white} fz={12}>Progres</Text>
</Grid.Col>
<Grid.Col span={"content"}>:</Grid.Col>
<Grid.Col c={AdminColor.white} span={"content"}>:</Grid.Col>
<Grid.Col span={"auto"}>
<Title order={5} c="blue">
<Title order={5} c={AdminColor.white}>
{toNumber(donasi.progres).toFixed(2)} %
</Title>
</Grid.Col>
@@ -219,13 +219,13 @@ function TampilanDetailDonasi({
<Grid>
<Grid.Col span={4}>
<Text fz={12}>Dana terkumpul</Text>
<Text c={AdminColor.white} fz={12}>Dana terkumpul</Text>
</Grid.Col>
<Grid.Col span={"content"}>:</Grid.Col>
<Grid.Col c={AdminColor.white} span={"content"}>:</Grid.Col>
<Grid.Col span={"auto"}>
<ComponentGlobal_TampilanRupiah
nominal={+donasi?.terkumpul}
color="darkblue"
color={AdminColor.yellow}
/>
</Grid.Col>
</Grid>
@@ -233,25 +233,25 @@ function TampilanDetailDonasi({
</Paper>
{/* Pencairan Dana */}
<Paper withBorder p={"sm"}>
<Paper bg={AdminColor.softBlue} p={"sm"}>
<Stack spacing={"xl"}>
<Center>
<Title order={4}>Pencairan Dana</Title>
<Title c={AdminColor.white} order={4}>Pencairan Dana</Title>
</Center>
<Grid>
<Grid.Col span={"auto"}>
<Stack spacing={0}>
<Text fz={"xs"}>Total Dana Dicairkan</Text>
<Text c={AdminColor.white} fz={"xs"}>Total Dana Dicairkan</Text>
<ComponentGlobal_TampilanRupiah
nominal={donasi?.totalPencairan}
color="darkblue"
color={AdminColor.yellow}
/>
</Stack>
</Grid.Col>
<Grid.Col span={"auto"}>
<Stack spacing={0}>
<Text fz={"xs"}>Bank Tujuan</Text>
<Title order={6} c={"blue"}>
<Text c={AdminColor.white} fz={"xs"}>Bank Tujuan</Text>
<Title order={6} c={AdminColor.white}>
{donasi?.namaBank}
</Title>
</Stack>
@@ -260,16 +260,16 @@ function TampilanDetailDonasi({
<Grid>
<Grid.Col span={"auto"}>
<Stack spacing={0}>
<Text fz={"xs"}>Akumulasi Pencairan</Text>
<Title order={6} c={"blue"}>
<Text c={AdminColor.white} fz={"xs"}>Akumulasi Pencairan</Text>
<Title order={6} c={AdminColor.white}>
{donasi?.akumulasiPencairan} Kali
</Title>
</Stack>
</Grid.Col>
<Grid.Col span={"auto"}>
<Stack spacing={0}>
<Text fz={"xs"}>Nomor Rekening</Text>
<Title order={6} c={"blue"}>
<Text fz={"xs"} c={AdminColor.white}>Nomor Rekening</Text>
<Title order={6} c={AdminColor.white}>
{donasi?.rekening}
</Title>
</Stack>
@@ -277,13 +277,13 @@ function TampilanDetailDonasi({
</Grid>
<Stack align="center" spacing={0}>
<Text fz={"xs"}>Sisa Dana</Text>
<Text c={AdminColor.white} fz={"xs"}>Sisa Dana</Text>
<ComponentGlobal_TampilanRupiah
nominal={
toNumber(donasi.terkumpul) -
toNumber(donasi.totalPencairan)
}
color="darkblue"
color={AdminColor.yellow}
/>
</Stack>

2
src/app_modules/admin/vote/child/table_review/index.tsx
View File

@@ -129,7 +129,7 @@ function TableStatus({ listData }: { listData: any }) {
<Center c={AccentColor.white}>{e.title}</Center>
</td>
<td>
<Center>
<Center c={AccentColor.white}>
<Spoiler
hideLabel="sembunyikan"
maw={400}

40
src/app_modules/admin/vote/lib/api_fetch_admin_voting.ts
View File

@@ -1,14 +1,15 @@
export {
apiGetVoteStatusCountDashboard,
apiGetVoteRiwayatCount
apiGetAdminVoteStatusCountDashboard,
apiGetAdminVoteRiwayatCount,
apiGetAdminVotingByStatus
}
const apiGetVoteStatusCountDashboard = async ({ name }: {
const apiGetAdminVoteStatusCountDashboard = async ({ name }: {
name: "Publish" | "Review" | "Reject";
}) => {
const { token } = await fetch("/api/get-cookie").then((res) => res.json());
if (!token) return await token.json().catch(() => null);
const response = await fetch(`/api/admin/voting/dashboard/${name}`, {
const response = await fetch(`/api/admin/vote/dashboard/${name}`, {
method: "GET",
headers: {
"Content-Type": "application/json",
@@ -19,11 +20,11 @@ const apiGetVoteStatusCountDashboard = async ({ name }: {
});
return await response.json().catch(() => null);
}
const apiGetVoteRiwayatCount = async () => {
const apiGetAdminVoteRiwayatCount = async () => {
const { token } = await fetch("/api/get-cookie").then((res) => res.json());
if (!token) return await token.json().catch(() => null);
const response = await fetch(`/api/admin/voting/dashboard/riwayat`, {
const response = await fetch(`/api/admin/vote/dashboard/riwayat`, {
method: "GET",
headers: {
"Content-Type": "application/json",
@@ -33,4 +34,31 @@ const apiGetVoteRiwayatCount = async () => {
}
});
return await response.json().catch(() => null);
}
const apiGetAdminVotingByStatus = async ({
name,
page,
search }: {
name: "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/vote/status/${name}${isPage}${isSearch}`,
{
headers: {
"Content-Type": "application/json",
Accept: "application/json",
"Access-Control-Allow-Origin": "*",
Authorization: `Bearer ${token}`
}
}
)
return await response.json().catch(() => null);
}

11
src/app_modules/admin/vote/main/index.tsx
View File

@@ -7,10 +7,11 @@ import { IconAlertTriangle, IconBookmark, IconHistory, IconUpload } from "@table
import { AccentColor, AdminColor } from "@/app_modules/_global/color/color_pallet";
import { useState } from "react";
import { clientLogger } from "@/util/clientLogger";
import { apiGetVoteRiwayatCount, apiGetVoteStatusCountDashboard } from "../lib/api_fetch_admin_voting";
import global_limit from "@/lib/limit";
import { useShallowEffect } from "@mantine/hooks";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
import { apiGetAdminVoteRiwayatCount, apiGetAdminVoteStatusCountDashboard } from "../lib/api_fetch_admin_voting";
export default function AdminVote_Main() {
const [countPublish, setCountPublish] = useState<number | null>(null);
@@ -36,7 +37,7 @@ export default function AdminVote_Main() {
}
async function onLoadCountPublish() {
try {
const response = await apiGetVoteStatusCountDashboard({
const response = await apiGetAdminVoteStatusCountDashboard({
name: "Publish",
})
if (response) {
@@ -48,7 +49,7 @@ export default function AdminVote_Main() {
}
async function onLoadCountReview() {
try {
const response = await apiGetVoteStatusCountDashboard({
const response = await apiGetAdminVoteStatusCountDashboard({
name: "Review",
})
@@ -61,7 +62,7 @@ export default function AdminVote_Main() {
}
async function onLoadCountReject() {
try {
const response = await apiGetVoteStatusCountDashboard({
const response = await apiGetAdminVoteStatusCountDashboard({
name: "Reject",
})
if (response) {
@@ -73,7 +74,7 @@ export default function AdminVote_Main() {
}
async function onLoadCountRiwayat() {
try {
const response = await apiGetVoteRiwayatCount()
const response = await apiGetAdminVoteRiwayatCount()
if (response) {
setCountRiwayat(response.data);
}