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

fix: File view

Browse Source 
Deksripsi:
- Tampilan file view pdf
- Optimalisasi admin
## No Isuue
This commit is contained in:
Bagasbanuna02
2024-09-06 11:36:53 +08:00
parent 74108c3096
commit 84b7b381f6
112 changed files with 2230 additions and 807 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/app_modules/investasi/_ui/detail/ui_detail_saham_saya.tsx Normal file
View File

@@ -0,0 +1,17 @@
"use client";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
import { Investasi_ViewDetailSahamSaya } from "../../_view";
export function Investasi_UiDetailSahamSaya({ dataSaham }: { dataSaham: any }) {
return (
<>
<UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Detail Saham" />}
>
<Investasi_ViewDetailSahamSaya dataSaham={dataSaham as any} />
</UIGlobal_LayoutTamplate>
</>
);
}

31
src/app_modules/investasi/_ui/file_view/ui_file_view_dokumen.tsx Normal file
View File

@@ -0,0 +1,31 @@
"use client";
import { RouterInvestasi_OLD } from "@/app/lib/router_hipmi/router_investasi";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
import { IconX } from "@tabler/icons-react";
import dynamic from "next/dynamic";
const PdfToImage = dynamic(
() =>
import("../../_view/file_view/view_file_viewer").then((mod) => mod.default),
{ ssr: false }
);
export function Investasi_UiFileViewDokumen({
dokumenId,
}: {
dokumenId: string;
}) {
return (
<>
<UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="" iconLeft={<IconX/>} />}
>
<PdfToImage
id={dokumenId}
path={RouterInvestasi_OLD.api_file_dokumen}
/>
</UIGlobal_LayoutTamplate>
</>
);
}

31
src/app_modules/investasi/_ui/file_view/ui_file_view_prospektus.tsx Normal file
View File

@@ -0,0 +1,31 @@
"use client";
import { RouterInvestasi_OLD } from "@/app/lib/router_hipmi/router_investasi";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
import { IconX } from "@tabler/icons-react";
import dynamic from "next/dynamic";
const PdfToImage = dynamic(
() =>
import("../../_view/file_view/view_file_viewer").then((mod) => mod.default),
{ ssr: false }
);
export function Investasi_UiFileViewProspektus({
prospekId,
}: {
prospekId: string;
}) {
return (
<>
<UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="" iconLeft={<IconX />} />}
>
<PdfToImage
id={prospekId}
path={RouterInvestasi_OLD.api_file_prospektus}
/>
</UIGlobal_LayoutTamplate>
</>
);
}

10
src/app_modules/investasi/_ui/index.ts
View File

@@ -1,4 +1,4 @@
import { Investasi_UiFileView } from "./ui_file_view";
import { Investasi_UiFileViewProspektus } from "./file_view/ui_file_view_prospektus";
import { Investasi_UiInvoice } from "./transaksi/ui_invoice";
import { Investasi_UiMetodePembayaran } from "./transaksi/ui_metode_pembayaran";
import { Investasi_UiProsesPembelian } from "./transaksi/ui_proses_pembelian";
@@ -7,13 +7,19 @@ import { Investasi_UiBeranda } from "./main/ui_beranda";
import { Investasi_UiLayoutMain } from "./main/ui_layout_main";
import { Investasi_UiDaftarTransaksi } from "./main/ui_transaksi";
import { Investasi_UiTransaksiBerhasil } from "./status_transaksi/ui_transaksi_berhasil";
import { Investasi_UiFileViewDokumen } from "./file_view/ui_file_view_dokumen";
import { Investasi_UiSahamSaya } from "./main/ui_saham_saya";
import { Investasi_UiDetailSahamSaya } from "./detail/ui_detail_saham_saya";
export { Investasi_UiProsesPembelian };
export { Investasi_UiMetodePembayaran };
export { Investasi_UiFileView };
export { Investasi_UiFileViewProspektus as Investasi_UiFileView };
export { Investasi_UiInvoice };
export { Investasi_UiProsesTransaksi };
export { Investasi_UiBeranda };
export { Investasi_UiLayoutMain };
export { Investasi_UiDaftarTransaksi };
export { Investasi_UiTransaksiBerhasil };
export { Investasi_UiFileViewDokumen };
export { Investasi_UiSahamSaya };
export { Investasi_UiDetailSahamSaya };

8
src/app_modules/investasi/_ui/main/ui_portofolio.tsx Normal file
View File

@@ -0,0 +1,8 @@
"use client"
export function Investasi_UiPortofolio() {
return <>
</>;
}

11
src/app_modules/investasi/_ui/main/ui_saham_saya.tsx Normal file
View File

@@ -0,0 +1,11 @@
"use client";
import { Investasi_ViewSahamSaya } from "../../_view";
export function Investasi_UiSahamSaya({ dataSaham }: { dataSaham: any[] }) {
return (
<>
<Investasi_ViewSahamSaya dataSaham={dataSaham} />
</>
);
}

60
src/app_modules/investasi/_ui/ui_file_view.tsx
View File

@@ -1,60 +0,0 @@
"use client";
import { RouterInvestasi_OLD } from "@/app/lib/router_hipmi/router_investasi";
import { MainColor } from "@/app_modules/_global/color/color_pallet";
import { ActionIcon, Box, Container, Group, Header, rem } from "@mantine/core";
import { IconX } from "@tabler/icons-react";
import { useRouter } from "next/navigation";
import { Investasi_ViewFileViewer } from "../_view";
export function Investasi_UiFileView({ prospekId }: { prospekId: string }) {
return (
<>
{/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="File" />}
>
<ComponentInvestasi_FrameFileView fileId={prospekId} path={RouterInvestasi_OLD.api_file_prospektus} />
</UIGlobal_LayoutTamplate> */}
<Box
w={"100%"}
h={"100%"}
style={{
overflowY: "auto",
overflowX: "auto",
backgroundColor: MainColor.black,
position: "fixed",
}}
>
<Container mih={"100vh"} p={0} size={rem(500)} bg={MainColor.black}>
<HeaderView />
<Investasi_ViewFileViewer
fileId={prospekId}
path={RouterInvestasi_OLD.api_file_prospektus}
/>
</Container>
</Box>
</>
);
}
function HeaderView() {
const router = useRouter();
return (
<>
<Header
height={"8vh"}
sx={{
borderStyle: "none",
}}
bg={"white"}
>
<Group position="right" align="center" h={"100%"} px={"md"}>
<ActionIcon onClick={() => router.back()}>
<IconX />
</ActionIcon>
</Group>
</Header>
</>
);
}