upd: donasi
Deskripsi: - update api master untuk create donasi No Issues
This commit is contained in:
amel
33
src/app/api/new/donasi/master/route.ts
Normal file
33
src/app/api/new/donasi/master/route.ts
Normal file
@@ -0,0 +1,33 @@
|
||||
import { prisma } from "@/app/lib";
|
||||
import { NextResponse } from "next/server";
|
||||
export const dynamic = "force-dynamic";
|
||||
|
||||
|
||||
// GET ALL DATA MASTER UNTUK DONASI
|
||||
export async function GET(request: Request) {
|
||||
try {
|
||||
let dataFix
|
||||
const { searchParams } = new URL(request.url)
|
||||
const kategori = searchParams.get("cat")
|
||||
|
||||
if (kategori == "kategori") {
|
||||
dataFix = await prisma.donasiMaster_Kategori.findMany({
|
||||
orderBy: {
|
||||
createdAt: "asc",
|
||||
},
|
||||
where: {
|
||||
active: true,
|
||||
}
|
||||
})
|
||||
} else if (kategori == "durasi") {
|
||||
dataFix = await prisma.donasiMaster_Durasi.findMany()
|
||||
}
|
||||
|
||||
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,14 +1,12 @@
|
||||
import { CreateDonasi } from "@/app_modules/donasi";
|
||||
import {
|
||||
Donasi_getMasterDurasi,
|
||||
Donasi_getMasterKategori,
|
||||
} from "@/app_modules/donasi/fun";
|
||||
import { CreateDonasiNew } from "@/app_modules/donasi";
|
||||
|
||||
|
||||
export default async function Page() {
|
||||
const masterKategori = await Donasi_getMasterKategori();
|
||||
const masterDurasi = await Donasi_getMasterDurasi();
|
||||
// const masterKategori = await Donasi_getMasterKategori();
|
||||
// const masterDurasi = await Donasi_getMasterDurasi();
|
||||
|
||||
return (
|
||||
<CreateDonasi masterKategori={masterKategori} masterDurasi={masterDurasi} />
|
||||
// <CreateDonasi masterKategori={masterKategori} masterDurasi={masterDurasi} />
|
||||
<CreateDonasiNew />
|
||||
);
|
||||
}
|
||||
|
||||
@@ -272,7 +272,7 @@ export default function CreateCeritaPenggalangDonasi({
|
||||
},
|
||||
}}
|
||||
withAsterisk
|
||||
placeholder="Maskuan nomor rekening"
|
||||
placeholder="Masukan nomor rekening"
|
||||
label="Nomor rekening"
|
||||
maxLength={100}
|
||||
onChange={(val) => {
|
||||
|
||||
264
src/app_modules/donasi/create/create_donasi_new.tsx
Normal file
264
src/app_modules/donasi/create/create_donasi_new.tsx
Normal file
@@ -0,0 +1,264 @@
|
||||
"use client";
|
||||
import { DIRECTORY_ID } from "@/app/lib";
|
||||
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
|
||||
import { MainColor } from "@/app_modules/_global/color/color_pallet";
|
||||
import { ComponentGlobal_BoxUploadImage } from "@/app_modules/_global/component";
|
||||
import ComponentGlobal_BoxInformation from "@/app_modules/_global/component/box_information";
|
||||
import { funGlobal_UploadToStorage } from "@/app_modules/_global/fun";
|
||||
import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global";
|
||||
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
|
||||
import { AspectRatio, Button, FileButton, Group, Image, Select, Stack, Text, TextInput, } from "@mantine/core";
|
||||
import { IconCamera, IconUpload } from "@tabler/icons-react";
|
||||
import { useAtom } from "jotai";
|
||||
import _ from "lodash";
|
||||
import { useRouter } from "next/navigation";
|
||||
import { useState } from "react";
|
||||
import Donasi_funCreateTemporary from "../fun/create/fun_create_donasi_temporary";
|
||||
import { gs_donasi_tabs_posting } from "../global_state";
|
||||
import { apiGetMasterDonasi } from "../lib/api_donasi";
|
||||
import { useShallowEffect } from "@mantine/hooks";
|
||||
|
||||
export default function CreateDonasiNew() {
|
||||
const router = useRouter();
|
||||
const [loadingMaster, setLoadingMaster] = useState(true)
|
||||
const [isLoading, setLoading] = useState(false);
|
||||
const [kategori, setKategori] = useState<any[]>([]);
|
||||
const [durasi, setDurasi] = useState<any[]>([]);
|
||||
const [data, setData] = useState({
|
||||
kategoriId: "",
|
||||
title: "",
|
||||
target: "",
|
||||
durasiId: "",
|
||||
});
|
||||
const [targetDana, setTargetDana] = useState("");
|
||||
const [file, setFile] = useState<File | null>(null);
|
||||
const [img, setImg] = useState<any | null>();
|
||||
const [tabsPostingDonasi, setTabsPostingDonasi] = useAtom(
|
||||
gs_donasi_tabs_posting
|
||||
);
|
||||
|
||||
async function onGetMaster() {
|
||||
try {
|
||||
setLoadingMaster(true)
|
||||
const responseKategori = await apiGetMasterDonasi("?cat=kategori")
|
||||
const responseDurasi = await apiGetMasterDonasi("?cat=durasi")
|
||||
if (responseKategori.success) {
|
||||
setKategori(responseKategori.data)
|
||||
}
|
||||
if (responseDurasi.success) {
|
||||
setDurasi(responseDurasi.data)
|
||||
}
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
} finally {
|
||||
setLoadingMaster(false)
|
||||
}
|
||||
}
|
||||
|
||||
useShallowEffect(() => {
|
||||
onGetMaster()
|
||||
}, [])
|
||||
|
||||
async function onCreate() {
|
||||
const body = {
|
||||
donasiMaster_KategoriId: data.kategoriId,
|
||||
donasiMaster_DurasiId: data.durasiId,
|
||||
title: data.title,
|
||||
target: targetDana,
|
||||
};
|
||||
|
||||
if (_.values(body).includes(""))
|
||||
return ComponentGlobal_NotifikasiPeringatan("Lengkapin Data");
|
||||
|
||||
try {
|
||||
setLoading(true);
|
||||
|
||||
const uploadImage = await funGlobal_UploadToStorage({
|
||||
file: file as File,
|
||||
dirId: DIRECTORY_ID.donasi_image,
|
||||
});
|
||||
if (!uploadImage.success) {
|
||||
setLoading(false);
|
||||
return ComponentGlobal_NotifikasiPeringatan("Gagal upload file gambar");
|
||||
}
|
||||
|
||||
const res = await Donasi_funCreateTemporary({
|
||||
data: body as any,
|
||||
fileId: uploadImage.data.id,
|
||||
});
|
||||
if (res.status === 201) {
|
||||
setTabsPostingDonasi("Review");
|
||||
router.push(RouterDonasi.create_cerita_penggalang + `${res.donasiId}`);
|
||||
} else {
|
||||
ComponentGlobal_NotifikasiGagal(res.message);
|
||||
setLoading(false);
|
||||
}
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<Stack spacing={"md"} px={"xl"}>
|
||||
<ComponentGlobal_BoxInformation informasi="Lengkapi semua data di bawah untuk selanjutnya mengisi cerita Penggalangan Dana!" />
|
||||
<Select
|
||||
styles={{
|
||||
label: {
|
||||
color: "white",
|
||||
},
|
||||
}}
|
||||
label="Kategori"
|
||||
placeholder={loadingMaster ? "Loading..." : "Pilih kategori penggalangan dana"}
|
||||
withAsterisk
|
||||
data={kategori.map((e) => ({
|
||||
value: e.id,
|
||||
label: e.name,
|
||||
}))}
|
||||
onChange={(val: string) =>
|
||||
setData({
|
||||
...data,
|
||||
kategoriId: val,
|
||||
})
|
||||
}
|
||||
/>
|
||||
|
||||
<Stack>
|
||||
<TextInput
|
||||
styles={{
|
||||
label: {
|
||||
color: "white",
|
||||
},
|
||||
}}
|
||||
withAsterisk
|
||||
label="Judul Donasi"
|
||||
placeholder="Contoh: Renovasi Masjid pada kampung, dll"
|
||||
maxLength={100}
|
||||
onChange={(val) => {
|
||||
setData({ ...data, title: val.target.value });
|
||||
}}
|
||||
/>
|
||||
<TextInput
|
||||
styles={{
|
||||
label: {
|
||||
color: "white",
|
||||
},
|
||||
}}
|
||||
icon={<Text fw={"bold"}>Rp.</Text>}
|
||||
min={0}
|
||||
withAsterisk
|
||||
label="Target Dana"
|
||||
placeholder="0"
|
||||
value={data.target}
|
||||
onChange={(val) => {
|
||||
const match = val.currentTarget.value
|
||||
.replace(/\./g, "")
|
||||
.match(/^[0-9]+$/);
|
||||
|
||||
if (val.currentTarget.value === "")
|
||||
return setData({
|
||||
...data,
|
||||
target: 0 + "",
|
||||
});
|
||||
if (!match?.[0]) return null;
|
||||
|
||||
const nilai = val.currentTarget.value.replace(/\./g, "");
|
||||
const target = Intl.NumberFormat("id-ID").format(+nilai);
|
||||
|
||||
setTargetDana(nilai);
|
||||
setData({
|
||||
...data,
|
||||
target,
|
||||
});
|
||||
}}
|
||||
/>
|
||||
<Select
|
||||
styles={{
|
||||
label: {
|
||||
color: "white",
|
||||
},
|
||||
}}
|
||||
label="Durasi"
|
||||
placeholder={loadingMaster ? "Loading..." : "Jangka waktu penggalangan dana"}
|
||||
withAsterisk
|
||||
data={durasi.map((e) => ({
|
||||
value: e.id,
|
||||
label: e.name + " " + `hari`,
|
||||
}))}
|
||||
onChange={(val: string) => setData({ ...data, durasiId: val })}
|
||||
/>
|
||||
</Stack>
|
||||
|
||||
<Stack>
|
||||
<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>
|
||||
|
||||
{/* Upload Foto */}
|
||||
<Group position="center">
|
||||
<FileButton
|
||||
onChange={async (files: any) => {
|
||||
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}
|
||||
leftIcon={<IconCamera color="black" />}
|
||||
radius={50}
|
||||
bg={MainColor.yellow}
|
||||
color="yellow"
|
||||
c={"black"}
|
||||
>
|
||||
Upload Gambar
|
||||
</Button>
|
||||
)}
|
||||
</FileButton>
|
||||
</Group>
|
||||
</Stack>
|
||||
|
||||
<Button
|
||||
style={{
|
||||
transition: "0.5s",
|
||||
}}
|
||||
disabled={_.values(data).includes("") || file === null ? true : false}
|
||||
loaderPosition="center"
|
||||
loading={isLoading ? true : false}
|
||||
my={"lg"}
|
||||
radius={"xl"}
|
||||
onClick={() => onCreate()}
|
||||
bg={MainColor.yellow}
|
||||
color="yellow"
|
||||
c={"black"}
|
||||
>
|
||||
Selanjutnya
|
||||
</Button>
|
||||
</Stack>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -5,6 +5,7 @@ import GalangDanaDonasi from "./main/galang_dana/ui_galang_dana";
|
||||
import GalangDanaDonasiNew from "./main/galang_dana/ui_galang_dana_new";
|
||||
import DonasiSayaDonasi from "./main/donasi_saya";
|
||||
import CreateDonasi from "./create/create_donasi";
|
||||
import CreateDonasiNew from "./create/create_donasi_new";
|
||||
import LayoutCreateDonasi from "./create/layout";
|
||||
import DetailMainDonasi from "./detail/detail_main";
|
||||
import LayoutDetailMainDonasi from "./detail/detail_main/layout";
|
||||
@@ -103,4 +104,5 @@ export {
|
||||
LayoutDonasi_EditRekening,
|
||||
MainDonasiNew,
|
||||
GalangDanaDonasiNew,
|
||||
CreateDonasiNew
|
||||
};
|
||||
|
||||
@@ -1,4 +1,9 @@
|
||||
export const apiGetAllDonasi = async (path?: string) => {
|
||||
const response = await fetch(`/api/new/donasi${(path) ? path : ''}`)
|
||||
return await response.json().catch(() => null)
|
||||
}
|
||||
|
||||
export const apiGetMasterDonasi = async (path?: string) => {
|
||||
const response = await fetch(`/api/new/donasi/master${(path) ? path : ''}`)
|
||||
return await response.json().catch(() => null)
|
||||
}
|
||||
Reference in New Issue
Block a user