upd: create investasi
Deskripsi: - api master create investasi No Issues
This commit is contained in:
amel
46
src/app/api/new/investasi/master/route.ts
Normal file
46
src/app/api/new/investasi/master/route.ts
Normal file
@@ -0,0 +1,46 @@
|
|||||||
|
import { prisma } from "@/app/lib";
|
||||||
|
import { NextResponse } from "next/server";
|
||||||
|
export const dynamic = "force-dynamic";
|
||||||
|
|
||||||
|
|
||||||
|
// GET ALL DATA MASTER UNTUK INVESTASI
|
||||||
|
export async function GET(request: Request) {
|
||||||
|
try {
|
||||||
|
let dataFix
|
||||||
|
const { searchParams } = new URL(request.url)
|
||||||
|
const kategori = searchParams.get("cat")
|
||||||
|
|
||||||
|
if (kategori == "pencarian-investor") {
|
||||||
|
dataFix = await await prisma.masterPencarianInvestor.findMany({
|
||||||
|
select: {
|
||||||
|
id: true,
|
||||||
|
name: true,
|
||||||
|
active: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
} else if (kategori == "periode-deviden") {
|
||||||
|
dataFix = await prisma.masterPeriodeDeviden.findMany({
|
||||||
|
select: {
|
||||||
|
id: true,
|
||||||
|
name: true,
|
||||||
|
active: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
} else if (kategori == "pembagian-deviden") {
|
||||||
|
dataFix = await prisma.masterPembagianDeviden.findMany({
|
||||||
|
select: {
|
||||||
|
id: true,
|
||||||
|
name: true,
|
||||||
|
active: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return NextResponse.json({ success: true, message: "Berhasil mendapatkan data", data: dataFix }, { status: 200 });
|
||||||
|
|
||||||
|
}
|
||||||
|
catch (error) {
|
||||||
|
console.error(error);
|
||||||
|
return NextResponse.json({ success: false, message: "Gagal mendapatkan data, coba lagi nanti ", reason: (error as Error).message, }, { status: 500 });
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,23 +1,20 @@
|
|||||||
import { InvestasiCreate } from "@/app_modules/investasi";
|
import { InvestasiCreateNew } from "@/app_modules/investasi";
|
||||||
import getPembagianDeviden from "@/app_modules/investasi/fun/master/get_pembagian_deviden";
|
|
||||||
import getPencarianInvestor from "@/app_modules/investasi/fun/master/get_pencarian_investor";
|
|
||||||
import getPeriodeDeviden from "@/app_modules/investasi/fun/master/get_periode_deviden";
|
|
||||||
import getStatusInvestasi from "@/app_modules/investasi/fun/master/get_status_investasi";
|
|
||||||
|
|
||||||
export default async function Page() {
|
export default async function Page() {
|
||||||
|
|
||||||
const pencarianInvestor = await getPencarianInvestor();
|
// const pencarianInvestor = await getPencarianInvestor();
|
||||||
const periodeDeviden = await getPeriodeDeviden();
|
// const periodeDeviden = await getPeriodeDeviden();
|
||||||
const pembagianDeviden = await getPembagianDeviden();
|
// const pembagianDeviden = await getPembagianDeviden();
|
||||||
const statusInvestasi = await getStatusInvestasi();
|
// const statusInvestasi = await getStatusInvestasi();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<InvestasiCreate
|
{/* <InvestasiCreate
|
||||||
pencarianInvestor={pencarianInvestor as any}
|
pencarianInvestor={pencarianInvestor as any}
|
||||||
periodeDeviden={periodeDeviden as any}
|
periodeDeviden={periodeDeviden as any}
|
||||||
pembagianDeviden={pembagianDeviden as any}
|
pembagianDeviden={pembagianDeviden as any}
|
||||||
/>
|
/> */}
|
||||||
|
<InvestasiCreateNew />
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
4
src/app_modules/investasi/_lib/api_interface.ts
Normal file
4
src/app_modules/investasi/_lib/api_interface.ts
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
export const apiGetMasterInvestasi = async (path?: string) => {
|
||||||
|
const response = await fetch(`/api/new/investasi/master${(path) ? path : ''}`)
|
||||||
|
return await response.json().catch(() => null)
|
||||||
|
}
|
||||||
413
src/app_modules/investasi/create/view_new.tsx
Normal file
413
src/app_modules/investasi/create/view_new.tsx
Normal file
@@ -0,0 +1,413 @@
|
|||||||
|
"use client";
|
||||||
|
import { MainColor } from "@/app_modules/_global/color/color_pallet";
|
||||||
|
import { ComponentGlobal_BoxInformation, ComponentGlobal_BoxUploadImage, ComponentGlobal_CardStyles, } from "@/app_modules/_global/component";
|
||||||
|
import { AspectRatio, Box, Button, Center, FileButton, Grid, Group, Image, Select, Stack, Text, TextInput, } from "@mantine/core";
|
||||||
|
import { useShallowEffect } from "@mantine/hooks";
|
||||||
|
import { IconCamera, IconCircleCheck, IconFileTypePdf, IconUpload } from "@tabler/icons-react";
|
||||||
|
import _ from "lodash";
|
||||||
|
import { useState } from "react";
|
||||||
|
import { Investasi_ComponentButtonCreateNewInvestasi } from "../_component";
|
||||||
|
import { apiGetMasterInvestasi } from "../_lib/api_interface";
|
||||||
|
|
||||||
|
export default function InvestasiCreateNew() {
|
||||||
|
const [loadingMasterInvestor, setLoadingMasterInvestor] = useState(true)
|
||||||
|
const [loadingMasterPeriodeDeviden, setLoadingMasterPeriodeDeviden] = useState(true)
|
||||||
|
const [loadingMasterPembagianDeviden, setLoadingMasterPembagianDeviden] = useState(true)
|
||||||
|
const [periodeDeviden, setPeriodeDeviden] = useState<any[]>([]);
|
||||||
|
const [pembagianDeviden, setPembagianDeviden] = useState<any[]>([]);
|
||||||
|
const [pencarianInvestor, setPencarianInvestor] = useState<any[]>([]);
|
||||||
|
const [fileImage, setFileImage] = useState<File | null>(null);
|
||||||
|
const [img, setImg] = useState<any | null>();
|
||||||
|
const [filePdf, setFilePdf] = useState<File | null>(null);
|
||||||
|
const [fPdf, setFPdf] = useState<any | null>(null);
|
||||||
|
const [totalLembar, setTotalLembar] = useState(0);
|
||||||
|
const [value, setValue] = useState({
|
||||||
|
title: "",
|
||||||
|
targetDana: 0,
|
||||||
|
hargaLembar: 0,
|
||||||
|
roi: 0,
|
||||||
|
pencarianInvestorId: "",
|
||||||
|
periodeDevidenId: "",
|
||||||
|
pembagianDevidenId: "",
|
||||||
|
});
|
||||||
|
const [target, setTarget] = useState("");
|
||||||
|
const [harga, setHarga] = useState("");
|
||||||
|
|
||||||
|
async function onTotalLembar({ target, harga, }: { target?: number | any; harga?: number | any; }) {
|
||||||
|
if (target !== 0 && harga !== 0) {
|
||||||
|
const hasil: any = target / harga;
|
||||||
|
setTotalLembar(_.floor(hasil === Infinity ? 0 : hasil));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function onGetMasterInvestor() {
|
||||||
|
try {
|
||||||
|
setLoadingMasterInvestor(true)
|
||||||
|
const response = await apiGetMasterInvestasi("?cat=pencarian-investor")
|
||||||
|
if (response.success) {
|
||||||
|
setPencarianInvestor(response.data)
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
} finally {
|
||||||
|
setLoadingMasterInvestor(false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function onGetMasterPeriodeDeviden() {
|
||||||
|
try {
|
||||||
|
setLoadingMasterPeriodeDeviden(true)
|
||||||
|
const response = await apiGetMasterInvestasi("?cat=periode-deviden")
|
||||||
|
if (response.success) {
|
||||||
|
setPeriodeDeviden(response.data)
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
} finally {
|
||||||
|
setLoadingMasterPeriodeDeviden(false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
async function onGetMasterPembagianDeviden() {
|
||||||
|
try {
|
||||||
|
setLoadingMasterPembagianDeviden(true)
|
||||||
|
const response = await apiGetMasterInvestasi("?cat=pembagian-deviden")
|
||||||
|
if (response.success) {
|
||||||
|
setPembagianDeviden(response.data)
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
} finally {
|
||||||
|
setLoadingMasterPembagianDeviden(false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
useShallowEffect(() => {
|
||||||
|
onGetMasterInvestor()
|
||||||
|
onGetMasterPeriodeDeviden()
|
||||||
|
onGetMasterPembagianDeviden()
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Stack px={"xs"} spacing={40}>
|
||||||
|
{/* Upload Image */}
|
||||||
|
<Stack spacing={0}>
|
||||||
|
<Box mb={"sm"}>
|
||||||
|
<ComponentGlobal_BoxInformation informasi="Gambar investasi bisa berupa ilustrasi, poster atau foto terkait investasi" />
|
||||||
|
</Box>
|
||||||
|
<ComponentGlobal_BoxUploadImage>
|
||||||
|
{img ? (
|
||||||
|
<AspectRatio ratio={1 / 1} mah={265} mx={"auto"}>
|
||||||
|
<Image
|
||||||
|
style={{ maxHeight: 250, margin: "auto", padding: "5px" }}
|
||||||
|
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>
|
||||||
|
|
||||||
|
{/* Upload Foto */}
|
||||||
|
<Group position="center">
|
||||||
|
<FileButton
|
||||||
|
onChange={async (files: any) => {
|
||||||
|
try {
|
||||||
|
const buffer = URL.createObjectURL(
|
||||||
|
new Blob([new Uint8Array(await files.arrayBuffer())])
|
||||||
|
);
|
||||||
|
|
||||||
|
setImg(buffer);
|
||||||
|
setFileImage(files);
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
accept="image/png,image/jpeg"
|
||||||
|
>
|
||||||
|
{(props) => (
|
||||||
|
<Button
|
||||||
|
{...props}
|
||||||
|
leftIcon={<IconCamera color="black" />}
|
||||||
|
radius={50}
|
||||||
|
bg={MainColor.yellow}
|
||||||
|
color="yellow"
|
||||||
|
c={"black"}
|
||||||
|
>
|
||||||
|
Upload Gambar
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
|
</FileButton>
|
||||||
|
</Group>
|
||||||
|
</Stack>
|
||||||
|
|
||||||
|
{/* Upload File */}
|
||||||
|
<Stack spacing={"sm"}>
|
||||||
|
<ComponentGlobal_BoxInformation informasi="File prospektus wajib untuk diupload, agar calon investor paham dengan prospek investasi yang akan anda jalankan kedepan !" />
|
||||||
|
<ComponentGlobal_CardStyles marginBottom={"0px"}>
|
||||||
|
{!filePdf ? (
|
||||||
|
<Text lineClamp={1} align="center" c={"gray"}>
|
||||||
|
Upload File Prospektus
|
||||||
|
</Text>
|
||||||
|
) : (
|
||||||
|
<Grid align="center">
|
||||||
|
<Grid.Col span={2}></Grid.Col>
|
||||||
|
<Grid.Col span={"auto"}>
|
||||||
|
<Text lineClamp={1} align="center">
|
||||||
|
{filePdf.name}
|
||||||
|
</Text>
|
||||||
|
</Grid.Col>
|
||||||
|
<Grid.Col span={2}>
|
||||||
|
<Center>
|
||||||
|
<IconCircleCheck color="green" />
|
||||||
|
</Center>
|
||||||
|
</Grid.Col>
|
||||||
|
</Grid>
|
||||||
|
)}
|
||||||
|
</ComponentGlobal_CardStyles>
|
||||||
|
|
||||||
|
<Group position="center">
|
||||||
|
<FileButton
|
||||||
|
accept={"application/pdf"}
|
||||||
|
onChange={async (files: any) => {
|
||||||
|
try {
|
||||||
|
const buffer = URL.createObjectURL(
|
||||||
|
new Blob([new Uint8Array(await files.arrayBuffer())])
|
||||||
|
);
|
||||||
|
setFPdf(buffer);
|
||||||
|
setFilePdf(files);
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{(props) => (
|
||||||
|
<Button
|
||||||
|
leftIcon={<IconFileTypePdf />}
|
||||||
|
{...props}
|
||||||
|
radius={"xl"}
|
||||||
|
bg={MainColor.yellow}
|
||||||
|
color="yellow"
|
||||||
|
c={"black"}
|
||||||
|
>
|
||||||
|
Upload File
|
||||||
|
</Button>
|
||||||
|
)}
|
||||||
|
</FileButton>
|
||||||
|
</Group>
|
||||||
|
</Stack>
|
||||||
|
|
||||||
|
<Stack>
|
||||||
|
<TextInput
|
||||||
|
styles={{
|
||||||
|
label: {
|
||||||
|
color: "white",
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
withAsterisk
|
||||||
|
label="Judul Investasi"
|
||||||
|
placeholder="Judul investasi"
|
||||||
|
maxLength={100}
|
||||||
|
onChange={(val) => {
|
||||||
|
setValue({
|
||||||
|
...value,
|
||||||
|
title: val.target.value,
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<TextInput
|
||||||
|
styles={{
|
||||||
|
label: {
|
||||||
|
color: "white",
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
icon={<Text fw={"bold"}>Rp.</Text>}
|
||||||
|
min={0}
|
||||||
|
withAsterisk
|
||||||
|
label="Dana Dibutuhkan"
|
||||||
|
placeholder="0"
|
||||||
|
value={target}
|
||||||
|
onChange={(val) => {
|
||||||
|
// console.log(typeof val)
|
||||||
|
const match = val.currentTarget.value
|
||||||
|
.replace(/\./g, "")
|
||||||
|
.match(/^[0-9]+$/);
|
||||||
|
|
||||||
|
if (val.currentTarget.value === "") return setTarget(0 + "");
|
||||||
|
if (!match?.[0]) return null;
|
||||||
|
|
||||||
|
const nilai = val.currentTarget.value.replace(/\./g, "");
|
||||||
|
const targetNilai = Intl.NumberFormat("id-ID").format(+nilai);
|
||||||
|
|
||||||
|
onTotalLembar({
|
||||||
|
target: +nilai,
|
||||||
|
harga: +value.hargaLembar,
|
||||||
|
});
|
||||||
|
|
||||||
|
setTarget(targetNilai);
|
||||||
|
setValue({
|
||||||
|
...value,
|
||||||
|
targetDana: +nilai,
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<TextInput
|
||||||
|
styles={{
|
||||||
|
label: {
|
||||||
|
color: "white",
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
icon={<Text fw={"bold"}>Rp.</Text>}
|
||||||
|
min={0}
|
||||||
|
withAsterisk
|
||||||
|
label="Harga Per Lembar"
|
||||||
|
placeholder="0"
|
||||||
|
value={harga}
|
||||||
|
onChange={(val) => {
|
||||||
|
try {
|
||||||
|
// console.log(typeof +val.currentTarget.value);
|
||||||
|
|
||||||
|
const match = val.currentTarget.value
|
||||||
|
.replace(/\./g, "")
|
||||||
|
.match(/^[0-9]+$/);
|
||||||
|
|
||||||
|
if (val.currentTarget.value === "") return setHarga(0 + "");
|
||||||
|
|
||||||
|
if (!match?.[0]) return null;
|
||||||
|
|
||||||
|
const nilai = val.currentTarget.value.replace(/\./g, "");
|
||||||
|
const targetNilai = Intl.NumberFormat("id-ID").format(+nilai);
|
||||||
|
|
||||||
|
onTotalLembar({
|
||||||
|
harga: +nilai,
|
||||||
|
target: +value.targetDana,
|
||||||
|
});
|
||||||
|
|
||||||
|
setHarga(targetNilai);
|
||||||
|
setValue({
|
||||||
|
...value,
|
||||||
|
hargaLembar: +nilai,
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<TextInput
|
||||||
|
description="*Total lembar dihitung dari, Target Dana / Harga Perlembar"
|
||||||
|
label="Total Lembar"
|
||||||
|
value={harga === "0" ? "0" : target === "0" ? 0 : totalLembar}
|
||||||
|
readOnly
|
||||||
|
styles={{
|
||||||
|
label: {
|
||||||
|
color: "white",
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<TextInput
|
||||||
|
styles={{
|
||||||
|
label: {
|
||||||
|
color: "white",
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
rightSection={
|
||||||
|
<Text fw={"bold"} c={"gray"}>
|
||||||
|
%
|
||||||
|
</Text>
|
||||||
|
}
|
||||||
|
withAsterisk
|
||||||
|
type="number"
|
||||||
|
label={"Rasio Keuntungan / ROI %"}
|
||||||
|
placeholder="Masukan rasio keuntungan"
|
||||||
|
onChange={(val) => {
|
||||||
|
setValue({
|
||||||
|
...value,
|
||||||
|
roi: _.toNumber(val.target.value),
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Select
|
||||||
|
styles={{
|
||||||
|
label: {
|
||||||
|
color: "white",
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
withAsterisk
|
||||||
|
label="Pencarian Investor"
|
||||||
|
placeholder={loadingMasterInvestor ? "Loading..." : "Pilih batas waktu"}
|
||||||
|
data={pencarianInvestor.map((e) => ({
|
||||||
|
value: e.id,
|
||||||
|
label: e.name + " " + "hari",
|
||||||
|
}))}
|
||||||
|
onChange={(val) => {
|
||||||
|
setValue({
|
||||||
|
...(value as any),
|
||||||
|
pencarianInvestorId: val,
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Select
|
||||||
|
styles={{
|
||||||
|
label: {
|
||||||
|
color: "white",
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
withAsterisk
|
||||||
|
label="Periode Deviden"
|
||||||
|
placeholder={loadingMasterPeriodeDeviden ? "Loading..." : "Pilih batas waktu"}
|
||||||
|
data={periodeDeviden.map((e) => ({ value: e.id, label: e.name }))}
|
||||||
|
onChange={(val) => {
|
||||||
|
setValue({
|
||||||
|
...(value as any),
|
||||||
|
periodeDevidenId: val,
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Select
|
||||||
|
styles={{
|
||||||
|
label: {
|
||||||
|
color: "white",
|
||||||
|
},
|
||||||
|
}}
|
||||||
|
withAsterisk
|
||||||
|
label="Pembagian Deviden"
|
||||||
|
placeholder={loadingMasterPembagianDeviden ? "Loading..." : "Pilih batas waktu"}
|
||||||
|
data={pembagianDeviden.map((e) => ({
|
||||||
|
value: e.id,
|
||||||
|
label: e.name + " " + "bulan",
|
||||||
|
}))}
|
||||||
|
onChange={(val) => {
|
||||||
|
setValue({
|
||||||
|
...(value as any),
|
||||||
|
pembagianDevidenId: val,
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</Stack>
|
||||||
|
|
||||||
|
<Investasi_ComponentButtonCreateNewInvestasi
|
||||||
|
data={value}
|
||||||
|
totalLembar={totalLembar}
|
||||||
|
fileImage={fileImage as any}
|
||||||
|
filePdf={filePdf as any}
|
||||||
|
/>
|
||||||
|
</Stack>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -1,4 +1,5 @@
|
|||||||
import InvestasiCreate from "./create/view";
|
import InvestasiCreate from "./create/view";
|
||||||
|
import InvestasiCreateNew from "./create/view_new";
|
||||||
import InvestasiCreateLayout from "./create/layout";
|
import InvestasiCreateLayout from "./create/layout";
|
||||||
import DetailInvestasi from "./detail/view";
|
import DetailInvestasi from "./detail/view";
|
||||||
import LayoutDetailInvestasi from "./detail/layout";
|
import LayoutDetailInvestasi from "./detail/layout";
|
||||||
@@ -98,4 +99,5 @@ export {
|
|||||||
LayoutProsesTransaksiInvestasi,
|
LayoutProsesTransaksiInvestasi,
|
||||||
StatusPesananInvetsatsi,
|
StatusPesananInvetsatsi,
|
||||||
LayoutStatusPesananInvestasi,
|
LayoutStatusPesananInvestasi,
|
||||||
|
InvestasiCreateNew
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user