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

fix

Browse Source 
## Deskripsi:
- Optimalisasi admin voting
## No issue
This commit is contained in:
Bagasbanuna02
2024-08-28 15:00:43 +08:00
parent 916c5c7d85
commit 8a018462c7
78 changed files with 3567 additions and 2493 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app_modules/admin/investasi/_view/detail/view_daftar_investor.tsx Normal file
View File

@@ -0,0 +1,3 @@
export function AdminInvestasi_ViewDaftarInvestor() {
return <>ini daftar investor</>;
}

201
src/app_modules/admin/investasi/_view/detail/view_daftar_transaksi.tsx Normal file
View File

@@ -0,0 +1,201 @@
import { RouterAdminDonasi } from "@/app/lib/router_admin/router_admin_donasi";
import TampilanRupiahDonasi from "@/app_modules/donasi/component/tampilan_rupiah";
import { MODEL_DONASI_INVOICE } from "@/app_modules/donasi/model/interface";
import {
Stack,
Group,
Title,
ActionIcon,
Select,
Paper,
ScrollArea,
Table,
Center,
Pagination,
Badge,
Button,
} from "@mantine/core";
import { IconReload } from "@tabler/icons-react";
import { useRouter } from "next/navigation";
import { useState } from "react";
export function AdminInvestasi_ViewDaftarTransaksi({
dataTransaksi,
}: {
dataTransaksi: any;
}) {
const router = useRouter();
const [isLoading, setLoading] = useState(false);
const [idData, setIdData] = useState("");
const [data, setData] = useState<MODEL_DONASI_INVOICE[]>(
dataTransaksi.data
);
const [isNPage, setNPage] = useState(dataTransaksi.nPage);
const [isActivePage, setActivePage] = useState(1);
const [isSelect, setSelect] = useState("");
const tableRows = data?.map((e, i) => (
<tr key={i}>
<td>
<Center>{e?.Author.username}</Center>
</td>
<td>
<Center>{e?.DonasiMaster_Bank?.name}</Center>
</td>
<td>
<Center>
<TampilanRupiahDonasi nominal={+e?.nominal} />
</Center>
</td>
<td>
<Center>
{new Intl.DateTimeFormat("id-ID", { dateStyle: "full" }).format(
e?.createdAt
)}
</Center>
</td>
<td>
<Center>
<Badge w={150} variant="dot">
{e?.DonasiMaster_StatusInvoice?.name}
</Badge>
</Center>
</td>
<td>
<Center>
{e?.donasiMaster_StatusInvoiceId === "1" ||
e?.donasiMaster_StatusInvoiceId === "2" ? (
<Button
radius={"xl"}
onClick={() =>
router.push(
RouterAdminDonasi.transfer_invoice + `${e?.imagesId}`
)
}
>
Cek
</Button>
) : (
"-"
)}
</Center>
</td>
<td>
test
{/* <Center>
{e?.donasiMaster_StatusInvoiceId === "1" ? (
<Button radius={"xl"} disabled>
Selesai
</Button>
) : e?.DonasiMaster_StatusInvoice?.id === "2" ? (
<ButtonAccept
invoiceId={e?.id}
donasiId={dataDonasi?.id}
nominal={+e?.nominal}
danaTerkumpul={+dataDonasi?.terkumpul}
target={+dataDonasi?.target}
onSuccessDonasi={(val) => {
onSuccessDonasi(val);
}}
onSuccessDonatur={(val) => {
setListDonatur(val.data);
setNPage(val.nPage);
}}
/>
) : (
<Text>-</Text>
)}
</Center> */}
</td>
</tr>
));
return (
<>
<Stack spacing={"xs"} h={"100%"}>
{/* <pre>{JSON.stringify(dataDonasi, null, 2)}</pre> */}
<Group
position="apart"
bg={"gray.4"}
p={"xs"}
style={{ borderRadius: "6px" }}
>
<Title order={4}>Transaksi</Title>
<Group>
<ActionIcon
size={"lg"}
radius={"xl"}
variant="light"
onClick={() => {
// onRelaod();
}}
>
<IconReload />
</ActionIcon>
<Select
placeholder="Pilih status"
value={isSelect}
data={[]}
// data={listMasterStatus.map((e) => ({
// value: e.id,
// label: e.name,
// }))}
// onChange={(val) => {
// onSelect(val);
// }}
/>
</Group>
</Group>
<Paper p={"md"} withBorder shadow="lg" h={"80vh"}>
<ScrollArea w={"100%"} h={"90%"}>
<Table
verticalSpacing={"xl"}
horizontalSpacing={"md"}
p={"md"}
w={1500}
striped
highlightOnHover
>
<thead>
<tr>
<th>
<Center>Nama Investor</Center>
</th>
<th>
<Center>Nama Bank</Center>
</th>
<th>
<Center>Jumlah Investasi</Center>
</th>
<th>
<Center>Tanggal</Center>
</th>
<th>
<Center>Status</Center>
</th>
<th>
<Center>Bukti Transfer</Center>
</th>
<th>
<Center>Aksi</Center>
</th>
</tr>
</thead>
<tbody>{tableRows}</tbody>
</Table>
</ScrollArea>
<Center mt={"xl"}>
<Pagination
value={isActivePage}
total={isNPage}
onChange={(val) => {
// onPageClick(val);
}}
/>
</Center>
</Paper>
</Stack>
</>
);
}

40
src/app_modules/admin/investasi/_view/detail/view_detail_data.tsx Normal file
View File

@@ -0,0 +1,40 @@
import { MODEL_INVESTASI } from "@/app_modules/investasi/_lib/interface";
import { SimpleGrid } from "@mantine/core";
import { ComponentAdminInvestasi_DetailDataAuthor } from "../../_component/detail_data_author";
import { ComponentAdminInvestasi_DetailData } from "../../_component/detail_data_investasi";
import { ComponentAdminInvestasi_DetailGambar } from "../../_component/detail_gambar_investasi";
import { ComponentAdminInvestasi_UIDetailFile } from "../../_component/ui_detail_file";
export function AdminInvestasi_ViewDetailData({
data,
}: {
data: MODEL_INVESTASI;
}) {
return (
<>
<SimpleGrid
cols={3}
spacing="lg"
breakpoints={[
{ maxWidth: "62rem", cols: 3, spacing: "md" },
{ maxWidth: "48rem", cols: 2, spacing: "sm" },
{ maxWidth: "36rem", cols: 1, spacing: "sm" },
]}
>
{/* Data Author */}
<ComponentAdminInvestasi_DetailDataAuthor data={data.author} />
{/* Data Foto */}
<ComponentAdminInvestasi_DetailGambar imagesId={data.imagesId} />
{/* Data Detail */}
<ComponentAdminInvestasi_DetailData data={data} />
</SimpleGrid>
<ComponentAdminInvestasi_UIDetailFile
title={data.title}
dataProspektus={data.ProspektusInvestasi}
listDokumen={data.DokumenInvestasi}
/>
</>
);
}

7
src/app_modules/admin/investasi/_view/index.ts Normal file
View File

@@ -0,0 +1,7 @@
import { AdminInvestasi_ViewDaftarInvestor } from "./detail/view_daftar_investor";
import { AdminInvestasi_ViewDaftarTransaksi } from "./detail/view_daftar_transaksi";
import { AdminInvestasi_ViewDetailData } from "./detail/view_detail_data";
export { AdminInvestasi_ViewDetailData };
export { AdminInvestasi_ViewDaftarTransaksi };
export { AdminInvestasi_ViewDaftarInvestor };