Create dan Update
# feat - tampilan user - tampilan admin ## No Issue
This commit is contained in:
@@ -0,0 +1,40 @@
|
||||
"use client";
|
||||
|
||||
import { useRouter } from "next/navigation";
|
||||
import { MODEL_DONASI } from "../../model/interface";
|
||||
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
|
||||
import { Stack, Title, Paper, Group, ActionIcon, Text } from "@mantine/core";
|
||||
import { IconCircleChevronRight } from "@tabler/icons-react";
|
||||
import moment from "moment";
|
||||
|
||||
export default function ComponentCeritaPenggalangDanaDonasi({
|
||||
donasi,
|
||||
}: {
|
||||
donasi: MODEL_DONASI;
|
||||
}) {
|
||||
const router = useRouter();
|
||||
return (
|
||||
<>
|
||||
<Stack spacing={"xs"}>
|
||||
<Title order={4}>Cerita Penggalang Dana</Title>
|
||||
<Paper p={"sm"} withBorder>
|
||||
<Stack>
|
||||
<Group position="apart">
|
||||
<Text>{moment(donasi.createdAt).format("ll")}</Text>
|
||||
<ActionIcon
|
||||
variant="transparent"
|
||||
onClick={() => router.push(RouterDonasi.cerita_penggalang + `${donasi.id}`)}
|
||||
>
|
||||
<IconCircleChevronRight />
|
||||
</ActionIcon>
|
||||
</Group>
|
||||
<Text lineClamp={4}>
|
||||
{donasi.CeritaDonasi.cerita}
|
||||
</Text>
|
||||
{/* <Text c={"blue"}>Baca selengkapnya</Text> */}
|
||||
</Stack>
|
||||
</Paper>
|
||||
</Stack>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,31 @@
|
||||
import { Center, Text } from "@mantine/core";
|
||||
import { notifications } from "@mantine/notifications";
|
||||
import { IconAlertTriangle, IconChecklist, IconCircleCheck } from "@tabler/icons-react";
|
||||
|
||||
/**
|
||||
*
|
||||
* @param text | masukan text untuk peringatan
|
||||
* @type string
|
||||
* @returns notifikasi peringatan
|
||||
*/
|
||||
export async function NotifBerhasil(text: string) {
|
||||
return notifications.show({
|
||||
message: (
|
||||
<Center>
|
||||
<Text fw={"bold"}>{text}</Text>
|
||||
</Center>
|
||||
),
|
||||
color: "green",
|
||||
radius: "md",
|
||||
autoClose: 1000,
|
||||
icon: <IconCircleCheck color="white" />,
|
||||
withCloseButton: false,
|
||||
|
||||
styles: (theme) => ({
|
||||
description: { color: theme.white },
|
||||
root: {
|
||||
backgroundColor: theme.colors.green[7],
|
||||
},
|
||||
}),
|
||||
});
|
||||
}
|
||||
31
src/app_modules/donasi/component/notifikasi/notif_gagal.tsx
Normal file
31
src/app_modules/donasi/component/notifikasi/notif_gagal.tsx
Normal file
@@ -0,0 +1,31 @@
|
||||
import { Center, Text } from "@mantine/core";
|
||||
import { notifications } from "@mantine/notifications";
|
||||
import { IconAlertTriangle } from "@tabler/icons-react";
|
||||
|
||||
/**
|
||||
*
|
||||
* @param text | masukan text untuk peringatan
|
||||
* @type string
|
||||
* @returns notifikasi peringatan
|
||||
*/
|
||||
export async function NotifGagal(text: string) {
|
||||
return notifications.show({
|
||||
message: (
|
||||
<Center>
|
||||
<Text fw={"bold"}>{text}</Text>
|
||||
</Center>
|
||||
),
|
||||
color: "red",
|
||||
radius: "md",
|
||||
autoClose: 1000,
|
||||
icon: <IconAlertTriangle color="white" />,
|
||||
withCloseButton: false,
|
||||
|
||||
styles: (theme) => ({
|
||||
description: { color: theme.white },
|
||||
root: {
|
||||
backgroundColor: theme.colors.red[7],
|
||||
},
|
||||
}),
|
||||
});
|
||||
}
|
||||
@@ -0,0 +1,31 @@
|
||||
import { Center, Text } from "@mantine/core";
|
||||
import { notifications } from "@mantine/notifications";
|
||||
import { IconAlertTriangle } from "@tabler/icons-react";
|
||||
|
||||
/**
|
||||
*
|
||||
* @param text | masukan text untuk peringatan
|
||||
* @type string
|
||||
* @returns notifikasi peringatan
|
||||
*/
|
||||
export async function NotifPeringatan(text: string) {
|
||||
return notifications.show({
|
||||
message: (
|
||||
<Center>
|
||||
<Text fw={"bold"}>{text}</Text>
|
||||
</Center>
|
||||
),
|
||||
color: "yellow",
|
||||
radius: "md",
|
||||
autoClose: 1000,
|
||||
icon: <IconAlertTriangle color="white" />,
|
||||
withCloseButton: false,
|
||||
|
||||
styles: (theme) => ({
|
||||
description: { color: theme.white },
|
||||
root: {
|
||||
backgroundColor: theme.colors.yellow[7],
|
||||
},
|
||||
}),
|
||||
});
|
||||
}
|
||||
14
src/app_modules/donasi/component/tampilan_rupiah.tsx
Normal file
14
src/app_modules/donasi/component/tampilan_rupiah.tsx
Normal file
@@ -0,0 +1,14 @@
|
||||
import { Text } from "@mantine/core";
|
||||
|
||||
export default function TampilanRupiahDonasi({nominal}: {nominal: number}) {
|
||||
return (
|
||||
<>
|
||||
<Text>
|
||||
Rp.{" "}
|
||||
{new Intl.NumberFormat("id-ID", { maximumFractionDigits: 10 }).format(
|
||||
nominal
|
||||
)}
|
||||
</Text>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -21,13 +21,15 @@ import { MODEL_DONASI_TEMPORARY } from "../model/interface";
|
||||
import _ from "lodash";
|
||||
import toast from "react-simple-toasts";
|
||||
import { Donasi_funCreate } from "../fun/create/fun_create_donasi";
|
||||
import { notifications } from "@mantine/notifications";
|
||||
import { NotifPeringatan } from "../component/notifikasi/notif_peringatan";
|
||||
|
||||
export default function CreateCeritaPenggalangDonasi({
|
||||
dataTemporary,
|
||||
userId
|
||||
userId,
|
||||
}: {
|
||||
dataTemporary: MODEL_DONASI_TEMPORARY;
|
||||
userId: string
|
||||
userId: string;
|
||||
}) {
|
||||
const router = useRouter();
|
||||
const [tabsPostingDonasi, setTabsPostingDonasi] = useAtom(
|
||||
@@ -42,8 +44,8 @@ export default function CreateCeritaPenggalangDonasi({
|
||||
const [imageCerita, setImageCerita] = useState<any | null>();
|
||||
|
||||
async function onCreate() {
|
||||
if (_.values(create).includes("")) return toast("Lengkapi Data");
|
||||
if (!file) return toast("Lengkapi Gambar");
|
||||
if (_.values(create).includes("")) return NotifPeringatan("Lengkapin Data");
|
||||
if (!file) return NotifPeringatan("Lengkapi Gambar");
|
||||
|
||||
const gambar = new FormData();
|
||||
gambar.append("file", file as any);
|
||||
@@ -67,7 +69,7 @@ export default function CreateCeritaPenggalangDonasi({
|
||||
router.push(RouterDonasi.page_pop_up_create);
|
||||
setTabsPostingDonasi("Review");
|
||||
} else {
|
||||
toast(res.message)
|
||||
toast(res.message);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
@@ -27,6 +27,8 @@ import { useShallowEffect } from "@mantine/hooks";
|
||||
import Donasi_funCreateTemporary from "../fun/create/fun_create_donasi_temporary";
|
||||
import toast from "react-simple-toasts";
|
||||
import _ from "lodash";
|
||||
import { notifications } from "@mantine/notifications";
|
||||
import { NotifPeringatan } from "../component/notifikasi/notif_peringatan";
|
||||
|
||||
export default function CreateDonasi({
|
||||
masterKategori,
|
||||
@@ -48,13 +50,20 @@ export default function CreateDonasi({
|
||||
const [imageDonasi, setImageDonasi] = useState<any | null>();
|
||||
|
||||
async function onCreate() {
|
||||
if (_.values(create).includes("")) return toast("Lengkapi Data");
|
||||
if (!file) return toast("Lengkapi Gambar");
|
||||
const body = {
|
||||
donasiMaster_KategoriId: create.kategoriId,
|
||||
donasiMaster_DurasiId: create.durasiId,
|
||||
title: create.title,
|
||||
target: create.target,
|
||||
};
|
||||
|
||||
if (_.values(body).includes("")) return NotifPeringatan("Lengkapin Data");
|
||||
if (!file) return NotifPeringatan("Lengkapi Gambar");
|
||||
|
||||
const gambar = new FormData();
|
||||
gambar.append("file", file as any);
|
||||
|
||||
await Donasi_funCreateTemporary(create as any, gambar).then((res) => {
|
||||
await Donasi_funCreateTemporary(body as any, gambar).then((res) => {
|
||||
if (res.status === 201) {
|
||||
router.push(RouterDonasi.create_cerita_penggalang + `${res.donasiId}`);
|
||||
} else {
|
||||
@@ -146,7 +155,7 @@ export default function CreateDonasi({
|
||||
withAsterisk
|
||||
data={durasi.map((e) => ({
|
||||
value: e.id,
|
||||
label: e.name + " " + `bulan`,
|
||||
label: e.name + " " + `hari`,
|
||||
}))}
|
||||
onChange={(val: string) => setCreate({ ...create, durasiId: val })}
|
||||
/>
|
||||
|
||||
@@ -27,60 +27,100 @@ import { useRouter } from "next/navigation";
|
||||
import BoxInformasiDonasi from "../../component/box_informasi";
|
||||
import { useAtom } from "jotai";
|
||||
import { gs_donasi_tabs_posting } from "../../global_state";
|
||||
import { MODEL_DONASI } from "../../model/interface";
|
||||
import { useState } from "react";
|
||||
import TampilanRupiahDonasi from "../../component/tampilan_rupiah";
|
||||
import ComponentCeritaPenggalangDanaDonasi from "../../component/detail_main/cerita_penggalang";
|
||||
import { Donasi_funGantiStatus } from "../../fun/update/fun_ganti_status";
|
||||
import { NotifBerhasil } from "../../component/notifikasi/notif_berhasil";
|
||||
import { NotifPeringatan } from "../../component/notifikasi/notif_peringatan";
|
||||
import { useShallowEffect } from "@mantine/hooks";
|
||||
|
||||
export default function DetailDraftDonasi() {
|
||||
const router = useRouter()
|
||||
const [tabsPostingDonasi, setTabsPostingDonasi] = useAtom(
|
||||
gs_donasi_tabs_posting
|
||||
);
|
||||
async function onClick() {
|
||||
router.push(RouterDonasi.main_galang_dana)
|
||||
setTabsPostingDonasi("Review")
|
||||
|
||||
}
|
||||
export default function DetailDraftDonasi({
|
||||
dataDonasi,
|
||||
}: {
|
||||
dataDonasi: MODEL_DONASI;
|
||||
}) {
|
||||
return (
|
||||
<>
|
||||
<Stack spacing={"xl"}>
|
||||
<DetailDonasi />
|
||||
{/* <InformasiPenggalangDana /> */}
|
||||
<CeritaPenggalangDana />
|
||||
<Button
|
||||
radius={"xl"}
|
||||
bg={"orange"}
|
||||
color="orange"
|
||||
onClick={() => onClick()}
|
||||
>
|
||||
Ajukan Penggalangan Dana
|
||||
</Button>
|
||||
<DetailDonasi dataDonasi={dataDonasi} />
|
||||
<ComponentCeritaPenggalangDanaDonasi donasi={dataDonasi} />
|
||||
<ButtonAjukanPenggalangan dataDonasi={dataDonasi} />
|
||||
</Stack>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
function DetailDonasi() {
|
||||
function ButtonAjukanPenggalangan({
|
||||
dataDonasi,
|
||||
}: {
|
||||
dataDonasi: MODEL_DONASI;
|
||||
}) {
|
||||
const router = useRouter();
|
||||
const [tabsPostingDonasi, setTabsPostingDonasi] = useAtom(
|
||||
gs_donasi_tabs_posting
|
||||
);
|
||||
async function onCLick() {
|
||||
await Donasi_funGantiStatus(dataDonasi.id, "2").then((res) => {
|
||||
if (res.status === 200) {
|
||||
router.push(RouterDonasi.main_galang_dana);
|
||||
setTabsPostingDonasi("Review");
|
||||
NotifBerhasil("Berhasil Diajukan");
|
||||
} else {
|
||||
NotifPeringatan(res.message);
|
||||
}
|
||||
});
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Button
|
||||
radius={"xl"}
|
||||
bg={"orange"}
|
||||
color="orange"
|
||||
onClick={() => onCLick()}
|
||||
>
|
||||
Ajukan Penggalangan Dana
|
||||
</Button>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
function DetailDonasi({ dataDonasi }: { dataDonasi: MODEL_DONASI }) {
|
||||
const [donasi, setDonasi] = useState(dataDonasi);
|
||||
useShallowEffect(() => {
|
||||
setDonasi(dataDonasi);
|
||||
}, [dataDonasi]);
|
||||
return (
|
||||
<>
|
||||
<Stack>
|
||||
<Stack>
|
||||
<AspectRatio ratio={16 / 9}>
|
||||
<Paper radius={"md"}>
|
||||
<Image alt="Foto" src={"/aset/no-img.png"} />
|
||||
<Image
|
||||
alt="Foto"
|
||||
src={RouterDonasi.api_image + `${donasi.imageDonasi.url}`}
|
||||
/>
|
||||
</Paper>
|
||||
</AspectRatio>
|
||||
<Title order={4}>Judul Donasi</Title>
|
||||
<Stack spacing={0}>
|
||||
<Title order={4}>{donasi.title}</Title>
|
||||
<Text fz={"xs"}>
|
||||
Durasi: {donasi.DonasiMaster_Durasi.name} hari
|
||||
</Text>
|
||||
</Stack>
|
||||
<Stack spacing={0}>
|
||||
<Group position="apart">
|
||||
<Stack spacing={0}>
|
||||
<Text fz={12}>Dana dibutuhkan</Text>
|
||||
<Title order={4} c="blue">
|
||||
Rp. 50.000.000
|
||||
<TampilanRupiahDonasi nominal={+donasi.target} />
|
||||
</Title>
|
||||
</Stack>
|
||||
<Stack spacing={0}>
|
||||
<Text fz={12}>Kategori</Text>
|
||||
<Title order={4} c="blue">
|
||||
Kesehatan
|
||||
{donasi.DonasiMaster_Ketegori.name}
|
||||
</Title>
|
||||
</Stack>
|
||||
</Group>
|
||||
@@ -90,68 +130,3 @@ function DetailDonasi() {
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
function InformasiPenggalangDana() {
|
||||
const router = useRouter();
|
||||
return (
|
||||
<>
|
||||
<Stack spacing={"xs"}>
|
||||
<Title order={4}>Informasi Penggalang Dana</Title>
|
||||
<Paper p={"sm"} withBorder>
|
||||
<Stack>
|
||||
<Group position="apart">
|
||||
<Title order={5}>Penggalang Dana</Title>
|
||||
<ActionIcon
|
||||
variant="transparent"
|
||||
onClick={() => router.push(RouterDonasi.penggalang_dana)}
|
||||
>
|
||||
<IconCircleChevronRight />
|
||||
</ActionIcon>
|
||||
</Group>
|
||||
<Group>
|
||||
<Avatar radius={"xl"} variant="filled" bg={"blue"}>
|
||||
U
|
||||
</Avatar>
|
||||
<Text>Username</Text>
|
||||
</Group>
|
||||
<BoxInformasiDonasi
|
||||
informasi="Semua dana yang terkumpul akan disalurkan ke penggalang dana,
|
||||
kabar penyaluran dapat dilihat di halaman kabar terbaru."
|
||||
/>
|
||||
</Stack>
|
||||
</Paper>
|
||||
</Stack>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
function CeritaPenggalangDana() {
|
||||
const router = useRouter();
|
||||
return (
|
||||
<>
|
||||
<Stack spacing={"xs"}>
|
||||
<Title order={4}>Cerita Penggalang Dana</Title>
|
||||
<Paper p={"sm"} withBorder>
|
||||
<Stack>
|
||||
<Group position="apart">
|
||||
<Text>1 Des 2023</Text>
|
||||
<ActionIcon
|
||||
variant="transparent"
|
||||
onClick={() => router.push(RouterDonasi.cerita_penggalang)}
|
||||
>
|
||||
<IconCircleChevronRight />
|
||||
</ActionIcon>
|
||||
</Group>
|
||||
<Text lineClamp={4}>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat
|
||||
doloremque perferendis laborum? Cupiditate sed consequatur quasi
|
||||
doloremque, consequuntur libero? Vel nam esse fuga, sed et
|
||||
repellat commodi nemo quia dignissimos?
|
||||
</Text>
|
||||
{/* <Text c={"blue"}>Baca selengkapnya</Text> */}
|
||||
</Stack>
|
||||
</Paper>
|
||||
</Stack>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -23,11 +23,14 @@ import { useDisclosure } from "@mantine/hooks";
|
||||
import router from "next/router";
|
||||
import { title } from "process";
|
||||
import { useRouter } from "next/navigation";
|
||||
import { data } from "autoprefixer";
|
||||
|
||||
export default function LayoutDetailDraftDonasi({
|
||||
children,
|
||||
donasiId
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
donasiId: string
|
||||
}) {
|
||||
const [opened, { open, close }] = useDisclosure(false);
|
||||
const router = useRouter();
|
||||
@@ -62,7 +65,7 @@ export default function LayoutDetailDraftDonasi({
|
||||
radius={"xl"}
|
||||
w={"100%"}
|
||||
color="blue"
|
||||
onClick={() => router.push(RouterDonasi.edit_donasi)}
|
||||
onClick={() => router.push(RouterDonasi.edit_donasi + `${donasiId}`)}
|
||||
>
|
||||
Edit Donasi
|
||||
</Button>
|
||||
@@ -71,7 +74,7 @@ export default function LayoutDetailDraftDonasi({
|
||||
radius={"xl"}
|
||||
w={"100%"}
|
||||
color="teal"
|
||||
onClick={() => router.push(RouterDonasi.edit_cerita_penggalang)}
|
||||
onClick={() => router.push(RouterDonasi.edit_cerita_penggalang + `${donasiId}`)}
|
||||
>
|
||||
Edit Cerita
|
||||
</Button>
|
||||
|
||||
@@ -1,28 +1,29 @@
|
||||
"use client";
|
||||
|
||||
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
|
||||
import { MODEL_CERITA_DONASI } from "@/app_modules/donasi/model/interface";
|
||||
import { Box, Image, Stack, Text } from "@mantine/core";
|
||||
import moment from "moment";
|
||||
import { useState } from "react";
|
||||
|
||||
export default function CeritaPenggalangDonasi() {
|
||||
export default function CeritaPenggalangDonasi({
|
||||
dataCerita,
|
||||
}: {
|
||||
dataCerita: MODEL_CERITA_DONASI;
|
||||
}) {
|
||||
const [data, setData] = useState(dataCerita);
|
||||
return (
|
||||
<>
|
||||
{/* <pre>{JSON.stringify(data.imageCeritaDonasi, null, 2)}</pre> */}
|
||||
<Stack>
|
||||
{moment(Date.now()).format("ll")}
|
||||
|
||||
<Text> Halo Orang-orang baik</Text>
|
||||
<Text>
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias eos
|
||||
expedita vitae unde tenetur, veritatis libero doloribus sunt
|
||||
temporibus, vel cum, quo odio asperiores quos. Suscipit facilis dolore
|
||||
optio quaerat?
|
||||
</Text>
|
||||
<Image alt="Foto" src={"/aset/no-img.png"}/>
|
||||
<Text>
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias eos
|
||||
expedita vitae unde tenetur, veritatis libero doloribus sunt
|
||||
temporibus, vel cum, quo odio asperiores quos. Suscipit facilis dolore
|
||||
optio quaerat?
|
||||
</Text>
|
||||
{moment(data.createdAt).format("ll")}
|
||||
<Text fw={"bold"}> #HaloOrangBaik</Text>
|
||||
<Text>{data.pembukaan}</Text>
|
||||
<Image
|
||||
alt="Foto"
|
||||
src={RouterDonasi.api_image_cerita + `${data.imageCeritaDonasi.url}`}
|
||||
/>
|
||||
<Text>{data.cerita}</Text>
|
||||
</Stack>
|
||||
</>
|
||||
);
|
||||
|
||||
@@ -8,17 +8,28 @@ import React from "react";
|
||||
|
||||
export default function LayoutCeritaPenggalangDonasi({
|
||||
children,
|
||||
statusDonasiId,
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
statusDonasiId: string;
|
||||
}) {
|
||||
if (statusDonasiId !== "1") {
|
||||
return (
|
||||
<>
|
||||
<AppShell
|
||||
header={<HeaderTamplateDonasi title="Cerita Penggalang Dana" />}
|
||||
>
|
||||
{children}
|
||||
</AppShell>
|
||||
</>
|
||||
);
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<AppShell
|
||||
header={<HeaderTamplateDonasi title="Cerita Penggalang Dana" />}
|
||||
footer={<ButtonDonasi />}
|
||||
>
|
||||
{children}
|
||||
</AppShell>
|
||||
</>
|
||||
<AppShell
|
||||
header={<HeaderTamplateDonasi title="Cerita Penggalang Dana" />}
|
||||
footer={<ButtonDonasi />}
|
||||
>
|
||||
{children}
|
||||
</AppShell>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -27,38 +27,58 @@ import { useRouter } from "next/navigation";
|
||||
import BoxInformasiDonasi from "../../component/box_informasi";
|
||||
import { useAtom } from "jotai";
|
||||
import { gs_donasi_tabs_posting } from "../../global_state";
|
||||
import { MODEL_DONASI } from "../../model/interface";
|
||||
import { useState } from "react";
|
||||
import TampilanRupiahDonasi from "../../component/tampilan_rupiah";
|
||||
import ComponentCeritaPenggalangDanaDonasi from "../../component/detail_main/cerita_penggalang";
|
||||
import { Donasi_funGantiStatus } from "../../fun/update/fun_ganti_status";
|
||||
import { NotifPeringatan } from "../../component/notifikasi/notif_peringatan";
|
||||
import { NotifBerhasil } from "../../component/notifikasi/notif_berhasil";
|
||||
|
||||
export default function DetailReviewDonasi() {
|
||||
const [tabsPostingDonasi, setTabsPostingDonasi] = useAtom(
|
||||
gs_donasi_tabs_posting
|
||||
);
|
||||
const router = useRouter()
|
||||
|
||||
|
||||
async function onCLick() {
|
||||
router.push(RouterDonasi.main_galang_dana)
|
||||
setTabsPostingDonasi("Draft")
|
||||
}
|
||||
export default function DetailReviewDonasi({
|
||||
dataDonasi,
|
||||
}: {
|
||||
dataDonasi: MODEL_DONASI;
|
||||
}) {
|
||||
const [donasi, setDonasi] = useState(dataDonasi);
|
||||
return (
|
||||
<>
|
||||
<Stack spacing={"xl"}>
|
||||
<DetailDonasi />
|
||||
{/* <InformasiPenggalangDana /> */}
|
||||
<CeritaPenggalangDana />
|
||||
<Button
|
||||
radius={"xl"}
|
||||
bg={"red"}
|
||||
color="red"
|
||||
onClick={() => onCLick()}
|
||||
>
|
||||
Batalkan Review
|
||||
</Button>
|
||||
<DetailDonasi donasi={donasi} />
|
||||
<ComponentCeritaPenggalangDanaDonasi donasi={donasi} />
|
||||
<ButtonBatalReview donasi={donasi} />
|
||||
</Stack>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
function DetailDonasi() {
|
||||
function ButtonBatalReview({ donasi }: { donasi: MODEL_DONASI }) {
|
||||
const router = useRouter();
|
||||
const [tabsPostingDonasi, setTabsPostingDonasi] = useAtom(
|
||||
gs_donasi_tabs_posting
|
||||
);
|
||||
|
||||
async function onCLick() {
|
||||
await Donasi_funGantiStatus(donasi.id, "3").then((res) => {
|
||||
if (res.status === 200) {
|
||||
router.push(RouterDonasi.main_galang_dana);
|
||||
setTabsPostingDonasi("Draft");
|
||||
NotifBerhasil("Berhasil Dibatalkan");
|
||||
} else {
|
||||
NotifPeringatan(res.message);
|
||||
}
|
||||
});
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<Button radius={"xl"} bg={"red"} color="red" onClick={() => onCLick()}>
|
||||
Batalkan Review
|
||||
</Button>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
function DetailDonasi({ donasi }: { donasi: MODEL_DONASI }) {
|
||||
const router = useRouter();
|
||||
return (
|
||||
<>
|
||||
@@ -66,24 +86,31 @@ function DetailDonasi() {
|
||||
<Stack>
|
||||
<AspectRatio ratio={16 / 9}>
|
||||
<Paper radius={"md"}>
|
||||
<Image alt="Foto" src={"/aset/no-img.png"} />
|
||||
<Image
|
||||
alt="Foto"
|
||||
src={RouterDonasi.api_gambar + `${donasi.imagesId}`}
|
||||
/>
|
||||
</Paper>
|
||||
</AspectRatio>
|
||||
<Title order={4}>Judul Donasi</Title>
|
||||
<Stack spacing={0}>
|
||||
<Title order={4}>{donasi.title}</Title>
|
||||
<Text fz={"xs"}>
|
||||
Durasi: {donasi.DonasiMaster_Durasi.name} hari
|
||||
</Text>
|
||||
</Stack>
|
||||
<Stack spacing={0}>
|
||||
<Group position="apart">
|
||||
<Stack spacing={0}>
|
||||
<Text fz={12}>Dana dibutuhkan</Text>
|
||||
<Title order={4} c="blue">
|
||||
Rp. 50.000.000
|
||||
<TampilanRupiahDonasi nominal={+donasi.target} />
|
||||
</Title>
|
||||
</Stack>
|
||||
<Stack spacing={0}>
|
||||
<Text fz={12}>Kategori</Text>
|
||||
<Text fz={12}>Kategori</Text>
|
||||
<Title order={4} c="blue">
|
||||
Kesehatan
|
||||
{donasi.DonasiMaster_Ketegori.name}
|
||||
</Title>
|
||||
|
||||
</Stack>
|
||||
</Group>
|
||||
</Stack>
|
||||
@@ -92,68 +119,3 @@ function DetailDonasi() {
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
function InformasiPenggalangDana() {
|
||||
const router = useRouter();
|
||||
return (
|
||||
<>
|
||||
<Stack spacing={"xs"}>
|
||||
<Title order={4}>Informasi Penggalang Dana</Title>
|
||||
<Paper p={"sm"} withBorder>
|
||||
<Stack>
|
||||
<Group position="apart">
|
||||
<Title order={5}>Penggalang Dana</Title>
|
||||
<ActionIcon
|
||||
variant="transparent"
|
||||
onClick={() => router.push(RouterDonasi.penggalang_dana)}
|
||||
>
|
||||
<IconCircleChevronRight />
|
||||
</ActionIcon>
|
||||
</Group>
|
||||
<Group>
|
||||
<Avatar radius={"xl"} variant="filled" bg={"blue"}>
|
||||
U
|
||||
</Avatar>
|
||||
<Text>Username</Text>
|
||||
</Group>
|
||||
<BoxInformasiDonasi
|
||||
informasi="Semua dana yang terkumpul akan disalurkan ke penggalang dana,
|
||||
kabar penyaluran dapat dilihat di halaman kabar terbaru."
|
||||
/>
|
||||
</Stack>
|
||||
</Paper>
|
||||
</Stack>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
function CeritaPenggalangDana() {
|
||||
const router = useRouter();
|
||||
return (
|
||||
<>
|
||||
<Stack spacing={"xs"}>
|
||||
<Title order={4}>Cerita Penggalang Dana</Title>
|
||||
<Paper p={"sm"} withBorder>
|
||||
<Stack>
|
||||
<Group position="apart">
|
||||
<Text>1 Des 2023</Text>
|
||||
<ActionIcon
|
||||
variant="transparent"
|
||||
onClick={() => router.push(RouterDonasi.cerita_penggalang)}
|
||||
>
|
||||
<IconCircleChevronRight />
|
||||
</ActionIcon>
|
||||
</Group>
|
||||
<Text lineClamp={4}>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat
|
||||
doloremque perferendis laborum? Cupiditate sed consequatur quasi
|
||||
doloremque, consequuntur libero? Vel nam esse fuga, sed et
|
||||
repellat commodi nemo quia dignissimos?
|
||||
</Text>
|
||||
{/* <Text c={"blue"}>Baca selengkapnya</Text> */}
|
||||
</Stack>
|
||||
</Paper>
|
||||
</Stack>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -5,6 +5,7 @@ import {
|
||||
AspectRatio,
|
||||
Button,
|
||||
Center,
|
||||
FileButton,
|
||||
Image,
|
||||
Paper,
|
||||
Stack,
|
||||
@@ -16,31 +17,37 @@ import { useRouter } from "next/navigation";
|
||||
import { useState } from "react";
|
||||
import { gs_donasi_tabs_posting } from "../../global_state";
|
||||
import toast from "react-simple-toasts";
|
||||
import { MODEL_CERITA_DONASI } from "../../model/interface";
|
||||
import { NotifPeringatan } from "../../component/notifikasi/notif_peringatan";
|
||||
import _ from "lodash";
|
||||
import { Donasi_funUpdateCerita } from "../../fun/update/fun_update_cerita_donasi";
|
||||
import { NotifBerhasil } from "../../component/notifikasi/notif_berhasil";
|
||||
|
||||
export default function EditCeritaPenggalangDonasi() {
|
||||
export default function EditCeritaPenggalangDonasi({
|
||||
dataCerita,
|
||||
}: {
|
||||
dataCerita: MODEL_CERITA_DONASI;
|
||||
}) {
|
||||
const router = useRouter();
|
||||
const [tabsPostingDonasi, setTabsPostingDonasi] = useAtom(
|
||||
gs_donasi_tabs_posting
|
||||
);
|
||||
const [value, setValue] = useState({
|
||||
pembukaan: "",
|
||||
cerita: "",
|
||||
});
|
||||
async function onUpdate() {
|
||||
router.back();
|
||||
toast("Berhasil update cerita")
|
||||
const [value, setValue] = useState(dataCerita);
|
||||
const [file, setFile] = useState<File | null>(null);
|
||||
const [updateImage, setUpdateImage] = useState<any | null>();
|
||||
|
||||
}
|
||||
return (
|
||||
<>
|
||||
{/* <pre>{JSON.stringify(value, null, 2)}</pre> */}
|
||||
<Stack spacing={"md"} px={"md"}>
|
||||
<Textarea
|
||||
autosize
|
||||
minRows={2}
|
||||
maxRows={4}
|
||||
maxRows={7}
|
||||
withAsterisk
|
||||
label="Pembukaan"
|
||||
placeholder="Pembuka dari isi cerita"
|
||||
value={value.pembukaan}
|
||||
onChange={(val) =>
|
||||
setValue({
|
||||
...value,
|
||||
@@ -48,13 +55,59 @@ export default function EditCeritaPenggalangDonasi() {
|
||||
})
|
||||
}
|
||||
/>
|
||||
|
||||
<Stack spacing={"lg"}>
|
||||
<Center>
|
||||
<FileButton
|
||||
onChange={async (files: any | null) => {
|
||||
try {
|
||||
const buffer = URL.createObjectURL(
|
||||
new Blob([new Uint8Array(await files.arrayBuffer())])
|
||||
);
|
||||
setUpdateImage(buffer);
|
||||
setFile(files);
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
}}
|
||||
accept="image/png,image/jpeg"
|
||||
>
|
||||
{(props) => (
|
||||
<Button
|
||||
{...props}
|
||||
radius={"xl"}
|
||||
variant="outline"
|
||||
w={150}
|
||||
leftIcon={<IconCamera />}
|
||||
>
|
||||
Upload
|
||||
</Button>
|
||||
)}
|
||||
</FileButton>
|
||||
</Center>
|
||||
<AspectRatio ratio={16 / 9}>
|
||||
<Paper radius={"md"}>
|
||||
<Image
|
||||
alt="Foto"
|
||||
src={
|
||||
updateImage
|
||||
? updateImage
|
||||
: RouterDonasi.api_image_cerita +
|
||||
value.imageCeritaDonasi.url
|
||||
}
|
||||
/>
|
||||
</Paper>
|
||||
</AspectRatio>
|
||||
</Stack>
|
||||
|
||||
<Textarea
|
||||
autosize
|
||||
minRows={2}
|
||||
maxRows={10}
|
||||
maxRows={7}
|
||||
withAsterisk
|
||||
label="Cerita"
|
||||
placeholder="Ceritakan alasan mengapa harus membuat Penggalangan Dana"
|
||||
value={value.cerita}
|
||||
onChange={(val) =>
|
||||
setValue({
|
||||
...value,
|
||||
@@ -63,24 +116,11 @@ export default function EditCeritaPenggalangDonasi() {
|
||||
}
|
||||
/>
|
||||
|
||||
<Stack spacing={"xs"}>
|
||||
<Center>
|
||||
<Button
|
||||
radius={"xl"}
|
||||
variant="outline"
|
||||
w={150}
|
||||
leftIcon={<IconCamera />}
|
||||
>
|
||||
Upload
|
||||
</Button>
|
||||
</Center>
|
||||
<AspectRatio ratio={16 / 9}>
|
||||
<Paper radius={"md"}>
|
||||
<Image alt="Foto" src={"/aset/no-img.png"} />
|
||||
</Paper>
|
||||
</AspectRatio>
|
||||
</Stack>
|
||||
<Button w={"100%"} radius={"xl"} onClick={() => onUpdate()}>
|
||||
<Button
|
||||
w={"100%"}
|
||||
radius={"xl"}
|
||||
onClick={() => onUpdate(router, value, file as any)}
|
||||
>
|
||||
Simpan
|
||||
</Button>
|
||||
</Stack>
|
||||
@@ -88,3 +128,30 @@ export default function EditCeritaPenggalangDonasi() {
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
async function onUpdate(
|
||||
router: any,
|
||||
value: MODEL_CERITA_DONASI,
|
||||
file: FormData
|
||||
) {
|
||||
// router.back();
|
||||
const body = {
|
||||
id: value.id,
|
||||
pembukaan: value.pembukaan,
|
||||
cerita: value.cerita,
|
||||
imagesId: value.imageCeritaDonasi.id
|
||||
};
|
||||
|
||||
const gambar = new FormData();
|
||||
gambar.append("file", file as any);
|
||||
|
||||
if (_.values(body).includes("")) return NotifPeringatan("Lengkapi Data");
|
||||
await Donasi_funUpdateCerita(body as any,gambar).then((res) => {
|
||||
if (res.status === 200) {
|
||||
NotifBerhasil(res.message);
|
||||
router.back();
|
||||
} else {
|
||||
toast(res.message);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
@@ -10,53 +10,109 @@ import {
|
||||
Button,
|
||||
TextInput,
|
||||
Image,
|
||||
FileButton,
|
||||
Modal,
|
||||
Group,
|
||||
Title,
|
||||
} from "@mantine/core";
|
||||
import { IconCamera } from "@tabler/icons-react";
|
||||
import { useAtom } from "jotai";
|
||||
import { useRouter } from "next/navigation";
|
||||
import { gs_donasi_tabs_posting } from "../../global_state";
|
||||
import toast from "react-simple-toasts";
|
||||
import { MODEL_DONASI, MODEL_DONASI_ALL_MASTER } from "../../model/interface";
|
||||
import { useState } from "react";
|
||||
import { Donasi_funUpdateDonasi } from "../../fun/update/fun_update_donasi";
|
||||
import { useDisclosure } from "@mantine/hooks";
|
||||
import { NotifBerhasil } from "../../component/notifikasi/notif_berhasil";
|
||||
import { NotifPeringatan } from "../../component/notifikasi/notif_peringatan";
|
||||
import _ from "lodash";
|
||||
import { Donasi_getOneById } from "../../fun/get/get_one_donasi_by_id";
|
||||
|
||||
export default function EditDonasi() {
|
||||
export default function EditDonasi({
|
||||
dataDonasi,
|
||||
masterKategori,
|
||||
masterDurasi,
|
||||
}: {
|
||||
dataDonasi: MODEL_DONASI;
|
||||
masterKategori: MODEL_DONASI_ALL_MASTER[];
|
||||
masterDurasi: MODEL_DONASI_ALL_MASTER[];
|
||||
}) {
|
||||
const router = useRouter();
|
||||
const [tabsPostingDonasi, setTabsPostingDonasi] = useAtom(
|
||||
gs_donasi_tabs_posting
|
||||
);
|
||||
const [value, setValue] = useState(dataDonasi);
|
||||
const [kategori, setKategori] = useState(masterKategori);
|
||||
const [durasi, setDurasi] = useState(masterDurasi);
|
||||
const [file, setFile] = useState<File | null>(null);
|
||||
const [updateImage, setUpdateImage] = useState<any | null>();
|
||||
const [opened, { open, close }] = useDisclosure(false);
|
||||
|
||||
async function onUpdate() {
|
||||
router.back();
|
||||
toast("Berhasil update data")
|
||||
}
|
||||
return (
|
||||
<>
|
||||
{/* <pre>{JSON.stringify(donasi, null, 2)}</pre> */}
|
||||
<Stack spacing={"md"} px={"md"}>
|
||||
<Select
|
||||
label="Kategori"
|
||||
placeholder="Pilih kategori penggalangan dana"
|
||||
value={value.DonasiMaster_Ketegori.id}
|
||||
withAsterisk
|
||||
data={[
|
||||
{ value: "1", label: "Medis" },
|
||||
{ value: "2", label: "Lingkungan" },
|
||||
{ value: "3", label: "Kegiatan Sosial" },
|
||||
{ value: "4", label: "Rumah Ibadah" },
|
||||
{ value: "5", label: "Bantuan Pendidikan" },
|
||||
]}
|
||||
data={kategori.map((e) => ({
|
||||
value: e.id,
|
||||
label: e.name,
|
||||
}))}
|
||||
onChange={(val) =>
|
||||
setValue({
|
||||
...(value as any),
|
||||
DonasiMaster_Ketegori: {
|
||||
id: val,
|
||||
},
|
||||
})
|
||||
}
|
||||
/>
|
||||
<Stack>
|
||||
<AspectRatio ratio={16 / 9}>
|
||||
<Paper radius={"md"}>
|
||||
<Image alt="Foto" src={"/aset/no-img.png"} />
|
||||
<Image
|
||||
alt="Foto"
|
||||
src={
|
||||
updateImage
|
||||
? updateImage
|
||||
: RouterDonasi.api_gambar + `${value.imagesId}`
|
||||
}
|
||||
/>
|
||||
</Paper>
|
||||
</AspectRatio>
|
||||
<Center>
|
||||
<Button
|
||||
radius={"xl"}
|
||||
variant="outline"
|
||||
w={150}
|
||||
leftIcon={<IconCamera />}
|
||||
<FileButton
|
||||
onChange={async (files: any | null) => {
|
||||
try {
|
||||
const buffer = URL.createObjectURL(
|
||||
new Blob([new Uint8Array(await files.arrayBuffer())])
|
||||
);
|
||||
// console.log(buffer, "ini buffer");
|
||||
// console.log(files, " ini file");
|
||||
setUpdateImage(buffer);
|
||||
setFile(files);
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
}}
|
||||
accept="image/png,image/jpeg"
|
||||
>
|
||||
Upload
|
||||
</Button>
|
||||
{(props) => (
|
||||
<Button
|
||||
{...props}
|
||||
radius={"xl"}
|
||||
variant="outline"
|
||||
w={150}
|
||||
leftIcon={<IconCamera />}
|
||||
>
|
||||
Upload
|
||||
</Button>
|
||||
)}
|
||||
</FileButton>
|
||||
</Center>
|
||||
</Stack>
|
||||
<Stack>
|
||||
@@ -64,28 +120,99 @@ export default function EditDonasi() {
|
||||
withAsterisk
|
||||
label="Judul Donasi"
|
||||
placeholder="Contoh: Renovasi Masjid pada kampung, dll"
|
||||
value={value.title}
|
||||
onChange={(val) =>
|
||||
setValue({
|
||||
...value,
|
||||
title: val.target.value,
|
||||
})
|
||||
}
|
||||
/>
|
||||
<TextInput
|
||||
type="number"
|
||||
withAsterisk
|
||||
label="Target Dana"
|
||||
placeholder="Masukan nominal angka"
|
||||
value={+value.target ? +value.target : ""}
|
||||
onChange={(val) =>
|
||||
setValue({
|
||||
...value,
|
||||
target: val.target.value,
|
||||
})
|
||||
}
|
||||
/>
|
||||
<Select
|
||||
label="Durasi"
|
||||
placeholder="Jangka waktu penggalangan dana"
|
||||
withAsterisk
|
||||
data={[
|
||||
{ value: "30", label: "30 Hari" },
|
||||
{ value: "60", label: "60 Hari" },
|
||||
{ value: "90", label: "90 Hari" },
|
||||
]}
|
||||
value={value.DonasiMaster_Durasi.id}
|
||||
data={durasi.map((e) => ({
|
||||
value: e.id,
|
||||
label: e.name + " " + `hari`,
|
||||
}))}
|
||||
onChange={(val) =>
|
||||
setValue({
|
||||
...(value as any),
|
||||
DonasiMaster_Durasi: {
|
||||
id: val,
|
||||
},
|
||||
})
|
||||
}
|
||||
/>
|
||||
</Stack>
|
||||
<Button my={"lg"} radius={"xl"} onClick={() => onUpdate()}>
|
||||
<Button
|
||||
my={"lg"}
|
||||
radius={"xl"}
|
||||
onClick={() => {
|
||||
onUpdate(value, file as any, router);
|
||||
}}
|
||||
>
|
||||
Update
|
||||
</Button>
|
||||
{/* <Modal opened={opened} onClose={close} withCloseButton={false} centered >
|
||||
<ModalEdit />
|
||||
</Modal> */}
|
||||
</Stack>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
// function ModalEdit() {
|
||||
// return (
|
||||
// <>
|
||||
// <Stack>
|
||||
// <Title order={6}>Anda yakin menyimpan data ini ?</Title>
|
||||
// <Group position="center">
|
||||
// <Button variant="outline" >Batal</Button>
|
||||
// <Button>Simpan</Button>
|
||||
// </Group>
|
||||
// </Stack>
|
||||
|
||||
// </>
|
||||
// );
|
||||
// }
|
||||
|
||||
async function onUpdate(value: MODEL_DONASI, file: FormData, router: any) {
|
||||
const body = {
|
||||
id: value.id,
|
||||
donasiMaster_KategoriId: value.DonasiMaster_Ketegori.id,
|
||||
donasiMaster_DurasiId: value.DonasiMaster_Durasi.id,
|
||||
title: value.title,
|
||||
target: value.target,
|
||||
imagesId: value.imagesId,
|
||||
};
|
||||
|
||||
const gambar = new FormData();
|
||||
gambar.append("file", file as any);
|
||||
|
||||
if (_.values(body).includes("")) return NotifPeringatan("Lengkapi Data");
|
||||
|
||||
await Donasi_funUpdateDonasi(body as any, gambar).then((res) => {
|
||||
if (res.status === 200) {
|
||||
NotifBerhasil(res.message);
|
||||
router.back();
|
||||
} else {
|
||||
NotifPeringatan(res.message);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
@@ -6,6 +6,7 @@ import { MODEL_DONASI } from "../../model/interface";
|
||||
import { Donasi_funDeleteTemporaryCreate } from "../delete/fun_delete_temporary_create";
|
||||
import { v4 } from "uuid";
|
||||
import _ from "lodash";
|
||||
import { revalidatePath } from "next/cache";
|
||||
|
||||
export async function Donasi_funCreate(req: MODEL_DONASI, file: FormData) {
|
||||
const body = req;
|
||||
@@ -17,7 +18,7 @@ export async function Donasi_funCreate(req: MODEL_DONASI, file: FormData) {
|
||||
donasiMaster_DurasiId: body.donasiMaster_DurasiId,
|
||||
donasiMaster_KategoriId: body.donasiMaster_KategoriId,
|
||||
imagesId: body.imagesId,
|
||||
authorId: body.authorId
|
||||
authorId: body.authorId,
|
||||
},
|
||||
});
|
||||
|
||||
@@ -63,6 +64,7 @@ export async function Donasi_funCreate(req: MODEL_DONASI, file: FormData) {
|
||||
});
|
||||
|
||||
if (!dataCerita) return { status: 400, message: "Gagal simpan data cerita" };
|
||||
revalidatePath("/dev/donasi/main/galang_dana");
|
||||
return {
|
||||
status: 201,
|
||||
message: "Data donasi tersimpan",
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
import fs from "fs";
|
||||
import prisma from "@/app/lib/prisma";
|
||||
import { MODEL_DONASI_TEMPORARY } from "../../model/interface";
|
||||
import { MODEL_DONASI, MODEL_DONASI_TEMPORARY } from "../../model/interface";
|
||||
import _ from "lodash";
|
||||
import { v4 } from "uuid";
|
||||
|
||||
@@ -14,7 +14,7 @@ interface Model_Temporary {
|
||||
}
|
||||
|
||||
export default async function Donasi_funCreateTemporary(
|
||||
data: Model_Temporary,
|
||||
data: MODEL_DONASI,
|
||||
file: FormData
|
||||
) {
|
||||
// console.log(data, "ini data")
|
||||
@@ -37,16 +37,17 @@ export default async function Donasi_funCreateTemporary(
|
||||
|
||||
if (!uploadTemporary) return { status: 400, message: "Gagal upload gambar" };
|
||||
const uploadFolder = Buffer.from(await dataImage.arrayBuffer());
|
||||
fs.writeFileSync(`./public/donasi/image/${uploadTemporary.url}`, uploadFolder);
|
||||
|
||||
|
||||
fs.writeFileSync(
|
||||
`./public/donasi/image/${uploadTemporary.url}`,
|
||||
uploadFolder
|
||||
);
|
||||
|
||||
const res = await prisma.donasi_TemporaryCreate.create({
|
||||
data: {
|
||||
title: data.title,
|
||||
target: data.target,
|
||||
donasiMaster_KategoriId: data.kategoriId,
|
||||
donasiMaster_DurasiId: data.durasiId,
|
||||
donasiMaster_KategoriId: data.donasiMaster_KategoriId,
|
||||
donasiMaster_DurasiId: data.donasiMaster_DurasiId,
|
||||
imagesId: uploadTemporary.id,
|
||||
},
|
||||
});
|
||||
@@ -56,6 +57,6 @@ export default async function Donasi_funCreateTemporary(
|
||||
return {
|
||||
status: 201,
|
||||
message: "Berhasil membuat donasi",
|
||||
donasiId: res.id
|
||||
donasiId: res.id,
|
||||
};
|
||||
}
|
||||
|
||||
18
src/app_modules/donasi/fun/get/get_cerita_penggalang.ts
Normal file
18
src/app_modules/donasi/fun/get/get_cerita_penggalang.ts
Normal file
@@ -0,0 +1,18 @@
|
||||
"use server";
|
||||
|
||||
import prisma from "@/app/lib/prisma";
|
||||
|
||||
export default async function Donasi_getCeritaByDonasiId(donasiId: string) {
|
||||
const data = await prisma.donasi_Cerita.findFirst({
|
||||
where: {
|
||||
donasiId: donasiId,
|
||||
},
|
||||
select: {
|
||||
id: true,
|
||||
pembukaan: true,
|
||||
cerita: true,
|
||||
imageCeritaDonasi: true,
|
||||
},
|
||||
});
|
||||
return data;
|
||||
}
|
||||
61
src/app_modules/donasi/fun/get/get_donasi_by_status.ts
Normal file
61
src/app_modules/donasi/fun/get/get_donasi_by_status.ts
Normal file
@@ -0,0 +1,61 @@
|
||||
"use server";
|
||||
|
||||
import prisma from "@/app/lib/prisma";
|
||||
|
||||
/**
|
||||
*
|
||||
* @param authorId string
|
||||
* @param status string | masukan angka 1 - 4
|
||||
* @returns List data donasi by status
|
||||
*/
|
||||
export default async function Donasi_getByStatus(
|
||||
authorId: string,
|
||||
status: string
|
||||
) {
|
||||
if (status === "1") {
|
||||
const getReview = await prisma.donasi.findMany({
|
||||
where: {
|
||||
authorId: authorId,
|
||||
donasiMaster_StatusDonasiId: "1",
|
||||
},
|
||||
});
|
||||
return getReview;
|
||||
}
|
||||
|
||||
if (status === "2") {
|
||||
const getReview = await prisma.donasi.findMany({
|
||||
where: {
|
||||
authorId: authorId,
|
||||
donasiMaster_StatusDonasiId: "2",
|
||||
},
|
||||
});
|
||||
return getReview;
|
||||
}
|
||||
|
||||
if (status === "3") {
|
||||
const getReview = await prisma.donasi.findMany({
|
||||
where: {
|
||||
authorId: authorId,
|
||||
donasiMaster_StatusDonasiId: "3",
|
||||
},
|
||||
});
|
||||
return getReview;
|
||||
}
|
||||
|
||||
if (status === "4") {
|
||||
const getReview = await prisma.donasi.findMany({
|
||||
where: {
|
||||
authorId: authorId,
|
||||
donasiMaster_StatusDonasiId: "4",
|
||||
},
|
||||
});
|
||||
return getReview;
|
||||
}
|
||||
|
||||
if (status === undefined) {
|
||||
return {
|
||||
status: 400,
|
||||
message: "Not Found",
|
||||
};
|
||||
}
|
||||
}
|
||||
33
src/app_modules/donasi/fun/get/get_one_donasi_by_id.ts
Normal file
33
src/app_modules/donasi/fun/get/get_one_donasi_by_id.ts
Normal file
@@ -0,0 +1,33 @@
|
||||
"use server";
|
||||
|
||||
import prisma from "@/app/lib/prisma";
|
||||
|
||||
export async function Donasi_getOneById(donasiId: string) {
|
||||
const data = await prisma.donasi.findFirst({
|
||||
where: {
|
||||
id: donasiId,
|
||||
},
|
||||
select: {
|
||||
id: true,
|
||||
title: true,
|
||||
target: true,
|
||||
active: true,
|
||||
createdAt: true,
|
||||
updatedAt: true,
|
||||
publishTime: true,
|
||||
authorId: true,
|
||||
imagesId: true,
|
||||
donasiMaster_KategoriId: true,
|
||||
donasiMaster_DurasiId: true,
|
||||
donasiMaster_StatusDonasiId: true,
|
||||
Author: true,
|
||||
imageDonasi: true,
|
||||
CeritaDonasi: true,
|
||||
DonasiMaster_Ketegori: true,
|
||||
DonasiMaster_Durasi: true,
|
||||
DonasiMaster_Status: true,
|
||||
},
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
28
src/app_modules/donasi/fun/update/fun_ganti_status.ts
Normal file
28
src/app_modules/donasi/fun/update/fun_ganti_status.ts
Normal file
@@ -0,0 +1,28 @@
|
||||
"use server";
|
||||
|
||||
import prisma from "@/app/lib/prisma";
|
||||
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
|
||||
import { revalidatePath } from "next/cache";
|
||||
|
||||
export async function Donasi_funGantiStatus(
|
||||
donasiId: string,
|
||||
statusId: string
|
||||
) {
|
||||
const data = await prisma.donasi.update({
|
||||
where: {
|
||||
id: donasiId,
|
||||
},
|
||||
data: {
|
||||
donasiMaster_StatusDonasiId: statusId,
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
if (!data) return { status: 400, message: "Data tidak ditemukan" };
|
||||
|
||||
revalidatePath(RouterDonasi.main_galang_dana)
|
||||
return {
|
||||
status: 200,
|
||||
message: "Status berhasil diganti",
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
"use server";
|
||||
|
||||
import _ from "lodash";
|
||||
import { MODEL_CERITA_DONASI } from "../../model/interface";
|
||||
import { v4 } from "uuid";
|
||||
import prisma from "@/app/lib/prisma";
|
||||
import { revalidatePath } from "next/cache";
|
||||
import fs from "fs";
|
||||
|
||||
export async function Donasi_funUpdateCerita(
|
||||
data: MODEL_CERITA_DONASI,
|
||||
file: FormData
|
||||
) {
|
||||
|
||||
|
||||
const gambar: any = file.get("file");
|
||||
if (gambar !== "null") {
|
||||
const fileName = gambar.name;
|
||||
const fileExtension = _.lowerCase(gambar.name.split(".").pop());
|
||||
const fileRandomName = v4(fileName) + "." + fileExtension;
|
||||
|
||||
|
||||
const updateGambar = await prisma.images.update({
|
||||
where: {
|
||||
id: data.imagesId,
|
||||
},
|
||||
data: {
|
||||
url: fileRandomName,
|
||||
},
|
||||
});
|
||||
|
||||
if (!updateGambar) return { status: 400, message: "Update gambat gagal" };
|
||||
revalidatePath("/dev/donasi/detail/detail_draft");
|
||||
|
||||
const uploadFolder = Buffer.from(await gambar.arrayBuffer());
|
||||
fs.writeFileSync(
|
||||
`./public/donasi/image_cerita/${updateGambar.url}`,
|
||||
uploadFolder
|
||||
);
|
||||
}
|
||||
|
||||
const update = await prisma.donasi_Cerita.update({
|
||||
where: {
|
||||
id: data.id,
|
||||
},
|
||||
data: {
|
||||
pembukaan: data.pembukaan,
|
||||
cerita: data.cerita,
|
||||
},
|
||||
});
|
||||
|
||||
if (!update) return { status: 400, message: "Gagal update cerita" };
|
||||
revalidatePath("/dev/donasi/detail/detail_draft");
|
||||
|
||||
return {
|
||||
status: 200,
|
||||
message: "Berhasil update cerita",
|
||||
};
|
||||
}
|
||||
71
src/app_modules/donasi/fun/update/fun_update_donasi.ts
Normal file
71
src/app_modules/donasi/fun/update/fun_update_donasi.ts
Normal file
@@ -0,0 +1,71 @@
|
||||
"use server";
|
||||
|
||||
import prisma from "@/app/lib/prisma";
|
||||
import { MODEL_DONASI } from "../../model/interface";
|
||||
import _ from "lodash";
|
||||
import { v4 } from "uuid";
|
||||
import fs from "fs";
|
||||
import { revalidatePath, revalidateTag } from "next/cache";
|
||||
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
|
||||
|
||||
export async function Donasi_funUpdateDonasi(
|
||||
data: MODEL_DONASI,
|
||||
file: FormData
|
||||
) {
|
||||
// console.log(data);
|
||||
|
||||
const gambar: any = file.get("file");
|
||||
if (gambar !== "null") {
|
||||
const fileName = gambar.name;
|
||||
const fileExtension = _.lowerCase(gambar.name.split(".").pop());
|
||||
const fileRandomName = v4(fileName) + "." + fileExtension;
|
||||
|
||||
const cariGambar = await prisma.images.findFirst({
|
||||
where: {
|
||||
id: data.imagesId,
|
||||
},
|
||||
select: {
|
||||
url: true,
|
||||
},
|
||||
});
|
||||
|
||||
if (!cariGambar) return { status: 400, message: "Gambar tidak ditemukan" };
|
||||
revalidatePath("/dev/donasi/detail/detail_draft");
|
||||
fs.unlinkSync(`./public/donasi/image/${cariGambar.url}`);
|
||||
|
||||
const updateGambar = await prisma.images.update({
|
||||
where: {
|
||||
id: data.imagesId,
|
||||
},
|
||||
data: {
|
||||
url: fileRandomName,
|
||||
},
|
||||
});
|
||||
|
||||
if (!updateGambar) return { status: 400, message: "Update gambat gagal" };
|
||||
revalidatePath("/dev/donasi/detail/detail_draft");
|
||||
|
||||
const uploadFolder = Buffer.from(await gambar.arrayBuffer());
|
||||
fs.writeFileSync(`./public/donasi/image/${updateGambar.url}`, uploadFolder);
|
||||
}
|
||||
|
||||
const update = await prisma.donasi.update({
|
||||
where: {
|
||||
id: data.id,
|
||||
},
|
||||
data: {
|
||||
donasiMaster_KategoriId: data.donasiMaster_KategoriId,
|
||||
donasiMaster_DurasiId: data.donasiMaster_DurasiId,
|
||||
title: data.title,
|
||||
target: data.target,
|
||||
},
|
||||
});
|
||||
|
||||
if (!update) return { status: 400, message: "Gagal update" };
|
||||
revalidatePath("/dev/donasi/detail/detail_draft");
|
||||
|
||||
return {
|
||||
status: 200,
|
||||
message: "Berhasil update",
|
||||
};
|
||||
}
|
||||
@@ -23,7 +23,7 @@ import { Warna } from "@/app/lib/warna";
|
||||
import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
|
||||
import PostingDraftDonasi from "./galang_dana/draft";
|
||||
|
||||
export default function GalangDanaDonasi() {
|
||||
export default function GalangDanaDonasi({listReview, listDraft}: {listReview: any, listDraft: any}) {
|
||||
const router = useRouter();
|
||||
const [tabsPostingDonasi, setTabsPostingDonasi] = useAtom(
|
||||
gs_donasi_tabs_posting
|
||||
@@ -39,13 +39,13 @@ export default function GalangDanaDonasi() {
|
||||
{
|
||||
id: 2,
|
||||
value: "Review",
|
||||
path: <PostingReviewDonasi data={"2"} />,
|
||||
path: <PostingReviewDonasi listReview={listReview} />,
|
||||
color: "yellow",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
value: "Draft",
|
||||
path: <PostingDraftDonasi data={"3"} />,
|
||||
path: <PostingDraftDonasi listDraft={listDraft} />,
|
||||
color: "red",
|
||||
},
|
||||
{
|
||||
|
||||
@@ -21,8 +21,14 @@ import { useViewportSize } from "@mantine/hooks";
|
||||
import { useRouter } from "next/navigation";
|
||||
|
||||
import toast from "react-simple-toasts";
|
||||
import { MODEL_DONASI } from "../../model/interface";
|
||||
import TampilanRupiahDonasi from "../../component/tampilan_rupiah";
|
||||
|
||||
export default function PostingDraftDonasi({ data }: { data: any }) {
|
||||
export default function PostingDraftDonasi({
|
||||
listDraft,
|
||||
}: {
|
||||
listDraft: MODEL_DONASI[];
|
||||
}) {
|
||||
const { height, width } = useViewportSize();
|
||||
const router = useRouter();
|
||||
return (
|
||||
@@ -36,44 +42,39 @@ export default function PostingDraftDonasi({ data }: { data: any }) {
|
||||
{ maxWidth: "36rem", cols: 1, spacing: "sm" },
|
||||
]}
|
||||
>
|
||||
{Array(5)
|
||||
.fill(0)
|
||||
.map((e, i) => (
|
||||
<Box
|
||||
key={i}
|
||||
onClick={() => router.push(RouterDonasi.detail_draft)}
|
||||
>
|
||||
<Stack>
|
||||
<Grid>
|
||||
<Grid.Col span={7}>
|
||||
<AspectRatio ratio={16 / 9}>
|
||||
<Paper radius={"md"}>
|
||||
<Image
|
||||
alt="Foto"
|
||||
src={"/aset/no-img.png"}
|
||||
radius={"md"}
|
||||
/>
|
||||
</Paper>
|
||||
</AspectRatio>
|
||||
</Grid.Col>
|
||||
<Grid.Col span={5}>
|
||||
<Stack spacing={"xs"}>
|
||||
<Text fz={"sm"} fw={"bold"} lineClamp={2}>
|
||||
Judul Donasi Bisa Dilihat Disini Untuk Contoh
|
||||
{listDraft.map((e, i) => (
|
||||
<Box key={i} onClick={() => router.push(RouterDonasi.detail_draft + `${e.id}`)}>
|
||||
<Stack>
|
||||
<Grid>
|
||||
<Grid.Col span={7}>
|
||||
<AspectRatio ratio={16 / 9}>
|
||||
<Paper radius={"md"}>
|
||||
<Image
|
||||
alt="Foto"
|
||||
src={RouterDonasi.api_gambar + `${e.imagesId}`}
|
||||
radius={"md"}
|
||||
/>
|
||||
</Paper>
|
||||
</AspectRatio>
|
||||
</Grid.Col>
|
||||
<Grid.Col span={5}>
|
||||
<Stack spacing={"xs"}>
|
||||
<Text fz={"sm"} fw={"bold"} lineClamp={2}>
|
||||
{e.title}
|
||||
</Text>
|
||||
<Stack spacing={0}>
|
||||
<Text fz={"sm"}>Terget Dana</Text>
|
||||
<Text fz={"sm"} fw={"bold"} c={"orange"} truncate>
|
||||
<TampilanRupiahDonasi nominal={+e.target} />
|
||||
</Text>
|
||||
<Stack spacing={0}>
|
||||
<Text fz={"sm"}>Terget Dana</Text>
|
||||
<Text fz={"sm"} fw={"bold"} c={"orange"} truncate>
|
||||
Rp. 100.000.000
|
||||
</Text>
|
||||
</Stack>
|
||||
</Stack>
|
||||
</Grid.Col>
|
||||
</Grid>
|
||||
{width > 575 ? "" : <Divider />}
|
||||
</Stack>
|
||||
</Box>
|
||||
))}
|
||||
</Stack>
|
||||
</Grid.Col>
|
||||
</Grid>
|
||||
{width > 575 ? "" : <Divider />}
|
||||
</Stack>
|
||||
</Box>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
</>
|
||||
);
|
||||
|
||||
@@ -21,8 +21,13 @@ import { useViewportSize } from "@mantine/hooks";
|
||||
import { useRouter } from "next/navigation";
|
||||
|
||||
import toast from "react-simple-toasts";
|
||||
import { MODEL_DONASI } from "../../model/interface";
|
||||
|
||||
export default function PostingReviewDonasi({ data }: { data: any }) {
|
||||
export default function PostingReviewDonasi({
|
||||
listReview,
|
||||
}: {
|
||||
listReview: MODEL_DONASI[];
|
||||
}) {
|
||||
const { height, width } = useViewportSize();
|
||||
const router = useRouter();
|
||||
return (
|
||||
@@ -36,44 +41,42 @@ export default function PostingReviewDonasi({ data }: { data: any }) {
|
||||
{ maxWidth: "36rem", cols: 1, spacing: "sm" },
|
||||
]}
|
||||
>
|
||||
{Array(5)
|
||||
.fill(0)
|
||||
.map((e, i) => (
|
||||
<Box
|
||||
key={i}
|
||||
onClick={() => router.push(RouterDonasi.detail_review)}
|
||||
>
|
||||
<Stack>
|
||||
<Grid>
|
||||
<Grid.Col span={7}>
|
||||
<AspectRatio ratio={16 / 9}>
|
||||
<Paper radius={"md"}>
|
||||
<Image
|
||||
alt="Foto"
|
||||
src={"/aset/no-img.png"}
|
||||
radius={"md"}
|
||||
/>
|
||||
</Paper>
|
||||
</AspectRatio>
|
||||
</Grid.Col>
|
||||
<Grid.Col span={5}>
|
||||
<Stack spacing={"xs"}>
|
||||
<Text fz={"sm"} fw={"bold"} lineClamp={2}>
|
||||
Judul Donasi Bisa Dilihat Disini Untuk Contoh
|
||||
{listReview.map((e, i) => (
|
||||
<Box key={i} onClick={() => router.push(RouterDonasi.detail_review + `${e.id}`)}>
|
||||
<Stack>
|
||||
<Grid>
|
||||
<Grid.Col span={7}>
|
||||
<AspectRatio ratio={16 / 9}>
|
||||
<Paper radius={"md"} bg={"gray.1"}>
|
||||
<Image
|
||||
alt="Foto"
|
||||
src={RouterDonasi.api_gambar + `${e.imagesId}`}
|
||||
radius={"md"}
|
||||
/>
|
||||
</Paper>
|
||||
</AspectRatio>
|
||||
</Grid.Col>
|
||||
<Grid.Col span={5}>
|
||||
<Stack spacing={"xs"}>
|
||||
<Text fz={"sm"} fw={"bold"} lineClamp={2}>
|
||||
{e.title}
|
||||
</Text>
|
||||
<Stack spacing={0}>
|
||||
<Text fz={"sm"}>Terget Dana</Text>
|
||||
<Text fz={"sm"} fw={"bold"} c={"orange"} truncate>
|
||||
Rp.{" "}
|
||||
{new Intl.NumberFormat("id-ID", {
|
||||
maximumFractionDigits: 10,
|
||||
}).format(+e.target)}
|
||||
</Text>
|
||||
<Stack spacing={0}>
|
||||
<Text fz={"sm"}>Terget Dana</Text>
|
||||
<Text fz={"sm"} fw={"bold"} c={"orange"} truncate>
|
||||
Rp. 100.000.000
|
||||
</Text>
|
||||
</Stack>
|
||||
</Stack>
|
||||
</Grid.Col>
|
||||
</Grid>
|
||||
{width > 575 ? "" : <Divider />}
|
||||
</Stack>
|
||||
</Box>
|
||||
))}
|
||||
</Stack>
|
||||
</Grid.Col>
|
||||
</Grid>
|
||||
{width > 575 ? "" : <Divider />}
|
||||
</Stack>
|
||||
</Box>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
</>
|
||||
);
|
||||
|
||||
@@ -1,3 +1,6 @@
|
||||
import { MODEL_AUTHOR } from "@/app_modules/home/models/interface";
|
||||
import { MODEL_IMAGES } from "@/app_modules/models/interface";
|
||||
|
||||
export interface MODEL_DONASI {
|
||||
id: string;
|
||||
title: string;
|
||||
@@ -6,23 +9,32 @@ export interface MODEL_DONASI {
|
||||
createdAt: Date;
|
||||
updatedAt: Date;
|
||||
imagesId: string;
|
||||
authorId: string,
|
||||
publishTime: Date;
|
||||
catatan: string,
|
||||
authorId: string;
|
||||
donasiMaster_KategoriId: string;
|
||||
donasiMaster_DurasiId: string;
|
||||
CeritaDonasi : MODEL_CERITA_DONASI
|
||||
donasiMaster_StatusDonasiId: string;
|
||||
CeritaDonasi: MODEL_CERITA_DONASI;
|
||||
Author: MODEL_AUTHOR;
|
||||
imageDonasi: MODEL_IMAGES;
|
||||
DonasiMaster_Ketegori: MODEL_DONASI_ALL_MASTER;
|
||||
DonasiMaster_Durasi: MODEL_DONASI_ALL_MASTER;
|
||||
DonasiMaster_Status: MODEL_DONASI_ALL_MASTER;
|
||||
}
|
||||
|
||||
export interface MODEL_CERITA_DONASI {
|
||||
id: string;
|
||||
pembukaan: string,
|
||||
cerita: string,
|
||||
pembukaan: string;
|
||||
cerita: string;
|
||||
active: boolean;
|
||||
createdAt: Date;
|
||||
updatedAt: Date;
|
||||
imagesId: string
|
||||
imagesId: string;
|
||||
imageCeritaDonasi: MODEL_IMAGES
|
||||
donasiId: string
|
||||
}
|
||||
|
||||
|
||||
export interface MODEL_DONASI_ALL_MASTER {
|
||||
id: string;
|
||||
name: string;
|
||||
@@ -42,5 +54,3 @@ export interface MODEL_DONASI_TEMPORARY {
|
||||
donasiMaster_KategoriId: string;
|
||||
donasiMaster_DurasiId: string;
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user