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

Fix: Upload image

Browse Source 
- Upload image berita ke server wibu
- Tampilan detail image di ambil dari server wibu
## No issue
This commit is contained in:
Bagasbanuna02
2024-10-21 09:30:44 +08:00
parent 5ff74b00f5
commit 360ba267ec
66 changed files with 1528 additions and 821 deletions
Download Patch File Download Diff File Expand all files Collapse all files

206
src/app_modules/investasi/_view/create/view_create_berita.tsx Normal file
View File

@@ -0,0 +1,206 @@
import { AccentColor, MainColor } from "@/app_modules/_global/color";
import {
ComponentGlobal_BoxInformation,
ComponentGlobal_BoxUploadImage,
ComponentGlobal_InputCountDown,
} from "@/app_modules/_global/component";
import {
ComponentGlobal_NotifikasiBerhasil,
ComponentGlobal_NotifikasiGagal,
ComponentGlobal_NotifikasiPeringatan,
} from "@/app_modules/_global/notif_global";
import {
AspectRatio,
Button,
Center,
FileButton,
Image,
Stack,
Text,
TextInput,
Textarea,
} from "@mantine/core";
import { IconCamera, IconUpload } from "@tabler/icons-react";
import { DIRECTORY_ID } from "@/app/lib";
import { funGlobal_UploadToStorage } from "@/app_modules/_global/fun";
import { Prisma } from "@prisma/client";
import { useRouter } from "next/navigation";
import { useState } from "react";
import { investasi_funCreateBerita } from "../../_fun";
export function Investasi_ViewCreateBerita({
investasiId,
}: {
investasiId: string;
}) {
const router = useRouter();
const [file, setFile] = useState<File | null>(null);
const [img, setImg] = useState<any | null>();
const [isLoading, setIsLoading] = useState(false);
const [data, setData] = useState<Prisma.BeritaInvestasiCreateArgs>({
data: {
title: "",
deskripsi: "",
investasiId: investasiId,
},
});
async function onCreate() {
if (data.data.title == "" || data.data.deskripsi == "")
return ComponentGlobal_NotifikasiPeringatan("Lengkapi data");
try {
setIsLoading(true);
if (file != null) {
const uploadFile = await funGlobal_UploadToStorage({
file: file as File,
dirId: DIRECTORY_ID.investasi_berita,
});
if (!uploadFile.success)
return ComponentGlobal_NotifikasiPeringatan("Gagal upload gambar");
const createWithFile = await investasi_funCreateBerita({
data: data.data as any,
fileId: uploadFile.data.id,
});
createWithFile.status === 201
? (ComponentGlobal_NotifikasiBerhasil(createWithFile.message),
router.back())
: ComponentGlobal_NotifikasiGagal(createWithFile.message);
} else {
const createNoFile = await investasi_funCreateBerita({
data: data.data as any,
});
createNoFile.status === 201
? (ComponentGlobal_NotifikasiBerhasil(createNoFile.message),
router.back())
: ComponentGlobal_NotifikasiGagal(createNoFile.message);
}
} catch (error) {
console.log(error);
} finally {
setIsLoading(false);
}
}
return (
<>
<Stack px={"sm"}>
<ComponentGlobal_BoxInformation informasi="Pengunggahan foto ke aplikasi bersifat opsional dan tidak diwajibkan, Anda dapat menyimpan berita tanpa mengunggah foto." />
<Stack spacing={5}>
<ComponentGlobal_BoxUploadImage>
{img ? (
<AspectRatio ratio={1 / 1} mt={5} maw={300} mx={"auto"}>
<Image
style={{ maxHeight: 250 }}
alt="Foto"
height={250}
src={img}
/>
</AspectRatio>
) : (
<Stack justify="center" align="center" h={"100%"}>
<IconUpload color="white" />
<Text fz={10} fs={"italic"} c={"white"} fw={"bold"}>
Upload Gambar
</Text>
</Stack>
)}
</ComponentGlobal_BoxUploadImage>
<Center>
<FileButton
onChange={async (files: any | null) => {
try {
const buffer = URL.createObjectURL(
new Blob([new Uint8Array(await files.arrayBuffer())])
);
setImg(buffer);
setFile(files);
} catch (error) {
console.log(error);
}
}}
accept="image/png,image/jpeg"
>
{(props) => (
<Button
{...props}
radius={"xl"}
w={100}
style={{
backgroundColor: MainColor.yellow,
border: `1px solid ${AccentColor.yellow}`,
}}
>
<IconCamera color="black" />
</Button>
)}
</FileButton>
</Center>
</Stack>
<TextInput
withAsterisk
placeholder="Masukan judul berita"
styles={{
label: {
color: "white",
},
}}
label="Judul berita"
onChange={(val) => {
setData({ data: { ...data.data, title: val.target.value } });
}}
/>
<Stack spacing={5}>
<Textarea
withAsterisk
placeholder="Masukan deskripsi berita"
styles={{
label: {
color: "white",
},
}}
label="Deskripsi"
autosize
maxLength={500}
minRows={2}
maxRows={6}
onChange={(val) => {
setData({
data: { ...data.data, deskripsi: val.target.value },
});
}}
/>
<ComponentGlobal_InputCountDown
lengthInput={data.data.deskripsi.length}
maxInput={500}
/>
</Stack>
<Button
loaderPosition="center"
loading={isLoading}
my={"md"}
radius={50}
bg={MainColor.yellow}
color="yellow"
c={"black"}
onClick={() => {
onCreate();
}}
>
Simpan
</Button>
</Stack>
</>
);
}

232
src/app_modules/investasi/_view/detail/portofolio/view_detai_publish.tsx
View File

@@ -1,232 +0,0 @@
"use client";
import { RouterInvestasi_OLD } from "@/app/lib/router_hipmi/router_investasi";
import { AccentColor } from "@/app_modules/_global/color/color_pallet";
import { MODEL_INVESTASI } from "@/app_modules/investasi/_lib/interface";
import {
ActionIcon,
AspectRatio,
Box,
Flex,
Grid,
Group,
Image,
Paper,
Progress,
Stack,
Text,
Title,
} from "@mantine/core";
import {
IconBookDownload,
IconCircleCheck,
IconFileDescription,
IconSpeakerphone,
} from "@tabler/icons-react";
import moment from "moment";
import { useRouter } from "next/navigation";
import { useState } from "react";
export default function Investasi_ViewDetailPublish({
dataInvestasi,
}: {
dataInvestasi: MODEL_INVESTASI;
}) {
const router = useRouter();
const [investasi, setInvestasi] = useState(dataInvestasi);
const listBox = [
{
id: 1,
name: "Prospektus",
icon: <IconBookDownload size={70} color="white" />,
route: RouterInvestasi_OLD.detail_prospektus,
},
{
id: 2,
name: "Dokumen",
icon: <IconFileDescription size={70} color="white" />,
route: RouterInvestasi_OLD.edit_dokumen,
},
{
id: 3,
name: "Berita",
icon: <IconSpeakerphone size={70} color="white" />,
route: RouterInvestasi_OLD.list_edit_berita,
},
];
return (
<Stack
style={{
paddingInline: "15px",
paddingBlock: "15px",
backgroundColor: AccentColor.darkblue,
border: `2px solid ${AccentColor.blue}`,
borderRadius: "10px",
color: "white",
marginBottom: "15px",
}}
>
{Number(investasi.MasterPencarianInvestor.name) -
moment(new Date()).diff(new Date(investasi.countDown), "days") <=
0 ? (
<Group
position="center"
mb={"sm"}
style={{
color: "white",
}}
>
<IconCircleCheck color="green" />
<Text c={"green"}>Selesai</Text>
</Group>
) : (
<Group
mb={"sm"}
position="center"
style={{
color: "white",
}}
>
<Text>
Sisa waktu :{" "}
{Number(investasi.MasterPencarianInvestor.name) -
moment(new Date()).diff(
new Date(investasi.countDown),
"days"
)}{" "}
hari
</Text>
</Group>
)}
<AspectRatio ratio={1 / 1} mx={"sm"} mah={250}>
<Image
alt=""
src={RouterInvestasi_OLD.api_gambar + `${investasi.imagesId}`}
radius={"sm"}
height={250}
width={"100%"}
/>
</AspectRatio>
{/* Title dan Persentase */}
<Box mb={"md"}>
<Title align="center" order={3} mb={"xs"}>
{investasi.title}
</Title>
<Progress
label={
"" +
(
((+investasi.totalLembar - +investasi.sisaLembar) /
+investasi.totalLembar) *
100
).toFixed(1) +
"%"
}
value={
+(
((+investasi.totalLembar - +investasi.sisaLembar) /
+investasi.totalLembar) *
100
).toFixed(1)
}
color="teal"
size="xl"
radius="xl"
/>
</Box>
{/* Rincian Data */}
<Grid p={"md"} mb={"md"}>
<Grid.Col span={6}>
<Stack>
<Box>
<Text>Dana Dibutuhkan</Text>
<Text>
Rp.{" "}
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+investasi.targetDana)}
</Text>
</Box>
<Box>
<Text>Harga Per Lembar</Text>
<Text>
Rp.{" "}
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+investasi.hargaLembar)}
</Text>
</Box>
<Box>
<Text>Jadwal Pembagian</Text>
<Text>{investasi.MasterPembagianDeviden.name} bulan </Text>
</Box>
<Box>
<Text>Pembagian Deviden</Text>
<Text>{investasi.MasterPeriodeDeviden.name}</Text>
</Box>
</Stack>
</Grid.Col>
<Grid.Col span={6}>
<Stack>
<Box>
<Text>ROI</Text>
<Text>{investasi.roi}%</Text>
</Box>
<Box>
<Text>Total Lembar</Text>
<Text>
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+investasi.totalLembar)}{" "}
lembar
</Text>
</Box>
<Box>
<Text>Sisa Lembar</Text>
<Text>
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+investasi.sisaLembar)}{" "}
lembar
</Text>
</Box>
</Stack>
</Grid.Col>
</Grid>
{/* List Box */}
<Group position="apart" px={"lg"}>
{listBox.map((e, i) => (
<Paper
key={i}
style={{
padding: "15px",
backgroundColor: AccentColor.blue,
border: `2px solid ${AccentColor.softblue}`,
borderRadius: "10px",
color: "white",
}}
>
<Flex direction={"column"} align={"center"} justify={"center"}>
<Text fz={12}>{e.name}</Text>
<ActionIcon
radius={"xl"}
// loading={isLoadingBox && e?.id === boxId ? true : false}
variant="transparent"
size={60}
onClick={() => router.push(e.route + `${investasi.id}`)}
>
{e.icon}
</ActionIcon>
</Flex>
</Paper>
))}
</Group>
</Stack>
);
}

10
src/app_modules/investasi/_view/detail/portofolio/view_detail_draft.tsx
View File

@@ -1,16 +1,12 @@
"use client";
import {
NEW_RouterInvestasi,
RouterInvestasi_OLD,
} from "@/app/lib/router_hipmi/router_investasi";
import { NEW_RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
import { MainColor } from "@/app_modules/_global/color/color_pallet";
import ComponentGlobal_BoxInformation from "@/app_modules/_global/component/box_information";
import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
import { Investasi_ComponentDetailDataNonPublish } from "@/app_modules/investasi/_component";
import { MODEL_INVESTASI } from "@/app_modules/investasi/_lib/interface";
import { ComponentInvestasi_DetailDataNonPublish } from "@/app_modules/investasi/component/detail/x_detai_data_non_publish";
import { investasi_funEditStatusById } from "@/app_modules/investasi/fun/edit/fun_edit_status_by_id";
import { gs_investasi_status } from "@/app_modules/investasi/g_state";
import notifikasiToAdmin_funCreate from "@/app_modules/notifikasi/fun/create/create_notif_to_admin";
@@ -27,7 +23,6 @@ export default function Investasi_ViewDetailDraft({
}) {
const router = useRouter();
const [isLoading, setIsLoading] = useState(false);
const [activeTab, setActiveTab] = useAtom(gs_investasi_status);
async function onAjukanReview() {
const res = await investasi_funEditStatusById({
@@ -54,8 +49,7 @@ export default function Investasi_ViewDetailDraft({
setIsLoading(true);
ComponentGlobal_NotifikasiBerhasil("Review Berhasil Diajukan");
router.push(NEW_RouterInvestasi.portofolio({ id: dataInvestasi.id }));
setActiveTab("Review");
router.push(NEW_RouterInvestasi.portofolio({ id: "2" }));
}
} else {
ComponentGlobal_NotifikasiGagal(res.message);

221
src/app_modules/investasi/_view/detail/portofolio/view_detail_publish.tsx Normal file
View File

@@ -0,0 +1,221 @@
"use client";
import {
NEW_RouterInvestasi,
RouterInvestasi_OLD,
} from "@/app/lib/router_hipmi/router_investasi";
import { MainColor } from "@/app_modules/_global/color/color_pallet";
import {
ComponentGlobal_AvatarAndUsername,
ComponentGlobal_CardStyles,
ComponentGlobal_LoadImageLandscape,
} from "@/app_modules/_global/component";
import {
Investasi_ComponentBoxDaftarBerita,
Investasi_ComponentBoxDaftarDokumen,
Investasi_ComponentBoxProgress,
Investasi_ComponentBoxProspektus,
Investasi_ComponentTitleAndValueInDetail,
} from "@/app_modules/investasi/_component";
import { MODEL_INVESTASI } from "@/app_modules/investasi/_lib/interface";
import {
Box,
Button,
Center,
SimpleGrid,
Stack,
Text,
Title,
} from "@mantine/core";
import { useLocalStorage } from "@mantine/hooks";
import {
IconBookDownload,
IconFileDescription,
IconSpeakerphone,
} from "@tabler/icons-react";
import _ from "lodash";
import moment from "moment";
import { useRouter } from "next/navigation";
import { useState } from "react";
export default function Investasi_ViewDetailPublish({
dataInvestasi,
userLoginId,
}: {
dataInvestasi: MODEL_INVESTASI;
userLoginId: string;
}) {
const router = useRouter();
const [data, setData] = useState(dataInvestasi);
const [boxId, setBoxId] = useState(0);
const [isLoadingBox, setLoadingBox] = useState(false);
const [isLoadingButton, setLoadingButton] = useState(false);
const [total, setTotal] = useLocalStorage({
key: "total_investasi",
defaultValue: 0,
});
const [jumlah, setJumlah] = useLocalStorage({
key: "jumlah_investasi",
defaultValue: 0,
});
async function onSubmit() {
setLoadingButton(true);
//NEW
router.push(NEW_RouterInvestasi.pembelian + data.id, { scroll: false });
setTotal(0);
setJumlah(0);
}
return (
<Stack>
<Investasi_ComponentBoxProgress progress={data.progress} />
<ComponentGlobal_CardStyles>
<Stack spacing={"xl"}>
<ComponentGlobal_AvatarAndUsername
profile={data.author.Profile as any}
/>
<ComponentGlobal_LoadImageLandscape fileId={data.imageId} />
{/* Title dan Persentase */}
<Center>
<Title order={3} align="center">
{_.startCase(data.title)}
</Title>
</Center>
{/* Rincian Data */}
<Stack>
<Investasi_ComponentTitleAndValueInDetail
title="Investor"
value={<Text>{data.Investasi_Invoice.length} </Text>}
/>
<Investasi_ComponentTitleAndValueInDetail
title="Target Dana"
value={
<Text>
Rp.{" "}
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 20,
}).format(+data.targetDana)}{" "}
</Text>
}
/>
<Investasi_ComponentTitleAndValueInDetail
title="Harga Per Lembar"
value={
<Text>
Rp.{" "}
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+data.hargaLembar)}
</Text>
}
/>
<Investasi_ComponentTitleAndValueInDetail
title={<Text fs={"italic"}>Return Of Invesment (RoI)</Text>}
value={<Text>{data.roi} %</Text>}
/>
<Investasi_ComponentTitleAndValueInDetail
title="Total Lembar"
value={
<Text>
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+data.totalLembar)}{" "}
lembar
</Text>
}
/>
<Investasi_ComponentTitleAndValueInDetail
title="Sisa Lembar"
value={
<Text>
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+data.sisaLembar)}{" "}
lembar
</Text>
}
/>
<Investasi_ComponentTitleAndValueInDetail
title="Jadwal Pembagian"
value={<Text>{data.MasterPembagianDeviden.name} Bulan </Text>}
/>
<Investasi_ComponentTitleAndValueInDetail
title="Pembagian Deviden"
value={<Text>{data.MasterPeriodeDeviden.name}</Text>}
/>
<Investasi_ComponentTitleAndValueInDetail
title="Pencarian Investor"
value={<Text>{data.MasterPencarianInvestor.name} Hari </Text>}
/>
</Stack>
{/* List Box */}
<SimpleGrid
cols={3}
breakpoints={[
{ maxWidth: "62rem", cols: 3, spacing: "md" },
{ maxWidth: "48rem", cols: 2, spacing: "sm" },
{ maxWidth: "36rem", cols: 1, spacing: "sm" },
]}
>
<Investasi_ComponentBoxProspektus
prospektusFileId={data.prospektusFileId}
/>
<Investasi_ComponentBoxDaftarDokumen investasiId={data?.id} />
<Investasi_ComponentBoxDaftarBerita investasiId={data?.id} />
</SimpleGrid>
</Stack>
</ComponentGlobal_CardStyles>
<Box my={"md"}>
{data.sisaLembar === "0" ||
Number(data.MasterPencarianInvestor.name) -
moment(new Date()).diff(new Date(data.countDown), "days") <=
0 ? (
<Center mb={"md"}>
<Button disabled radius={50} variant="transparent">
Investasi Telah Ditutup
</Button>
</Center>
) : (
<Box>
{userLoginId === data.authorId ? (
<Center mb={"md"}>
<Button disabled radius={50}>
Investasi Ini Milik Anda
</Button>
</Center>
) : (
<Center mb={"md"}>
<Button
loaderPosition="center"
loading={isLoadingButton}
w={"100%"}
radius={50}
bg={MainColor.yellow}
color="yellow"
c={"black"}
onClick={() => {
onSubmit();
}}
>
Beli Saham
</Button>
</Center>
)}
</Box>
)}
</Box>
</Stack>
);
}

3
src/app_modules/investasi/_view/detail/portofolio/view_detail_reject.tsx
View File

@@ -10,7 +10,6 @@ import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_glo
import UIGlobal_Modal from "@/app_modules/_global/ui/ui_modal";
import { Investasi_ComponentDetailDataNonPublish } from "@/app_modules/investasi/_component";
import { MODEL_INVESTASI } from "@/app_modules/investasi/_lib/interface";
import { ComponentInvestasi_DetailDataNonPublish } from "@/app_modules/investasi/component/detail/x_detai_data_non_publish";
import { investasi_funEditStatusById } from "@/app_modules/investasi/fun/edit/fun_edit_status_by_id";
import funDeleteInvestasi from "@/app_modules/investasi/fun/fun_delete_investasi";
import { gs_investasi_status } from "@/app_modules/investasi/g_state";
@@ -49,7 +48,7 @@ export default function Investasi_ViewDetailReject({
if (res.status === 200) {
ComponentGlobal_NotifikasiBerhasil(res.message);
setOpenModal(false);
router.push(NEW_RouterInvestasi.portofolio({ id: dataInvestasi.id }));
router.push(NEW_RouterInvestasi.portofolio({ id: "3" }));
} else {
ComponentGlobal_NotifikasiGagal(res.message);
}

11
src/app_modules/investasi/_view/detail/portofolio/view_detail_review.tsx
View File

@@ -1,6 +1,9 @@
"use client";
import { NEW_RouterInvestasi, RouterInvestasi_OLD } from "@/app/lib/router_hipmi/router_investasi";
import {
NEW_RouterInvestasi,
RouterInvestasi_OLD,
} from "@/app/lib/router_hipmi/router_investasi";
import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
import { Investasi_ComponentDetailDataNonPublish } from "@/app_modules/investasi/_component";
@@ -14,7 +17,6 @@ import { useAtom } from "jotai";
import { useRouter } from "next/navigation";
import { useState } from "react";
export default function Investasi_ViewDetailReview({
dataInvestasi,
}: {
@@ -22,8 +24,6 @@ export default function Investasi_ViewDetailReview({
}) {
const router = useRouter();
const [isLoading, setLoading] = useState(false);
const [activeTab, setActiveTab] = useAtom(gs_investasi_status);
const [data, setData] = useState<MODEL_INVESTASI>(dataInvestasi);
async function onCancleReview() {
@@ -50,8 +50,7 @@ export default function Investasi_ViewDetailReview({
setLoading(true);
ComponentGlobal_NotifikasiBerhasil("Review Dibatalkan");
setActiveTab("Draft");
router.push(NEW_RouterInvestasi.portofolio({id: data.id}));
router.push(NEW_RouterInvestasi.portofolio({ id: "3" }));
}
} else {
ComponentGlobal_NotifikasiPeringatan(res.message);

37
src/app_modules/investasi/_view/detail/view_berita.tsx Normal file
View File

@@ -0,0 +1,37 @@
import {
ComponentGlobal_CardStyles,
ComponentGlobal_LoadImageLandscape,
} from "@/app_modules/_global/component";
import { Stack, Text, Title } from "@mantine/core";
import { Prisma } from "@prisma/client";
import { useState } from "react";
export function Investasi_ViewDetailBerita({
dataBerita,
}: {
dataBerita: any;
}) {
const [data, setData] =
useState<Prisma.BeritaInvestasiGetPayload<{}>>(dataBerita);
return (
<>
<ComponentGlobal_CardStyles>
<Stack>
{data.imageId == null ? (
""
) : (
<ComponentGlobal_LoadImageLandscape fileId={data.imageId} />
)}
<Title order={4} align="center">
{" "}
{data.title}
</Title>
<Text>{data.deskripsi}</Text>
</Stack>
</ComponentGlobal_CardStyles>
</>
);
}

45
src/app_modules/investasi/_view/detail/view_daftar_berita.tsx Normal file
View File

@@ -0,0 +1,45 @@
import { NEW_RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
import {
ComponentGlobal_CardStyles,
ComponentGlobal_CardLoadingOverlay,
} from "@/app_modules/_global/component";
import { Box, Title } from "@mantine/core";
import { useRouter } from "next/navigation";
import { useState } from "react";
export function Investasi_ViewDaftarBerita({
dataBerita,
}: {
dataBerita: any[];
}) {
const router = useRouter();
const [data, setData] = useState(dataBerita);
const [visible, setVisible] = useState(false);
const [dataId, setDataId] = useState("");
return (
<>
<Box>
{data.map((e, i) => (
<ComponentGlobal_CardStyles
key={i}
onClickHandler={() => {
router.push(NEW_RouterInvestasi.berita({ id: e.id }), {
scroll: false,
});
setVisible(true);
setDataId(e.id);
}}
>
<Title order={6} lineClamp={1}>
{e.title}
</Title>
{visible && dataId === e.id && (
<ComponentGlobal_CardLoadingOverlay />
)}
</ComponentGlobal_CardStyles>
))}
</Box>
</>
);
}

6
src/app_modules/investasi/_view/detail/view_daftar_dokemen.tsx
View File

@@ -1,14 +1,12 @@
import { ComponentGlobal_BoxInformation } from "@/app_modules/_global/component";
import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
import ComponentGlobal_Loader from "@/app_modules/_global/component/loader";
import { Box, Center, Stack } from "@mantine/core";
import { data } from "autoprefixer";
import _ from "lodash";
import { ScrollOnly } from "next-scroll-loader";
import { investasi_funGetAllDocumentById } from "../../_fun";
import { useState } from "react";
import { MODEL_INVESTASI_DOKUMEN } from "../../_lib/interface";
import { Investasi_ComponentCardDaftarDocument } from "../../_component";
import { investasi_funGetAllDocumentById } from "../../_fun";
import { MODEL_INVESTASI_DOKUMEN } from "../../_lib/interface";
export function Investasi_ViewDaftarDokumen({
dataDokumen,

11
src/app_modules/investasi/_view/detail/view_detail_main.tsx Normal file
View File

@@ -0,0 +1,11 @@
export function Investasi_ViewDetailMain({
dataInvestasi,
}: {
dataInvestasi: any;
}) {
return (
<>
data disni
</>
);
}

45
src/app_modules/investasi/_view/detail/view_rekap_berita.tsx Normal file
View File

@@ -0,0 +1,45 @@
import { NEW_RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
import {
ComponentGlobal_CardLoadingOverlay,
ComponentGlobal_CardStyles,
} from "@/app_modules/_global/component";
import { Box, Group, Title } from "@mantine/core";
import { useRouter } from "next/navigation";
import { useState } from "react";
export function Investasi_ViewRekapBerita({
dataBerita,
}: {
dataBerita: any[];
}) {
const router = useRouter();
const [data, setData] = useState(dataBerita);
const [visible, setVisible] = useState(false);
const [dataId, setDataId] = useState("");
return (
<>
<Box>
{data.map((e, i) => (
<ComponentGlobal_CardStyles
key={i}
onClickHandler={() => {
router.push(NEW_RouterInvestasi.berita({ id: e.id }), {
scroll: false,
});
setVisible(true);
setDataId(e.id);
}}
>
<Title order={6} lineClamp={1}>
{e.title}
</Title>
{visible && dataId === e.id && (
<ComponentGlobal_CardLoadingOverlay />
)}
</ComponentGlobal_CardStyles>
))}
</Box>
</>
);
}

12
src/app_modules/investasi/_view/index.ts
View File

@@ -10,7 +10,7 @@ import { Investasi_ViewInvoice } from "./transaksi/view_invoice";
import { Investasi_ViewMetodePembayaran } from "./transaksi/view_metode_pembayaran";
import { Investasi_ViewProsesPembelian } from "./transaksi/view_proses_pembelian";
import { Investasi_ViewProsesTransaksi } from "./transaksi/view_proses_transaksi";
import Investasi_ViewDetailPublish from "./detail/portofolio/view_detai_publish";
import Investasi_ViewDetailPublish from "./detail/portofolio/view_detail_publish";
import Investasi_ViewDetailReview from "./detail/portofolio/view_detail_review";
import Investasi_ViewDetailDraft from "./detail/portofolio/view_detail_draft";
import Investasi_ViewDetailReject from "./detail/portofolio/view_detail_reject";
@@ -21,6 +21,11 @@ import { Investasi_ViewEditInvestasi } from "./edit/view_edit_investasi";
import { Investasi_ViewEditProspektus } from "./edit/view_edit_prospektus";
import { Investasi_ViewCreateDocument } from "./create/view_create_document";
import { Investasi_ViewRekapDokumen } from "./detail/view_rekap_dokumen";
import { Investasi_ViewDetailMain } from "./detail/view_detail_main";
import { Investasi_ViewRekapBerita } from "./detail/view_rekap_berita";
import { Investasi_ViewDaftarBerita } from "./detail/view_daftar_berita";
import { Investasi_ViewCreateBerita } from "./create/view_create_berita";
import { Investasi_ViewDetailBerita } from "./detail/view_berita";
export { Investasi_ViewProsesPembelian };
export { Investasi_ViewMetodePembayaran };
@@ -44,3 +49,8 @@ export { Investasi_ViewEditInvestasi };
export { Investasi_ViewEditProspektus };
export { Investasi_ViewCreateDocument };
export { Investasi_ViewRekapDokumen };
export { Investasi_ViewDetailMain };
export { Investasi_ViewRekapBerita };
export { Investasi_ViewDaftarBerita };
export { Investasi_ViewCreateBerita };
export { Investasi_ViewDetailBerita };