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

Revisi tampilan

Browse Source 
fix:
- alur pembuatan investasi
- tampilan investasi
### No issue
This commit is contained in:
Bagasbanuna02
2023-12-05 10:14:51 +08:00
parent 7477b0f458
commit a2149b071e
61 changed files with 779 additions and 470 deletions
Download Patch File Download Diff File Expand all files Collapse all files

134
src/app_modules/investasi/create/view.tsx
View File

@@ -13,12 +13,13 @@ import {
Group,
Image,
NumberInput,
Paper,
Select,
Stack,
Text,
TextInput,
} from "@mantine/core";
import { IconCamera } from "@tabler/icons-react";
import { IconCamera, IconPdf, IconUpload } from "@tabler/icons-react";
import _ from "lodash";
import { useRouter } from "next/navigation";
import { useState } from "react";
@@ -43,6 +44,9 @@ export default function InvestasiCreate({
const router = useRouter();
const [fl, setFl] = useState<File | null>(null);
const [img, setImg] = useState<any | null>();
const [pdf, setPdf] = useState<File | null>(null);
const [filePdf, setFilePdf] = useState<any | null>(null);
const [changeColor, setChangeColor] = useAtom(gs_investasiFooter);
const [activeTab, setActiveTab] = useAtom(gs_StatusPortoInvestasi);
const [totalLembar, setTotalLembar] = useState(0);
@@ -57,7 +61,6 @@ export default function InvestasiCreate({
pembagianDevidenId: "",
});
async function onSubmit() {
const body = {
authorId: id,
@@ -72,18 +75,22 @@ export default function InvestasiCreate({
};
// toast("Berhasil disimpan")
// if (_.values(body).includes("")) return toast("Lengkapi data");
if (!fl) return toast("Gambar Kosong");
if (!pdf) return toast("File Kosong");
if (_.values(body).includes("")) return toast("Lengkapi data");
if (!fl) return toast("File Kosong");
const gmbr = new FormData();
gmbr.append("file", fl);
const fd = new FormData();
fd.append("file", fl);
await funCreateInvestasi(fd, body as any).then((res) => {
const flPdf = new FormData();
flPdf.append("file", pdf);
await funCreateInvestasi(gmbr, flPdf, body as any).then((res) => {
if (res.status === 201) {
// toast(res.message);
setChangeColor(1);
setActiveTab("Draft");
router.push(RouterInvestasi.dialog_create)
setActiveTab("Review");
router.push(RouterInvestasi.dialog_create);
} else {
toast(res.message);
}
@@ -98,40 +105,81 @@ export default function InvestasiCreate({
return (
<>
<Box>
<AspectRatio ratio={16 / 9}>
{img ? (
<Image alt="" src={img} />
) : (
<Image alt="" src={"/aset/no-img.png"} />
)}
</AspectRatio>
<Group position="center" mt={"md"}>
<FileButton
onChange={async (files: any) => {
const buffer = URL.createObjectURL(
new Blob([new Uint8Array(await files.arrayBuffer())])
);
setImg(buffer);
setFl(files);
}}
accept="image/png,image/jpeg"
>
{(props) => (
<Button
compact
{...props}
w={100}
radius={50}
bg={Warna.hijau_muda}
// onClick={() => router.push("/dev/investasi/upload")}
>
<IconCamera />
</Button>
)}
</FileButton>
</Group>
{/* Inputan Create */}
<Stack spacing={"sm"} px={"md"}>
<AspectRatio ratio={16 / 9}>
<Paper radius={"md"} withBorder>
{img ? (
<Image alt="" src={img} />
) : (
<Image alt="" src={"/aset/no-img.png"} />
)}
</Paper>
</AspectRatio>
{/* Upload Foto */}
<Group position="center" mb={"md"}>
<FileButton
onChange={async (files: any) => {
const buffer = URL.createObjectURL(
new Blob([new Uint8Array(await files.arrayBuffer())])
);
// console.log(files);
setImg(buffer);
setFl(files);
}}
accept="image/png,image/jpeg"
>
{(props) => (
<Button
{...props}
leftIcon={<IconUpload size={12} />}
compact
radius={50}
bg={Warna.hijau_muda}
// onClick={() => router.push("/dev/investasi/upload")}
>
Upload Gambar
</Button>
)}
</FileButton>
</Group>
{/* Upload File */}
<Group position="center">
{!pdf ? (
<Paper w={"100%"} bg={"gray.3"} p={"sm"}>
<Text opacity={"0.3"}>Upload File Prospektus</Text>
</Paper>
) : (
<Paper w={"100%"} bg={"gray.6"} p={"sm"}>
<Text>{pdf.name}</Text>
</Paper>
)}
{/* {JSON.stringify(filePdf)} */}
<FileButton
accept="application/pdf"
onChange={async (files: any) => {
const buffer = URL.createObjectURL(
new Blob([new Uint8Array(await files.arrayBuffer())])
);
// console.log(files.name)
setFilePdf(buffer);
setPdf(files);
}}
>
{(props) => (
<Button
leftIcon={<IconUpload size={12} />}
{...props}
compact
radius={"xl"}
bg={Warna.hijau_muda}
>
Upload File
</Button>
)}
</FileButton>
</Group>
<TextInput
withAsterisk
label="Judul Investasi"
@@ -175,7 +223,7 @@ export default function InvestasiCreate({
<Text>{totalLembar}</Text>
<Divider />
</Stack>
<Text c={"red"} fz={10}>
<Text c={"blue"} fz={10}>
*Total lembar dihitung dari, Target Dana : Harga Perlembar
</Text>
</Stack>

16
src/app_modules/investasi/detail/view.tsx
View File

@@ -146,11 +146,15 @@ export default function DetailInvestasi({
<Stack>
<Box>
<Text>Dana Dibutuhkan</Text>
<Text>Rp. {investasi.targetDana}</Text>
<Text>Rp. {new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+investasi.targetDana)}</Text>
</Box>
<Box>
<Text>Harga Per Lembar</Text>
<Text>Rp. {investasi.hargaLembar}</Text>
<Text>Rp. {new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+investasi.hargaLembar)}</Text>
</Box>
<Box>
<Text>Jadwal Pembagian</Text>
@@ -170,11 +174,15 @@ export default function DetailInvestasi({
</Box>
<Box>
<Text>Total Lembar</Text>
<Text>{investasi.totalLembar} lembar</Text>
<Text>{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+investasi.totalLembar)} lembar</Text>
</Box>
<Box>
<Text>Sisa Lembar</Text>
<Text>{investasi.sisaLembar} lembar</Text>
<Text>{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+investasi.sisaLembar)} lembar</Text>
</Box>
</Stack>
</Grid.Col>

16
src/app_modules/investasi/detail_portofolio/draft/page.tsx
View File

@@ -91,7 +91,7 @@ export default function DetailDraftInvestasi({
{/* Title dan Persentase */}
<Center>
<Title order={4} mb={"xs"}>
{investasi.title}
{_.capitalize(investasi.title)}
</Title>
</Center>
@@ -101,11 +101,15 @@ export default function DetailDraftInvestasi({
<Stack>
<Box>
<Text>Dana Dibutuhkan</Text>
<Text>Rp. {investasi.targetDana}</Text>
<Text>Rp. {new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+investasi.targetDana)}</Text>
</Box>
<Box>
<Text>Harga Per Lembar</Text>
<Text>Rp. {investasi.hargaLembar}</Text>
<Text>Rp. {new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+investasi.hargaLembar)}</Text>
</Box>
<Box>
<Text>Jadwal Pembagian</Text>
@@ -121,11 +125,13 @@ export default function DetailDraftInvestasi({
<Stack>
<Box>
<Text>ROI</Text>
<Text>{investasi.roi}%</Text>
<Text>{investasi.roi} %</Text>
</Box>
<Box>
<Text>Total Lembar</Text>
<Text>{investasi.totalLembar} lembar</Text>
<Text>{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+investasi.totalLembar)} lembar</Text>
</Box>
<Box>
<Text>Pembagian Deviden</Text>

34
src/app_modules/investasi/detail_portofolio/publish/page.tsx
View File

@@ -109,16 +109,30 @@ export default function DetailPublishInvestasi({
<Stack>
<Box>
<Text>Dana Dibutuhkan</Text>
<Text>Rp. {investasi.targetDana}</Text>
<Text>
Rp.{" "}
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+investasi.targetDana)}
</Text>
</Box>
<Box>
<Text>Harga Per Lembar</Text>
<Text>Rp. {investasi.hargaLembar}</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}>
@@ -129,11 +143,21 @@ export default function DetailPublishInvestasi({
</Box>
<Box>
<Text>Total Lembar</Text>
<Text>{investasi.totalLembar} lembar</Text>
<Text>
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+investasi.totalLembar)}{" "}
lembar
</Text>
</Box>
<Box>
<Text>Pembagian Deviden</Text>
<Text>{investasi.MasterPeriodeDeviden.name}</Text>
<Text>Sisa Lembar</Text>
<Text>
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+investasi.sisaLembar)}{" "}
lembar
</Text>
</Box>
</Stack>
</Grid.Col>

4
src/app_modules/investasi/detail_portofolio/reject/layout.tsx
View File

@@ -18,8 +18,8 @@ export default function LayoutDetailRejecttInvestasi({
header={
<HeaderTamplate
title="Detail Reject"
icon={<IconEdit />}
route2={`/dev/investasi/edit/${idInves}`}
// icon={<IconEdit />}
// route2={`/dev/investasi/edit/${idInves}`}
/>
}
>

46
src/app_modules/investasi/detail_portofolio/reject/page.tsx
View File

@@ -22,9 +22,11 @@ import {
Title,
} from "@mantine/core";
import {
IconArrowBackUpDouble,
IconBookDownload,
IconFileDescription,
IconSpeakerphone,
IconTrash,
} from "@tabler/icons-react";
import { useAtom } from "jotai";
import { useRouter } from "next/navigation";
@@ -59,20 +61,20 @@ export default function DetailRejectInvestasi({
icon: <IconFileDescription size={70} />,
route: RouterInvestasi.edit_dokumen,
},
{
id: 3,
name: "Berita",
icon: <IconSpeakerphone size={70} />,
route: RouterInvestasi.edit_berita,
},
// {
// id: 3,
// name: "Berita",
// icon: <IconSpeakerphone size={70} />,
// route: RouterInvestasi.edit_berita,
// },
];
async function onAjukan() {
await funGantiStatusInvestasi(investasi.id, "2").then((res) => {
await funGantiStatusInvestasi(investasi.id, "1").then((res) => {
if (res.status === 200) {
toast("Project Diajukan Kembali");
setActiveTab("Draft");
router.push(RouterInvestasi.portofolio);
setActiveTab("Review");
} else {
toast("Gagal Pengajuan");
}
@@ -110,7 +112,7 @@ export default function DetailRejectInvestasi({
</Modal>
{/* Alasan */}
<Box mb={"sm"}>
<Box mb={"xl"}>
<Title order={6}>Alasan :</Title>
<Box>
<Paper>
@@ -124,6 +126,7 @@ export default function DetailRejectInvestasi({
<Grid.Col span={6}>
<Center>
<Button
leftIcon={<IconArrowBackUpDouble/>}
mb={"xl"}
radius={50}
bg={"orange.7"}
@@ -131,7 +134,7 @@ export default function DetailRejectInvestasi({
compact
onClick={() => onAjukan()}
>
Ajukan Kembali
Masuk ke Draft
</Button>
</Center>
</Grid.Col>
@@ -141,6 +144,7 @@ export default function DetailRejectInvestasi({
<Center>
{" "}
<Button
leftIcon={<IconTrash size={12}/>}
compact
mb={"xl"}
radius={50}
@@ -176,11 +180,15 @@ export default function DetailRejectInvestasi({
<Stack>
<Box>
<Text>Dana Dibutuhkan</Text>
<Text>Rp. {investasi.targetDana}</Text>
<Text>Rp. {new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+investasi.targetDana)}</Text>
</Box>
<Box>
<Text>Harga Per Lembar</Text>
<Text>Rp. {investasi.hargaLembar}</Text>
<Text>Rp. {new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+investasi.hargaLembar)}</Text>
</Box>
<Box>
<Text>Jadwal Pembagian</Text>
@@ -200,7 +208,9 @@ export default function DetailRejectInvestasi({
</Box>
<Box>
<Text>Total Lembar</Text>
<Text>{investasi.totalLembar} lembar</Text>
<Text>{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+investasi.totalLembar)} lembar</Text>
</Box>
<Box>
<Text>Pembagian Deviden</Text>
@@ -211,14 +221,15 @@ export default function DetailRejectInvestasi({
</Grid>
{/* List Box */}
{/* <Grid mb={"md"}>
<Grid mb={"md"}>
{listBox.map((e) => (
<Grid.Col
span={"auto"}
key={e.id}
onClick={() => router.push(e.route + `${"1"}`)}
onClick={() => router.push(e.route + `${investasi.id}`)}
>
<Paper h={100} w={100} bg={"gray.4"} withBorder py={"xs"}>
<Center>
<Paper h={100} w={100} bg={"gray.4"} withBorder py={"xs"}>
<Flex direction={"column"} align={"center"} justify={"center"}>
<Text fz={12}>{e.name}</Text>
<ActionIcon variant="transparent" size={60}>
@@ -226,9 +237,10 @@ export default function DetailRejectInvestasi({
</ActionIcon>
</Flex>
</Paper>
</Center>
</Grid.Col>
))}
</Grid> */}
</Grid>
</>
);
}

59
src/app_modules/investasi/detail_portofolio/review/page.tsx
View File

@@ -31,11 +31,16 @@ import toast from "react-simple-toasts";
import { MODEL_Investasi } from "../../model/model_investasi";
import funGantiStatusInvestasi from "../../fun/fun_ganti_status";
import { useState } from "react";
import _ from "lodash";
export default function DetailReviewInvestasi({dataInvestasi}:{dataInvestasi: MODEL_Investasi}) {
export default function DetailReviewInvestasi({
dataInvestasi,
}: {
dataInvestasi: MODEL_Investasi;
}) {
const router = useRouter();
const [activeTab, setActiveTab] = useAtom(gs_StatusPortoInvestasi);
const [investasi,setInvestasi] = useState<MODEL_Investasi>(dataInvestasi)
const [investasi, setInvestasi] = useState<MODEL_Investasi>(dataInvestasi);
const listBox = [
{
@@ -50,12 +55,12 @@ export default function DetailReviewInvestasi({dataInvestasi}:{dataInvestasi: MO
icon: <IconFileDescription size={70} />,
route: RouterInvestasi.detail_dokumen,
},
{
id: 3,
name: "Berita",
icon: <IconSpeakerphone size={70} />,
route: RouterInvestasi.berita,
},
// {
// id: 3,
// name: "Berita",
// icon: <IconSpeakerphone size={70} />,
// route: RouterInvestasi.berita,
// },
];
async function onsubmit() {
@@ -76,7 +81,7 @@ export default function DetailReviewInvestasi({dataInvestasi}:{dataInvestasi: MO
<>
<Paper withBorder mb={"md"}>
<AspectRatio ratio={16 / 9}>
<Image
<Image
alt=""
src={RouterInvestasi.api_gambar + `${investasi.imagesId}`}
/>
@@ -84,11 +89,11 @@ export default function DetailReviewInvestasi({dataInvestasi}:{dataInvestasi: MO
</Paper>
{/* Title dan Persentase */}
<Box mb={"md"}>
<Center mb={"xs"}>
<Title order={4} mb={"xs"}>
{investasi.title}
{_.capitalize(investasi.title)}
</Title>
</Box>
</Center>
{/* Rincian Data */}
<Grid p={"md"} mb={"md"}>
@@ -96,11 +101,15 @@ export default function DetailReviewInvestasi({dataInvestasi}:{dataInvestasi: MO
<Stack>
<Box>
<Text>Dana Dibutuhkan</Text>
<Text>Rp. {investasi.targetDana}</Text>
<Text>Rp. {new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 20,
}).format(+investasi.targetDana)}</Text>
</Box>
<Box>
<Text>Harga Per Lembar</Text>
<Text>Rp. {investasi.hargaLembar}</Text>
<Text>Rp. {new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+investasi.hargaLembar)}</Text>
</Box>
<Box>
<Text>Jadwal Pembagian</Text>
@@ -120,7 +129,9 @@ export default function DetailReviewInvestasi({dataInvestasi}:{dataInvestasi: MO
</Box>
<Box>
<Text>Total Lembar</Text>
<Text>{investasi.totalLembar} lembar</Text>
<Text>{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+investasi.totalLembar)} lembar</Text>
</Box>
<Box>
<Text>Pembagian Deviden</Text>
@@ -138,14 +149,16 @@ export default function DetailReviewInvestasi({dataInvestasi}:{dataInvestasi: MO
key={e.id}
onClick={() => router.push(e.route + `${investasi.id}`)}
>
<Paper h={100} w={100} bg={"gray.4"} withBorder py={"xs"}>
<Flex direction={"column"} align={"center"} justify={"center"}>
<Text fz={12}>{e.name}</Text>
<ActionIcon variant="transparent" size={60}>
{e.icon}
</ActionIcon>
</Flex>
</Paper>
<Center>
<Paper h={100} w={100} bg={"gray.4"} withBorder py={"xs"}>
<Flex direction={"column"} align={"center"} justify={"center"}>
<Text fz={12}>{e.name}</Text>
<ActionIcon variant="transparent" size={60}>
{e.icon}
</ActionIcon>
</Flex>
</Paper>
</Center>
</Grid.Col>
))}
</Grid>

10
src/app_modules/investasi/edit/view.tsx
View File

@@ -23,11 +23,11 @@ export default function EditInvestasi({id}:{id:string}) {
name: "Dokumen",
route: RouterInvestasi.edit_dokumen,
},
{
id: 4,
name: "Berita",
route: RouterInvestasi.list_edit_berita,
},
// {
// id: 4,
// name: "Berita",
// route: RouterInvestasi.list_edit_berita,
// },
];
return (
<>

259
src/app_modules/investasi/edit_intro/view.tsx
View File

@@ -20,7 +20,7 @@ import {
Stack,
Modal,
} from "@mantine/core";
import { IconCamera, IconChevronRight } from "@tabler/icons-react";
import { IconCamera, IconChevronRight, IconUpload } from "@tabler/icons-react";
import Link from "next/link";
import { useRouter } from "next/navigation";
@@ -33,7 +33,6 @@ import { MODEL_DEFAULT_MASTER } from "@/app_modules/models/model_default_master"
import funEditInvestasi from "../fun/fun_edit_investasi";
import { useDisclosure, useWindowScroll } from "@mantine/hooks";
export default function EditIntroInvestasi({
dataInvestasi,
listPencarian,
@@ -94,18 +93,20 @@ export default function EditIntroInvestasi({
</Group>
</Modal>
<Box>
<Stack spacing={"xs"} px={"md"}>
<AspectRatio ratio={16 / 9}>
{img ? (
<Image alt="" src={img} />
) : (
<Image
alt=""
src={RouterInvestasi.api_gambar + `${edit_inves.imagesId}`}
/>
)}
<Paper withBorder radius={"md"}>
{img ? (
<Image alt="" src={img} />
) : (
<Image
alt=""
src={RouterInvestasi.api_gambar + `${edit_inves.imagesId}`}
/>
)}
</Paper>
</AspectRatio>
<Group position="center" mt={"md"}>
<Group position="center" mb={"md"}>
<FileButton
onChange={async (files: any) => {
const buffer = URL.createObjectURL(
@@ -117,130 +118,134 @@ export default function EditIntroInvestasi({
accept="image/png,image/jpeg"
>
{(props) => (
<Button {...props} radius={50}>
<IconCamera />
<Button
{...props}
radius={50}
leftIcon={<IconUpload size={12} />}
compact
bg={Warna.hijau_muda}
color="green"
>
Upload Gambar
</Button>
)}
</FileButton>
</Group>
<Center>
<Box mt={"md"} w={350}>
<TextInput
label="Judul Proyek"
placeholder={"Masukan Judul"}
value={edit_inves.title}
onChange={(val) => {
setEdit_inves({
...edit_inves,
title: val.target.value,
});
}}
/>
<TextInput
label="Judul Proyek"
placeholder={"Masukan Judul"}
value={edit_inves.title}
onChange={(val) => {
setEdit_inves({
...edit_inves,
title: val.target.value,
});
}}
/>
<NumberInput
label="Dana Dibutuhan"
type="number"
value={+edit_inves.targetDana}
onChange={(val) => {
setEdit_inves({
...edit_inves,
targetDana: val as any,
});
}}
/>
<NumberInput
label="Dana Dibutuhan"
type="number"
value={+edit_inves.targetDana}
onChange={(val) => {
setEdit_inves({
...edit_inves,
targetDana: val as any,
});
}}
/>
<NumberInput
label="Harga Per Lember"
type="number"
value={+edit_inves.hargaLembar}
onChange={(val) => {
setEdit_inves({
...edit_inves,
hargaLembar: val as any,
});
onTotalLembar(edit_inves.targetDana, val);
}}
/>
<NumberInput
label="Harga Per Lember"
type="number"
value={+edit_inves.hargaLembar}
onChange={(val) => {
setEdit_inves({
...edit_inves,
hargaLembar: val as any,
});
onTotalLembar(edit_inves.targetDana, val);
}}
/>
{/* Total Lembar */}
<Stack spacing={3}>
<Text fz={"sm"} fw={500}>
Total Lembar
</Text>
<Stack spacing={0}>
<Text>{totalLembar}</Text>
<Divider />
</Stack>
<Text c={"red"} fz={10}>
*Total lembar dihitung dari, Target Dana : Harga Perlembar
</Text>
</Stack>
{/* Total Lembar */}
<Stack spacing={3}>
<Text fz={"sm"} fw={500}>
Total Lembar
</Text>
<Stack spacing={0}>
<Text>{totalLembar}</Text>
<Divider />
</Stack>
<Text c={"blue"} fz={10}>
*Total lembar dihitung dari, Target Dana : Harga Perlembar
</Text>
</Stack>
<NumberInput
label="Rasio Keuntungan / ROI"
type="number"
value={+edit_inves.roi}
onChange={(val) => {
setEdit_inves({
...edit_inves,
roi: val as any,
});
}}
/>
<NumberInput
label="Rasio Keuntungan / ROI"
type="number"
value={+edit_inves.roi}
onChange={(val) => {
setEdit_inves({
...edit_inves,
roi: val as any,
});
}}
/>
{/* Select Start */}
<Select
label="Pencarian Investor"
data={listPencarian.map((e) => ({
value: e.id,
label: e.name + " " + "hari",
}))}
value={edit_inves.MasterPencarianInvestor.id}
onChange={(val) => {
setEdit_inves({
...(edit_inves as any),
MasterPencarianInvestor: {
id: val,
},
});
}}
/>
<Select
label="Periode Deviden"
data={listPeriode.map((e) => ({
value: e.id,
label: e.name,
}))}
value={edit_inves.MasterPeriodeDeviden.id}
onChange={(val) => {
setEdit_inves({
...(edit_inves as any),
MasterPeriodeDeviden: {
id: val,
},
});
}}
/>
<Select
label="Pembagian Deviden"
data={listPembagian.map((e) => ({
value: e.id,
label: e.name + " " + `${"bulan"}`,
}))}
value={edit_inves.MasterPembagianDeviden.id}
onChange={(val) => {
setEdit_inves({
...(edit_inves as any),
MasterPembagianDeviden: {
id: val,
},
});
}}
/>
{/* Select End */}
{/* Select Start */}
<Select
label="Pencarian Investor"
data={listPencarian.map((e) => ({
value: e.id,
label: e.name + " " + "hari",
}))}
value={edit_inves.MasterPencarianInvestor.id}
onChange={(val) => {
setEdit_inves({
...(edit_inves as any),
MasterPencarianInvestor: {
id: val,
},
});
}}
/>
<Select
label="Periode Deviden"
data={listPeriode.map((e) => ({
value: e.id,
label: e.name,
}))}
value={edit_inves.MasterPeriodeDeviden.id}
onChange={(val) => {
setEdit_inves({
...(edit_inves as any),
MasterPeriodeDeviden: {
id: val,
},
});
}}
/>
<Select
label="Pembagian Deviden"
data={listPembagian.map((e) => ({
value: e.id,
label: e.name + " " + `${"bulan"}`,
}))}
value={edit_inves.MasterPembagianDeviden.id}
onChange={(val) => {
setEdit_inves({
...(edit_inves as any),
MasterPembagianDeviden: {
id: val,
},
});
}}
/>
{/* Select End */}
</Box>
</Center>
<Center my={"lg"}>
<Button
w={200}
@@ -255,7 +260,7 @@ export default function EditIntroInvestasi({
Update
</Button>
</Center>
</Box>
</Stack>
</>
);
}

51
src/app_modules/investasi/fun/fun_create_investasi.ts
View File

@@ -9,21 +9,17 @@ import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
import { MODEL_Investasi } from "../model/model_investasi";
export async function funCreateInvestasi(
formData: FormData,
gamabar: FormData,
filePdf: FormData,
data: MODEL_Investasi | any
) {
// return {
// status: 201,
// message: "Berhasil Disimpan",
// };
const file: any = formData.get("file");
// Function upload gambar
const file: any = gamabar.get("file");
const fName = file.name;
const fExt = _.lowerCase(file.name.split(".").pop());
const fRandomName = v4(fName) + "." + fExt;
const upload = await prisma.images.create({
const uploadImage = await prisma.images.create({
data: {
url: fRandomName,
},
@@ -33,16 +29,14 @@ export async function funCreateInvestasi(
},
});
if (!upload)
if (!uploadImage)
return {
status: 400,
message: "File Kosong",
};
const upFolder = Buffer.from(await file.arrayBuffer());
fs.writeFileSync(`./public/investasi/${upload.url}`, upFolder);
// console.log(data)
fs.writeFileSync(`./public/investasi/${uploadImage.url}`, upFolder);
const createInvest = await prisma.investasi.create({
data: {
@@ -51,23 +45,46 @@ export async function funCreateInvestasi(
targetDana: data.targetDana.toString(),
hargaLembar: data.hargaLembar.toString(),
totalLembar: data.totalLembar.toString(),
sisaLembar: data.totalLembar.toString() ,
sisaLembar: data.totalLembar.toString(),
roi: data.roi.toString(),
masterPembagianDevidenId: data.masterPeriodeDevidenId,
masterPeriodeDevidenId: data.masterPembagianDevidenId,
masterPencarianInvestorId: data.masterPencarianInvestorId,
imagesId: upload.id,
masterStatusInvestasiId: "1",
imagesId: uploadImage.id,
masterStatusInvestasiId: "2",
},
});
if (!createInvest)
return {
status: 400,
message: "Gagal Disimpan",
};
// File upload function
const dataPdf: any = filePdf.get("file");
const pdfName = dataPdf.name;
const pdfExt = _.lowerCase(dataPdf.name.split(".").pop());
const pdfRandomName = v4(pdfName) + "." + pdfExt;
const uploadFile = await prisma.prospektusInvestasi.upsert({
where: {
investasiId: createInvest.id,
},
update: {
url: pdfRandomName,
},
create: {
investasiId: createInvest.id,
url: pdfRandomName,
},
});
if(!uploadFile) return {status: 400, message: "Gagal Upload"}
const upPdfFolder = Buffer.from(await file.arrayBuffer())
fs.writeFileSync(`./public/file/${uploadFile.url}`, upPdfFolder)
revalidatePath(RouterInvestasi.main_porto);
return {

6
src/app_modules/investasi/fun/fun_edit_investasi.ts
View File

@@ -41,9 +41,9 @@ export default async function funEditInvestasi(
},
data: {
title: data.title,
targetDana: data.targetDana,
hargaLembar: data.hargaLembar,
totalLembar: data.totalLembar,
targetDana: "" + data.targetDana,
hargaLembar: "" + data.hargaLembar,
totalLembar: "" + data.totalLembar,
roi: data.roi,
masterPencarianInvestorId: data.MasterPencarianInvestor.id,
masterPembagianDevidenId: data.MasterPembagianDeviden.id,

5
src/app_modules/investasi/fun/get_porto_status_by_id.ts
View File

@@ -20,7 +20,7 @@ export default async function getPortoByStatusId(id: string, statusId: number) {
title: true,
imagesId: true,
// hargaLembar: true,
// targetDana: true,
targetDana: true,
// totalLembar: true,
// roi: true,
// active: true,
@@ -53,6 +53,7 @@ export default async function getPortoByStatusId(id: string, statusId: number) {
id: true,
title: true,
imagesId: true,
targetDana: true,
},
});
return data;
@@ -75,6 +76,7 @@ export default async function getPortoByStatusId(id: string, statusId: number) {
title: true,
imagesId: true,
updatedAt: true,
targetDana: true,
MasterPencarianInvestor: true,
},
});
@@ -97,6 +99,7 @@ export default async function getPortoByStatusId(id: string, statusId: number) {
id: true,
title: true,
imagesId: true,
targetDana: true
},
});
return data;

4
src/app_modules/investasi/main/layout.tsx
View File

@@ -69,8 +69,8 @@ export default function LayoutMainInvestasi({
<HeaderTamplate
route="/dev/crowd/main"
title="Investasi"
icon={<IconPencilPlus />}
route2={"/dev/investasi/create"}
// icon={<IconPencilPlus />}
// route2={"/dev/investasi/create"}
/>
}
footer={

18
src/app_modules/investasi/main/view.tsx
View File

@@ -45,7 +45,6 @@ export default function MainInvestasi({
const router = useRouter();
const [investasi, setInvestasi] = useState(listData);
if (_.isEmpty(investasi))
return (
<>
@@ -62,9 +61,11 @@ export default function MainInvestasi({
{investasi.map((e) => (
<Card
// sx={{ borderStyle: "solid", borderColor: "black", borderWidth: "0.5px" }}
key={e.id}
withBorder
mb={"lg"}
bg={"teal"}
onClick={() => router.push(`/dev/investasi/detail/${e.id}`)}
>
<CardSection p={"xs"}>
@@ -98,11 +99,18 @@ export default function MainInvestasi({
<Stack>
<Box>
<Text>Dana Dibutuhkan</Text>
<Text>Rp. {e.targetDana}</Text>
<Text>Rp. {new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+e.targetDana)}</Text>
</Box>
<Box>
<Text>Harga Per Lembar</Text>
<Text>Rp. {e.hargaLembar}</Text>
<Text>
Rp. {new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+e.hargaLembar)}
{/* {e.hargaLembar} */}
</Text>
</Box>
</Stack>
</Grid.Col>
@@ -114,7 +122,7 @@ export default function MainInvestasi({
</Box>
<Box>
<Text>Total Lembar</Text>
<Text>{e.totalLembar}</Text>
<Text>{new Intl.NumberFormat("id-ID").format(+e.totalLembar)}</Text>
</Box>
</Stack>
</Grid.Col>

86
src/app_modules/investasi/portofolio/draft.tsx
View File

@@ -11,6 +11,10 @@ import {
Image,
Text,
Center,
Paper,
Grid,
Flex,
Stack,
} from "@mantine/core";
import { useRouter } from "next/navigation";
import { MODEL_Investasi } from "../model/model_investasi";
@@ -18,53 +22,55 @@ import _ from "lodash";
export default function Draft({ data }: { data: MODEL_Investasi[] }) {
const router = useRouter();
// console.log(data)
if (_.isEmpty(data))
return (
<>
<Center h={"50vh"}>Tidak ada Draft</Center>
</>
);
return (
<>
<Center h={"50vh"}>Tidak ada Draft</Center>
</>
);
return (
<>
{/* <pre> {JSON.stringify(data,null, 2)}</pre> */}
{data.map((e) =>
<Card
key={e.id}
withBorder
mb={40}
bg={"gray.5"}
onClick={() =>
router.push(RouterInvestasi.detail_draft + `${e.id}`)
}
>
<CardSection p={"xs"}>
<AspectRatio ratio={16 / 9}>
<Image
alt=""
src={RouterInvestasi.api_gambar + `${e.imagesId}`}
/>
</AspectRatio>
</CardSection>
{data.map((e) => (
<Paper
// sx={{ borderStyle: "solid", borderColor: "yellow", borderWidth: "0.5px" }}
p={"xs"}
key={e.id}
mb={"md"}
bg={"yellow.1"}
withBorder
onClick={() => router.push(RouterInvestasi.detail_draft + `${e.id}`)}
>
<Grid>
<Grid.Col span={8}>
<Text fw={"bold"}> {_.capitalize(e.title)}</Text>
<Stack spacing={0}>
<Text fz={10}>Target Dana:</Text>
<Text>
Rp.{" "}
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+e.targetDana)}
</Text>
</Stack>
</Grid.Col>
<CardSection p={"lg"}>
<Box>
<Title order={4}>{e.title}</Title>
</Box>
</CardSection>
<Divider />
<CardSection p={"md"}>
<Group position="center">
<Badge color="yellow" variant="dot">
Draft
</Badge>
</Group>
</CardSection>
</Card>
)}
<Grid.Col span={4}>
<AspectRatio ratio={16 / 9}>
<Paper radius={"md"}>
<Image
alt=""
src={RouterInvestasi.api_gambar + `${e.imagesId}`}
/>
</Paper>
</AspectRatio>
</Grid.Col>
</Grid>
</Paper>
))}
</>
);
}

68
src/app_modules/investasi/portofolio/publish.tsx
View File

@@ -12,6 +12,9 @@ import {
Image,
Text,
Center,
Grid,
Stack,
Paper,
} from "@mantine/core";
import { useRouter } from "next/navigation";
import {
@@ -36,38 +39,43 @@ export default function Publish({ data }: { data: MODEL_Investasi[] }) {
return (
<>
{data.map((e) => (
<Card
<Paper
key={e.id}
withBorder
mb={40}
bg={"gray.5"}
mb={"md"}
p={"xs"}
bg={"green.1"}
onClick={() =>
router.push(RouterInvestasi.detail_publish + `${e.id}`)
}
>
<CardSection p={"xs"}>
<AspectRatio ratio={16 / 9}>
<Image
alt=""
src={RouterInvestasi.api_gambar + `${e.imagesId}`}
/>
</AspectRatio>
</CardSection>
<Grid>
<Grid.Col span={8}>
<Text fw={"bold"}> {_.capitalize(e.title)}</Text>
<Stack spacing={0}>
<Text fz={10}>Target Dana:</Text>
<Text>
Rp.{" "}
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+e.targetDana)}
</Text>
</Stack>
</Grid.Col>
<CardSection p={"lg"}>
<Box mb={"md"}>
<Title order={4}>{e.title}</Title>
{/* <Slider
size={10}
disabled
labelAlwaysOn
value={60}
marks={[{ value: 60, label: 60 + `%` }]}
/> */}
</Box>
</CardSection>
<Divider />
<CardSection p={"md"}>
<Grid.Col span={4}>
<AspectRatio ratio={16 / 9}>
<Paper radius={"md"}>
<Image
alt=""
src={RouterInvestasi.api_gambar + `${e.imagesId}`}
/>
</Paper>
</AspectRatio>
</Grid.Col>
</Grid>
<Divider my={"xs"}/>
<Group position="center">
{Number(e.MasterPencarianInvestor.name) -
moment(new Date()).diff(new Date(e.updatedAt), "days") <=
0 ? (
@@ -76,10 +84,10 @@ export default function Publish({ data }: { data: MODEL_Investasi[] }) {
<Text c={"green"}>Selesai</Text>
</Group>
) : (
<Group position="apart">
<Badge color="green" variant="dot">
<Group position="center">
{/* <Badge color="green" variant="dot">
Publish
</Badge>
</Badge> */}
<Text>
Sisa Waktu :{" "}
{Number(e.MasterPencarianInvestor.name) -
@@ -88,8 +96,8 @@ export default function Publish({ data }: { data: MODEL_Investasi[] }) {
</Text>
</Group>
)}
</CardSection>
</Card>
</Group>
</Paper>
))}
</>
);

56
src/app_modules/investasi/portofolio/reject.tsx
View File

@@ -11,6 +11,9 @@ import {
Image,
Text,
Center,
Grid,
Stack,
Paper,
} from "@mantine/core";
import { useRouter } from "next/navigation";
import {
@@ -35,36 +38,39 @@ export default function Reject({ data }: { data: MODEL_Investasi[] }) {
<>
{investasi.map((e) => (
<Card
<Paper
key={e.id}
withBorder
mb={40}
bg={"gray.5"}
mb={"md"}
p={"xs"}
bg={"red.1"}
onClick={() => router.push(RouterInvestasi.detail_reject + `${e.id}`)}
>
<CardSection p={"xs"}>
<AspectRatio ratio={16 / 9}>
<Image
alt=""
src={RouterInvestasi.api_gambar + `${e.imagesId}`}
/>
</AspectRatio>
</CardSection>
<Grid>
<Grid.Col span={8}>
<Text fw={"bold"}> {_.capitalize(e.title)}</Text>
<Stack spacing={0}>
<Text fz={10}>Target Dana:</Text>
<Text>
Rp. {new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+e.targetDana)}
</Text>
</Stack>
</Grid.Col>
<CardSection p={"lg"}>
<Box>
<Title order={4}>{e.title}</Title>
</Box>
</CardSection>
<Divider />
<CardSection p={"md"}>
<Group position="center">
<Badge color="red" variant="dot">
Reject
</Badge>
</Group>
</CardSection>
</Card>
<Grid.Col span={4}>
<AspectRatio ratio={16 / 9}>
<Paper radius={"md"}>
<Image
alt=""
src={RouterInvestasi.api_gambar + `${e.imagesId}`}
/>
</Paper>
</AspectRatio>
</Grid.Col>
</Grid>
</Paper>
))}
</>
);

58
src/app_modules/investasi/portofolio/review.tsx
View File

@@ -11,6 +11,9 @@ import {
Image,
Center,
Text,
Paper,
Grid,
Stack,
} from "@mantine/core";
import { useRouter } from "next/navigation";
import {
@@ -31,36 +34,41 @@ export default function Review({ data }: { data: MODEL_Investasi[] }) {
return (
<>
{data.map((e) => (
<Card
<Paper
// sx={{ borderStyle: "solid", borderColor: "orange", borderWidth: "1px" }}
key={e.id}
mb={"md"}
bg={"orange.1"}
p={"xs"}
withBorder
mb={40}
bg={"gray.5"}
onClick={() => router.push(RouterInvestasi.detail_review + `${e.id}`)}
>
<CardSection p={"xs"}>
<AspectRatio ratio={16 / 9}>
<Image
alt=""
src={RouterInvestasi.api_gambar + `${e.imagesId}`}
/>
</AspectRatio>
</CardSection>
<Grid>
<Grid.Col span={8}>
<Text fw={"bold"}> {_.capitalize(e.title)}</Text>
<Stack spacing={0}>
<Text fz={10}>Target Dana:</Text>
<Text>
Rp.{" "}
{new Intl.NumberFormat("id-ID", {
maximumSignificantDigits: 10,
}).format(+e.targetDana)}
</Text>
</Stack>
</Grid.Col>
<CardSection p={"lg"}>
<Box>
<Title order={4}>{e.title}</Title>
</Box>
</CardSection>
<Divider />
<CardSection p={"md"}>
<Group position="center">
<Badge color="yellow" variant="dot">
Review
</Badge>
</Group>
</CardSection>
</Card>
<Grid.Col span={4}>
<AspectRatio ratio={16 / 9}>
<Paper radius={"md"}>
<Image
alt=""
src={RouterInvestasi.api_gambar + `${e.imagesId}`}
/>
</Paper>
</AspectRatio>
</Grid.Col>
</Grid>
</Paper>
))}
</>
);

81
src/app_modules/investasi/portofolio/view.tsx
View File

@@ -26,7 +26,11 @@ import {
import dataDummy from "../dummy/data_dummy.json";
import moment from "moment";
import { useRouter } from "next/navigation";
import { IconCaretDown, IconCircleCheck } from "@tabler/icons-react";
import {
IconCaretDown,
IconCircleCheck,
IconCirclePlus,
} from "@tabler/icons-react";
import { useState } from "react";
import "react-responsive-carousel/lib/styles/carousel.min.css"; // requires a loader
@@ -73,38 +77,49 @@ export default function PortofolioInvestasi({
return (
<>
{/* <pre>{JSON.stringify(dataInvestasi, null, 2)}</pre> */}
<Tabs
variant="pills"
radius="xl"
defaultValue="Draft"
value={activeTab}
onTabChange={setActiveTab}
>
<Tabs.List>
{status_inves.map((e) => (
<Tabs.Tab
key={e.id}
value={e.name}
color={!activeTab ? "gray" : e.color}
>
{e.name}
</Tabs.Tab>
))}
</Tabs.List>
<Divider my={"xs"} />
<Tabs.Panel key={"1"} value="Draft">
<Draft data={dataDraft as any} />
</Tabs.Panel>
<Tabs.Panel key={"2"} value="Review">
<Review data={dataReview as any} />
</Tabs.Panel>
<Tabs.Panel key={"3"} value="Publish">
<Publish data={dataPublish as any} />
</Tabs.Panel>
<Tabs.Panel key={"4"} value="Reject">
<Reject data={dataReject as any} />
</Tabs.Panel>
</Tabs>
<Stack>
<Button
radius={"xl"}
bg={Warna.biru}
color="blue"
leftIcon={<IconCirclePlus />}
onClick={() => router.push(RouterInvestasi.create)}
>
Buat Proyek Invetasi
</Button>
<Tabs
variant="pills"
radius="xl"
defaultValue="Draft"
value={activeTab}
onTabChange={setActiveTab}
>
<Tabs.List grow>
{status_inves.map((e) => (
<Tabs.Tab
key={e.id}
value={e.name}
color={!activeTab ? "gray" : e.color}
>
{e.name}
</Tabs.Tab>
))}
</Tabs.List>
<Divider my={"xs"} />
<Tabs.Panel key={"1"} value="Draft">
<Draft data={dataDraft as any} />
</Tabs.Panel>
<Tabs.Panel key={"2"} value="Review">
<Review data={dataReview as any} />
</Tabs.Panel>
<Tabs.Panel key={"3"} value="Publish">
<Publish data={dataPublish as any} />
</Tabs.Panel>
<Tabs.Panel key={"4"} value="Reject">
<Reject data={dataReject as any} />
</Tabs.Panel>
</Tabs>
</Stack>
</>
);
}

9
src/app_modules/investasi/transaksi/view.tsx
View File

@@ -1,7 +1,7 @@
"use client";
import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
import { Badge, Group, Paper, Stack, Text, Title } from "@mantine/core";
import { Badge, Center, Group, Paper, Stack, Text, Title } from "@mantine/core";
import { useRouter } from "next/navigation";
import toast from "react-simple-toasts";
import {
@@ -13,6 +13,7 @@ import moment from "moment";
import funCountDown from "../fun/fun_countdown_investasi";
import funGantiStatusTransaksi_Investasi from "../fun/fun_ganti_status_transaksi";
import { useInterval, useShallowEffect } from "@mantine/hooks";
import _ from "lodash";
export default function TransaksiInvestasi({
statusTransaksi,
@@ -45,6 +46,12 @@ export default function TransaksiInvestasi({
}
}
if(_.isEmpty(transaksi))
return <>
<Center h={"80vh"}>
<Title order={5}>Tidak Ada Transaksi</Title>
</Center>
</>
return (