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

Fix Icon Button & Modal Investasi & Event

Browse Source
This commit is contained in:
nico
2025-01-20 17:46:20 +08:00
parent 1f46b6bfec
commit 44fd58dc7f
10 changed files with 219 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/app_modules/admin/_admin_global/_component/comp_admin_modal_publish.tsx Normal file
View File

@@ -0,0 +1,34 @@
import { Group, Modal, Stack } from '@mantine/core';
import React from 'react';
function Admin_ComponentModalPublish({ onClose, opened, title, buttonKiri, buttonKanan, }: {
onClose: () => void;
opened: any;
title: string;
buttonKiri: React.ReactNode;
buttonKanan: React.ReactNode;
}) {
return (
<>
<Modal
style={{ fontWeight: "bold" }}
fw={"bold"}
centered
opened={opened}
onClose={onClose}
title={title}
size={"sm"}
withCloseButton={false}
>
<Stack>
<Group position="center">
{buttonKiri}
{buttonKanan}
</Group>
</Stack>
</Modal>
</>
);
}
export default Admin_ComponentModalPublish;

6
src/app_modules/admin/event/_component/detail_data_sponsor.tsx
View File

@@ -1,6 +1,6 @@
import { RouterAdminEvent } from '@/app/lib/router_admin/router_admin_event';
import { Button, Center, Pagination, Paper, ScrollArea, Stack, Table, Title } from '@mantine/core';
import { IconImageInPicture } from '@tabler/icons-react';
import { IconDeviceDesktop, IconDownload, IconImageInPicture } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
import React from 'react';
@@ -24,7 +24,7 @@ function AdminEvent_DetailDataSponsor() {
</td>
<td>
<Center>
<Button size='xs' style={{ borderColor: "black", color: "black" }} bg={"#e6e6e6"}>Download</Button>
<Button leftIcon={<IconDownload size={20} />} size='xs' style={{ borderColor: "black", color: "black" }} bg={"#e6e6e6"}>Download</Button>
</Center>
</td>
<td>
@@ -41,7 +41,7 @@ function AdminEvent_DetailDataSponsor() {
</td>
<td>
<Center>
<Button onClick={() => router.push(RouterAdminEvent.detail_sponsor)} radius={"xl"} bg={"green"}>Tampilkan</Button>
<Button leftIcon={<IconDeviceDesktop size={20} />} onClick={() => router.push(RouterAdminEvent.detail_sponsor)} radius={"xl"} bg={"green"}>Tampilkan</Button>
</Center>
</td>
</tr>

43
src/app_modules/admin/event/_view/view_table_review.tsx
View File

@@ -58,7 +58,7 @@ export default function AdminEvent_ComponentTableReview({
const [isActivePage, setActivePage] = useState(1);
const [isSearch, setSearch] = useState("");
const [isLoading, setIsLoading] = useState(false);
const [isModal, setModal] = useState(false);
const [opened, { open, close }] = useDisclosure(false);
const [catatan, setCatatan] = useState("");
const [eventId, setEventId] = useState("");
@@ -123,6 +123,7 @@ export default function AdminEvent_ComponentTableReview({
const res = await AdminEvent_funEditStatusPublishById(eventId, "1");
if (res.status === 200) {
setIsLoading(true)
const dataNotifikasi: IRealtimeData = {
appId: res.data?.id as any,
status: res.data?.EventMaster_Status?.name as any,
@@ -159,9 +160,12 @@ export default function AdminEvent_ComponentTableReview({
ComponentAdminGlobal_NotifikasiBerhasil("Berhasil update status");
} else {
setModal(false)
setIsLoading(false)
ComponentAdminGlobal_NotifikasiGagal(res.message);
}
} else {
setModal(false)
ComponentAdminGlobal_NotifikasiPeringatan(
"Review di batalkan oleh user, reload halaman review !"
);
@@ -448,6 +452,43 @@ export default function AdminEvent_ComponentTableReview({
</Group>
</Stack>
</Modal>
<Modal
opened={isModal}
title="Anda Yakin Ingin Mempublish Event Ini?"
onClose={() => setModal(false)}
centered
withCloseButton={false}
size={"md"}
>
<Stack>
<Group position="right">
<Button radius={"xl"} onClick={close}>
Batal
</Button>
<Button
radius={"xl"}
// onClick={() => {
// onPublish(eventId, tanggal);
// }}
>
Simpan
</Button>
</Group>
</Stack>
</Modal>
</>
);
function ModalPublish({
eventId,
tanggal,
}: {
eventId: string;
tanggal: Date;
}) {
return (
<Stack>
</Stack>
)
}
}

2
src/app_modules/admin/event/table_status/detail_sponsor.tsx
View File

@@ -46,7 +46,7 @@ function AdminEvent_DetailSponsor() {
</td>
<td>
<Center>
<Button radius={"xl"} style={{ color: "green" }} bg={"white"}>Terima</Button>
<Button radius={"xl"} style={{ color: "white" }} bg={"green"}>Terima</Button>
</Center>
</td>
</tr>

23
src/app_modules/admin/event/table_status/table_publish.tsx
View File

@@ -17,7 +17,7 @@ import {
TextInput,
Title,
} from "@mantine/core";
import { IconCircleCheck, IconSearch } from "@tabler/icons-react";
import { IconCircleCheck, IconDetails, IconEyeCheck, IconSearch } from "@tabler/icons-react";
import _ from "lodash";
import { useRouter } from "next/navigation";
import { useState } from "react";
@@ -25,6 +25,8 @@ import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamp
import { adminEvent_funGetListPublish } from "../fun";
import QRCode from "react-qr-code";
import { useShallowEffect } from "@mantine/hooks";
import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component";
import { MainColor } from "@/app_modules/_global/color";
export default function AdminEvent_TablePublish({
listPublish,
@@ -202,6 +204,7 @@ function TableStatus({ listPublish }: { listPublish: any }) {
e.id === eventId ? (loading === true ? true : false) : false
}
color={"green"}
leftIcon={<IconEyeCheck size={20}/>}
radius={"xl"}
onClick={async () => {
setEventId(e.id);
@@ -219,7 +222,21 @@ function TableStatus({ listPublish }: { listPublish: any }) {
return (
<>
<Stack spacing={"xs"} h={"100%"}>
<Group
<ComponentAdminGlobal_TitlePage
name="Publish"
color={MainColor.green}
component={
<TextInput
icon={<IconSearch size={20} />}
radius={"xl"}
placeholder="Masukan judul"
onChange={(val) => {
onSearch(val.currentTarget.value);
}}
/>
}
/>
{/* <Group
position="apart"
bg={"green.4"}
p={"xs"}
@@ -234,7 +251,7 @@ function TableStatus({ listPublish }: { listPublish: any }) {
onSearch(val.currentTarget.value);
}}
/>
</Group>
</Group> */}
<Paper p={"md"} withBorder shadow="lg" h={"80vh"}>
<ScrollArea w={"100%"} h={"90%"}>

20
src/app_modules/admin/event/table_status/table_reject.tsx
View File

@@ -26,6 +26,8 @@ import { useState } from "react";
import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
import { adminEvent_funGetListReject } from "../fun";
import { AdminEvent_funEditCatatanById } from "../fun/edit/fun_edit_status_reject_by_id";
import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component";
import { MainColor } from "@/app_modules/_global/color";
export default function AdminEvent_TableReject({
listReject,
@@ -177,7 +179,21 @@ function TableStatus({ listReject }: { listReject: any }) {
return (
<>
<Stack spacing={"xs"} h={"100%"}>
<Group
<ComponentAdminGlobal_TitlePage
name="Reject"
color={MainColor.red}
component={
<TextInput
icon={<IconSearch size={20} />}
radius={"xl"}
placeholder="Masukan judul"
onChange={(val) => {
onSearch(val.currentTarget.value);
}}
/>
}
/>
{/* <Group
position="apart"
bg={"red.4"}
p={"xs"}
@@ -192,7 +208,7 @@ function TableStatus({ listReject }: { listReject: any }) {
onSearch(val.currentTarget.value);
}}
/>
</Group>
</Group> */}
<Paper p={"md"} withBorder shadow="lg" h={"80vh"}>
<ScrollArea w={"100%"} h={"90%"}>

47
src/app_modules/admin/investasi/detail/detail_review.tsx
View File

@@ -1,6 +1,7 @@
"use client";
import { IRealtimeData } from "@/app/lib/global_state";
import { MainColor } from "@/app_modules/_global/color";
import { MODEL_INVESTASI } from "@/app_modules/investasi/_lib/interface";
import getOneInvestasiById from "@/app_modules/investasi/fun/get_one_investasi_by_id";
import { Button, Group, SimpleGrid, Stack } from "@mantine/core";
@@ -10,6 +11,7 @@ import { useRouter } from "next/navigation";
import { useState } from "react";
import { WibuRealtime } from "wibu-pkg";
import { Admin_ComponentModalReport } from "../../_admin_global/_component";
import Admin_ComponentModalPublish from "../../_admin_global/_component/comp_admin_modal_publish";
import { ComponentAdminGlobal_NotifikasiBerhasil } from "../../_admin_global/admin_notifikasi/notifikasi_berhasil";
import { ComponentAdminGlobal_NotifikasiGagal } from "../../_admin_global/admin_notifikasi/notifikasi_gagal";
import { ComponentAdminGlobal_NotifikasiPeringatan } from "../../_admin_global/admin_notifikasi/notifikasi_peringatan";
@@ -30,7 +32,8 @@ export default function AdminInvestasi_DetailReview({
const router = useRouter();
const [data, setData] = useState(dataInvestasi);
const [publish, setPublish] = useState(true);
const [openModal, setOpenModal] = useState(false);
const [openModalPublish, setOpenModalPublish] = useState(false);
const [openModalReject, setOpenModalReject] = useState(false);
const [isLoadingPublish, setIsLoadingPublish] = useState(false);
const [isLoadingReject, setIsLoadingReject] = useState(false);
const [report, setReport] = useState("");
@@ -82,11 +85,11 @@ export default function AdminInvestasi_DetailReview({
ComponentAdminGlobal_NotifikasiBerhasil(res.message);
router.back();
setOpenModal(false);
setOpenModalReject(false);
setIsLoadingReject(false);
} else {
ComponentAdminGlobal_NotifikasiGagal(res.message);
setOpenModal(false);
setOpenModalReject(false);
}
}
@@ -97,6 +100,7 @@ export default function AdminInvestasi_DetailReview({
progesInvestasiId: "1",
});
if (res.status === 200) {
setIsLoadingPublish(true);
const dataNotifikasi: IRealtimeData = {
appId: res.data?.id as string,
userId: res.data?.authorId as any,
@@ -127,11 +131,14 @@ export default function AdminInvestasi_DetailReview({
setData(loadData as any);
ComponentAdminGlobal_NotifikasiBerhasil("Proyek Investasi Di Publish");
setOpenModalPublish(false);
setIsLoadingPublish(false);
router.back();
// router.push(RouterAdminInvestasi_OLD.table_status_review);
}
} else {
ComponentAdminGlobal_NotifikasiGagal(res.message);
setOpenModalPublish(false);
}
}
@@ -148,14 +155,14 @@ export default function AdminInvestasi_DetailReview({
loading={isLoadingPublish}
radius={"xl"}
color="green"
onClick={() => onPublish()}
onClick={() => setOpenModalPublish(true)}
>
Publish
</Button>
<Button
radius={"xl"}
color="red"
onClick={() => setOpenModal(true)}
onClick={() => setOpenModalReject(true)}
>
Reject
</Button>
@@ -193,18 +200,19 @@ export default function AdminInvestasi_DetailReview({
</Stack>
<Admin_ComponentModalReport
opened={openModal}
onClose={() => setOpenModal(false)}
opened={openModalReject}
onClose={() => setOpenModalReject(false)}
title="Alasan Penolakan"
onHandlerChange={(val) => setReport(val.target.value)}
buttonKiri={
<Button radius={"xl"} onClick={() => setOpenModal(false)}>
<Button radius={"xl"} onClick={() => setOpenModalReject(false)}>
Batal
</Button>
}
buttonKanan={
<Button
loaderPosition="center"
bg={MainColor.green}
loading={isLoadingReject}
radius={"xl"}
onClick={() => {
@@ -215,6 +223,29 @@ export default function AdminInvestasi_DetailReview({
</Button>
}
/>
<Admin_ComponentModalPublish
opened={openModalPublish}
onClose={() => setOpenModalPublish(false)}
title="Anda Yakin Ingin Mempublish Investasi Ini ?"
buttonKiri={
<Button radius={"xl"} onClick={() => setOpenModalPublish(false)}>
Batal
</Button>
}
buttonKanan={
<Button
loaderPosition="center"
bg={MainColor.green}
loading={isLoadingPublish}
radius={"xl"}
onClick={() => {
onPublish();
}}
>
Simpan
</Button>
}
/>
</>
);
}

23
src/app_modules/admin/investasi/main/table_publish.tsx
View File

@@ -15,13 +15,15 @@ import {
TextInput,
Title,
} from "@mantine/core";
import { IconSearch } from "@tabler/icons-react";
import { IconDetails, IconEye, IconEyeCheck, IconInfoCircle, IconSearch } from "@tabler/icons-react";
import _ from "lodash";
import { useRouter } from "next/navigation";
import { useState } from "react";
import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data";
import { adminInvestasi_funGetAllPublish } from "../fun/get/get_all_publish";
import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component";
import { MainColor } from "@/app_modules/_global/color";
export default function Admin_TablePublishInvestasi({
dataInvestsi,
@@ -111,6 +113,7 @@ function TableView({ listData }: { listData: any }) {
bg={"green"}
color="green"
radius={"xl"}
leftIcon={<IconEyeCheck size={20} />}
onClick={() => {
setIdData(e.id);
setLoading(true);
@@ -127,7 +130,21 @@ function TableView({ listData }: { listData: any }) {
return (
<>
<Stack spacing={"xs"} h={"100%"}>
<Group
<ComponentAdminGlobal_TitlePage
name="Publish"
color={MainColor.green}
component={
<TextInput
icon={<IconSearch size={20} />}
radius={"xl"}
placeholder="Cari nama proyek"
onChange={(val) => {
onSearch(val.currentTarget.value);
}}
/>
}
/>
{/* <Group
position="apart"
bg={"green.4"}
p={"xs"}
@@ -144,7 +161,7 @@ function TableView({ listData }: { listData: any }) {
onSearch(val.currentTarget.value);
}}
/>
</Group>
</Group> */}
{_.isEmpty(data) ? (
<ComponentAdminGlobal_IsEmptyData />

25
src/app_modules/admin/investasi/main/table_reject.tsx
View File

@@ -19,7 +19,7 @@ import {
TextInput,
Title,
} from "@mantine/core";
import { IconChevronLeft, IconEdit, IconSearch } from "@tabler/icons-react";
import { IconChevronLeft, IconDetails, IconEdit, IconEyeCheck, IconSearch } from "@tabler/icons-react";
import _ from "lodash";
import { useRouter } from "next/navigation";
import { useState } from "react";
@@ -28,6 +28,8 @@ import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data"
import { adminInvestasi_funGetAllReview } from "../fun/get/get_all_review";
import { adminInvestasi_funGetAllReject } from "../fun/get/get_all_reject";
import { RouterAdminInvestasi } from "@/app/lib/router_admin/router_admin_investasi";
import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component";
import { MainColor } from "@/app_modules/_global/color";
export default function Admin_TableRejectInvestasi({
dataInvestsi,
@@ -169,7 +171,8 @@ function TableView({ listData }: { listData: any }) {
<Button
loading={isLoading && idData === e.id}
loaderPosition="center"
color="orange"
color="green"
leftIcon={<IconEyeCheck size={20}/>}
radius={"xl"}
onClick={() => {
setIdData(e.id);
@@ -187,7 +190,21 @@ function TableView({ listData }: { listData: any }) {
return (
<>
<Stack spacing={"xs"} h={"100%"}>
<Group
<ComponentAdminGlobal_TitlePage
name="Reject"
color={MainColor.red}
component={
<TextInput
icon={<IconSearch size={20} />}
radius={"xl"}
placeholder="Cari nama proyek"
onChange={(val) => {
onSearch(val.currentTarget.value);
}}
/>
}
/>
{/* <Group
position="apart"
bg={"red.4"}
p={"xs"}
@@ -204,7 +221,7 @@ function TableView({ listData }: { listData: any }) {
onSearch(val.currentTarget.value);
}}
/>
</Group>
</Group> */}
{_.isEmpty(data) ? (
<ComponentAdminGlobal_IsEmptyData />

26
src/app_modules/admin/investasi/main/table_review.tsx
View File

@@ -1,7 +1,7 @@
"use client";
import { gs_adminInvestasi_triggerReview } from "@/app/lib/global_state";
import { RouterAdminInvestasi_OLD } from "@/app/lib/router_hipmi/router_admin";
import { AccentColor } from "@/app_modules/_global/color";
import { AccentColor, MainColor } from "@/app_modules/_global/color";
import { MODEL_INVESTASI } from "@/app_modules/investasi/_lib/interface";
import {
Affix,
@@ -19,7 +19,7 @@ import {
Title,
} from "@mantine/core";
import { useShallowEffect } from "@mantine/hooks";
import { IconRefresh, IconSearch } from "@tabler/icons-react";
import { IconDetails, IconEyeCheck, IconRefresh, IconSearch } from "@tabler/icons-react";
import { useAtom } from "jotai";
import _ from "lodash";
import { useRouter } from "next/navigation";
@@ -28,6 +28,7 @@ import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamp
import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data";
import ComponentAdminGlobal_TampilanRupiahDonasi from "../../_admin_global/tampilan_rupiah";
import { adminInvestasi_funGetAllReview } from "../fun/get/get_all_review";
import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component";
export default function Admin_TableReviewInvestasi({
dataInvestsi,
@@ -132,7 +133,8 @@ function TableView({ listData }: { listData: any }) {
<Button
loading={isLoading && idData === e.id}
loaderPosition="center"
color="orange"
color="green"
leftIcon={<IconEyeCheck size={20}/>}
radius={"xl"}
onClick={() => {
setIdData(e.id);
@@ -150,7 +152,21 @@ function TableView({ listData }: { listData: any }) {
return (
<>
<Stack spacing={"xs"} h={"100%"}>
<Group
<ComponentAdminGlobal_TitlePage
name="Review"
color={MainColor.orange}
component={
<TextInput
icon={<IconSearch size={20} />}
radius={"xl"}
placeholder="Cari nama proyek"
onChange={(val) => {
onSearch(val.currentTarget.value);
}}
/>
}
/>
{/* <Group
position="apart"
bg={"orange.4"}
p={"xs"}
@@ -167,7 +183,7 @@ function TableView({ listData }: { listData: any }) {
onSearch(val.currentTarget.value);
}}
/>
</Group>
</Group> */}
{_.isEmpty(data) ? (
<ComponentAdminGlobal_IsEmptyData />