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

Fix voting, intergarsi ke API

Browse Source
This commit is contained in:
Bagasbanuna02
2024-12-30 08:19:43 +08:00
parent bbef4050e0
commit 1c162c199a
14 changed files with 773 additions and 372 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/app/api/voting/[id]/route.ts Normal file
View File

@@ -0,0 +1,47 @@
import { prisma } from "@/app/lib";
import backendLogger from "@/util/backendLogger";
import { NextResponse } from "next/server";
export const dynamic = "force-dynamic";
export async function GET(
request: Request,
context: { params: { id: string } }
) {
try {
let fixData;
const { id } = context.params;
fixData = await prisma.voting.findFirst({
where: {
id: id,
},
include: {
Voting_DaftarNamaVote: {
orderBy: {
createdAt: "asc",
},
where: {
isActive: true,
},
},
Author: {
select: {
Profile: true,
},
},
},
});
return NextResponse.json(
{ success: true, message: "Berhasil mendapatkan data", data: fixData },
{ status: 200 }
);
} catch (error) {
backendLogger.error("Gagal mendapatkan data voting by id", error);
return NextResponse.json(
{ success: false, message: "Gagal mendapatkan data" },
{ status: 500 }
);
}
}

76
src/app/api/voting/check/route.ts Normal file
View File

@@ -0,0 +1,76 @@
import { prisma } from "@/app/lib";
import { funGetUserIdByToken } from "@/app_modules/_global/fun/get";
import backendLogger from "@/util/backendLogger";
import _ from "lodash";
import { NextResponse } from "next/server";
export const dynamic = "force-dynamic";
/**
*
* @param id | votingId
* @param kategori | kontribusi
* @returns
*/
export async function GET(request: Request) {
try {
let fixData;
const { searchParams } = new URL(request.url);
const id = searchParams.get("id");
const kategori = searchParams.get("kategori");
const userLoginId = await funGetUserIdByToken();
if (!userLoginId) {
return NextResponse.json(
{ success: false, message: "Gagal mendapatkan data, coba lagi nanti " },
{ status: 500 }
);
}
if (kategori == "isKontributor") {
const cek = await prisma.voting_Kontributor.count({
where: {
authorId: userLoginId,
votingId: id,
},
});
if (cek > 0) {
fixData = true;
} else {
fixData = false;
}
} else if (kategori == "pilihan") {
const cekPilihan = await prisma.voting_Kontributor.findFirst({
where: {
authorId: userLoginId,
votingId: id,
},
select: {
Voting_DaftarNamaVote: {
select: {
value: true,
},
},
},
});
fixData = cekPilihan?.Voting_DaftarNamaVote?.value
}
return NextResponse.json(
{ success: true, message: "Berhasil mendapatkan data", data: fixData },
{ status: 200 }
);
} catch (error) {
backendLogger.error("Error get hitung voting", error);
return NextResponse.json(
{
success: false,
message: "Gagal mendapatkan data",
reason: (error as Error).message,
},
{ status: 500 }
);
}
}

30
src/app/api/voting/hasil/route.ts Normal file
View File

@@ -0,0 +1,30 @@
import { prisma } from "@/app/lib";
import backendLogger from "@/util/backendLogger";
import { NextResponse } from "next/server";
export const dynamic = "force-dynamic";
export async function GET(request: Request) {
try {
let fixData;
const { searchParams } = new URL(request.url);
const id = searchParams.get("id");
fixData = await prisma.voting_DaftarNamaVote.findMany({
where: {
votingId: id,
},
});
return NextResponse.json(
{ success: true, message: "Berhasil mendapatkan data", data: fixData },
{ status: 200 }
);
} catch (error) {
backendLogger.error(error);
return NextResponse.json(
{ success: false, message: "Gagal mendapatkan data" },
{ status: 500 }
);
}
}

46
src/app/api/voting/kontributor/route.ts Normal file
View File

@@ -0,0 +1,46 @@
import { prisma } from "@/app/lib";
import backendLogger from "@/util/backendLogger";
import { NextResponse } from "next/server";
export const dynamic = "force-dynamic";
export async function GET(request: Request) {
try {
let fixData;
const { searchParams } = new URL(request.url);
const id = searchParams.get("id");
const page = searchParams.get("page");
const takeData = 10;
const dataSkip = Number(page) * takeData - takeData;
fixData = await prisma.voting_Kontributor.findMany({
// take: takeData,
// skip: dataSkip,
orderBy: {
createdAt: "desc",
},
where: {
votingId: id,
},
include: {
Author: {
include: {
Profile: true,
},
},
Voting_DaftarNamaVote: {
select: {
value: true,
},
},
},
});
return NextResponse.json({ success: true, data: fixData }, { status: 200 });
} catch (error) {
backendLogger.error(error);
return NextResponse.json(
{ success: false, reason: (error as Error).message || (error as Error) },
{ status: 500 }
);
}
}

8
src/app/dev/vote/detail/daftar-kontributor/[id]/page.tsx
View File

@@ -1,13 +1,9 @@
import { Voting_UiDetailKontributorVoting } from "@/app_modules/vote/_ui";
import { Vote_getListKontributorById } from "@/app_modules/vote/fun/get/get_list_kontributor_by_id";
export default async function Page({ params }: { params: { id: string } }) {
const votingId = params.id;
const listKontributor = await Vote_getListKontributorById(votingId);
export default async function Page() {
return (
<>
<Voting_UiDetailKontributorVoting listKontributor={listKontributor} />
<Voting_UiDetailKontributorVoting />
</>
);
}

17
src/app/dev/vote/detail/main/[id]/page.tsx
View File

@@ -1,29 +1,12 @@
import { funGetUserIdByToken } from "@/app_modules/_global/fun/get";
import { Vote_MainDetail } from "@/app_modules/vote";
import { Vote_cekKontributorById } from "@/app_modules/vote/fun/get/cek_kontributor_by_id";
import { voting_funGetOneVotingbyId } from "@/app_modules/vote/fun/get/fun_get_one_by_id";
import { Vote_getHasilVoteById } from "@/app_modules/vote/fun/get/get_list_hasil_by_id";
import { Vote_getListKontributorById } from "@/app_modules/vote/fun/get/get_list_kontributor_by_id";
import { Vote_getOnePilihanVotingByUserId } from "@/app_modules/vote/fun/get/get_one_pilihan_voting_by_user_id";
export default async function Page({ params }: { params: { id: string } }) {
const voteId = params.id;
const userLoginId = await funGetUserIdByToken();
const dataVote = await voting_funGetOneVotingbyId(voteId);
const hasilVoting = await Vote_getHasilVoteById(voteId as any);
const isKontributor = await Vote_cekKontributorById(voteId);
const pilihanKontributor = await Vote_getOnePilihanVotingByUserId(voteId);
const listKontributor = await Vote_getListKontributorById(voteId);
return (
<>
<Vote_MainDetail
dataVote={dataVote as any}
hasilVoting={hasilVoting}
isKontributor={isKontributor}
pilihanKontributor={pilihanKontributor as any}
listKontributor={listKontributor as any}
userLoginId={userLoginId as string}
/>
</>

115
src/app/zCoba/page.tsx
View File

@@ -14,93 +14,46 @@ import { useState } from "react";
import { DIRECTORY_ID } from "../lib";
export default function Page() {
const [filePP, setFilePP] = useState<File | null>(null);
const [imgPP, setImgPP] = useState<any | null>();
async function onSave() {
const body = {
file: filePP,
dirId: DIRECTORY_ID.profile_foto,
};
const token =
"QWERTYUIOPLKJHGFDSAZXCVBNMQAZWSXEDCRFVTGBYHNUJMIKOLPPOIUYTREWQLKJHGFDSAMNBVCXZlghvftyguhijknhbgvcfytguu8okjnhbgvfty7u8oilkjnhgvtygu7u8ojilnkhbgvhujnkhghvjhukjnhb";
const formData = new FormData();
formData.append("file", filePP as any);
const res = await fetch("/api/image/upload", {
method: "POST",
body: formData,
});
console.log(await res.json());
}
const [data, setData] = useState({
name: "bagas",
hobi: [
{
id: "1",
name: "mancing",
},
{
id: "2",
name: "game",
},
],
});
return (
<>
<Stack>
<Center>
{imgPP ? (
<Paper shadow="lg" radius={"100%"}>
<Avatar
color={"cyan"}
sx={{
borderStyle: "solid",
borderColor: "gray",
borderWidth: "0.5px",
}}
src={imgPP ? imgPP : "/aset/global/avatar.png"}
size={150}
radius={"100%"}
/>
</Paper>
) : (
<Paper shadow="lg" radius={"100%"}>
<Avatar
variant="light"
color="blue"
size={150}
radius={"100%"}
sx={{
borderStyle: "solid",
borderColor: MainColor.darkblue,
borderWidth: "0.5px",
}}
/>
</Paper>
)}
</Center>
<Stack align="center" justify="center" h={"100vh"}>
<pre>{JSON.stringify(data, null, 2)}</pre>
<FileButton
onChange={async (files: any | null) => {
try {
const buffer = URL.createObjectURL(
new Blob([new Uint8Array(await files.arrayBuffer())])
);
setImgPP(buffer);
setFilePP(files);
} catch (error) {
console.log(error);
}
<Button
onClick={() => {
const newData = [
{
id: "1",
name: "sepedah",
},
{
id: "2",
name: "berenang",
},
];
setData({
...data,
hobi: newData,
});
}}
accept="image/png,image/jpeg"
>
{(props) => (
<Button
{...props}
radius={"xl"}
leftIcon={<IconCamera />}
bg={MainColor.yellow}
color="yellow"
c={"black"}
>
Upload
</Button>
)}
</FileButton>
<Button onClick={() => onSave()}>Upload</Button>
Ganti
</Button>
</Stack>
</>
);

62
src/app/zCoba/skeleton/page.tsx
View File

@@ -11,40 +11,44 @@ export default function Voting_ComponentSkeletonViewPuh() {
return (
<>
<UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Detail Publish" />}
header={<UIGlobal_LayoutHeaderTamplate title="Skeleton Maker" />}
>
<ComponentGlobal_CardStyles marginBottom={"0"}>
<Stack spacing={"lg"}>
<Grid align="center">
<Grid.Col span={"content"}>
<Skeleton circle height={40} />
</Grid.Col>
<Grid.Col span={4}>
<Skeleton height={20} w={150} />
</Grid.Col>
</Grid>
<Stack align="center">
<Skeleton height={20} w={150} />
<Skeleton height={20} w={300} />
<Stack>
<ComponentGlobal_CardStyles marginBottom={"0"}>
<Stack spacing={"xl"}>
<Grid align="center" gutter={"md"}>
<Grid.Col span={"content"}>
<Skeleton circle height={40} />
</Grid.Col>
<Grid.Col span={3}>
<Skeleton height={20} w={150} />
</Grid.Col>
<Grid.Col span={3} offset={3}>
<Skeleton height={20} w={150} />
</Grid.Col>
</Grid>
</Stack>
</ComponentGlobal_CardStyles>
<Group position="center" spacing={100}>
<Stack align="center">
<Skeleton circle height={70} />
<Skeleton height={20} w={50} />
</Stack>
<Stack align="center">
<Skeleton circle height={70} />
<Skeleton height={20} w={50} />
</Stack>
</Group>
{/* <ComponentGlobal_CardStyles>
<Stack>
<Center>
<Skeleton h={20} w={"30%"} />
</Center>
<Stack align="center">
<Skeleton height={15} w={50} /> <Skeleton height={20} w={50} />
<Group position="center" spacing={50}>
<Stack align="center">
<Skeleton circle height={70} />
<Skeleton height={20} w={50} />
</Stack>
<Stack align="center">
<Skeleton circle height={70} />
<Skeleton height={20} w={50} />
</Stack>
</Group>
</Stack>
</Stack>
</ComponentGlobal_CardStyles>
</ComponentGlobal_CardStyles> */}
</Stack>
</UIGlobal_LayoutTamplate>
</>
);

34
src/app_modules/vote/_lib/api_voting.ts
View File

@@ -40,3 +40,37 @@ export const apiGetAllVoting = async ({
);
return await respone.json().catch(() => null);
};
export const apiGetOneVotingById = async ({ id }: { id: string }) => {
const respone = await fetch(`/api/voting/${id}`);
return await respone.json().catch(() => null);
};
export const apiCheckKontributorToOneVoting = async ({
id,
kategori,
}: {
id: string;
kategori: "isKontributor" | "pilihan";
}) => {
const respone = await fetch(
`/api/voting/check?id=${id}&kategori=${kategori}`
);
return await respone.json().catch(() => null);
};
export const apiGetHasilVotingById = async ({ id }: { id: string }) => {
const respone = await fetch(`/api/voting/hasil?id=${id}`);
return await respone.json().catch(() => null);
};
export const apiGetKontributorById = async ({
id,
page,
}: {
id: string;
page: string;
}) => {
const respone = await fetch(`/api/voting/kontributor?id=${id}&page=${page}`);
return await respone.json().catch(() => null);
};

8
src/app_modules/vote/_ui/detail/ui_detail_kontributor_voting.tsx
View File

@@ -6,17 +6,13 @@ import {
} from "@/app_modules/_global/ui";
import { Voting_ViewDetailKontributorVoting } from "../../_view";
export function Voting_UiDetailKontributorVoting({
listKontributor,
}: {
listKontributor: any[];
}) {
export function Voting_UiDetailKontributorVoting() {
return (
<>
<UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Daftar Kontributor" />}
>
<Voting_ViewDetailKontributorVoting listKontributor={listKontributor} />
<Voting_ViewDetailKontributorVoting />
</UIGlobal_LayoutTamplate>
</>
);

115
src/app_modules/vote/_view/view_detail_kontributor_voting.tsx
View File

@@ -3,23 +3,107 @@ import {
ComponentGlobal_CardStyles,
} from "@/app_modules/_global/component";
import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
import { Badge, Group, Stack, Text } from "@mantine/core";
import {
Badge,
Center,
Group,
Stack,
Text,
Loader,
Paper,
Box,
} from "@mantine/core";
import _ from "lodash";
import { MODEL_VOTE_KONTRIBUTOR } from "../model/interface";
import { useShallowEffect } from "@mantine/hooks";
import { apiGetKontributorById } from "../_lib/api_voting";
import { useParams } from "next/navigation";
import { useState } from "react";
import { clientLogger } from "@/util/clientLogger";
import { Voting_ComponentSkeletonDaftarKontributor } from "../component/skeleton_view";
import { ScrollOnly } from "next-scroll-loader";
export function Voting_ViewDetailKontributorVoting() {
const params = useParams<{ id: string }>();
const [data, setData] = useState<MODEL_VOTE_KONTRIBUTOR[] | null>(null);
const [activePage, setActivePage] = useState(1);
useShallowEffect(() => {
onLoadData();
}, []);
async function onLoadData() {
try {
const respone = await apiGetKontributorById({
id: params.id,
page: `${activePage}`,
});
if (respone) {
setData(respone.data);
}
} catch (error) {
clientLogger.error("Error get data kontributor", error);
}
}
if (_.isNull(data)) {
return <Voting_ComponentSkeletonDaftarKontributor />;
}
export function Voting_ViewDetailKontributorVoting({
listKontributor,
}: {
listKontributor: MODEL_VOTE_KONTRIBUTOR[];
}) {
return (
<>
<ComponentGlobal_CardStyles>
{_.isEmpty(listKontributor) ? (
<ComponentGlobal_IsEmptyData text="Tidak ada kontributor" />
) : (
<Stack spacing={"lg"}>
{listKontributor?.map((e, i) => (
{_.isEmpty(data) ? (
<ComponentGlobal_IsEmptyData text="Tidak ada kontributor" />
) : (
<Box>
<ScrollOnly
height="75vh"
renderLoading={() => (
<Center mt={"lg"}>
<Loader color={"yellow"} />
</Center>
)}
data={data}
setData={setData as any}
moreData={async () => {
const respone = await apiGetKontributorById({
id: params.id,
page: `${activePage + 1}`,
});
setActivePage((val) => val + 1);
return respone.data;
}}
>
{(item) => (
<ComponentGlobal_CardStyles>
<ComponentGlobal_AvatarAndUsername
key={item}
profile={item.Author.Profile as any}
component={
<Group position="right">
<Badge w={130}>
<Text
lineClamp={1}
fz={
item.Voting_DaftarNamaVote.value.length > 10
? 8
: 10
}
>
{item.Voting_DaftarNamaVote.value}
</Text>
</Badge>
</Group>
}
/>
</ComponentGlobal_CardStyles>
)}
</ScrollOnly>
{/* {data?.map((e, i) => (
<ComponentGlobal_AvatarAndUsername
key={e.id}
profile={e.Author.Profile as any}
@@ -36,10 +120,9 @@ export function Voting_ViewDetailKontributorVoting({
</Group>
}
/>
))}
</Stack>
)}
</ComponentGlobal_CardStyles>
))} */}
</Box>
)}
</>
);
}

98
src/app_modules/vote/component/skeleton_view.tsx
View File

@@ -1,7 +1,15 @@
import { ComponentGlobal_CardStyles } from "@/app_modules/_global/component";
import { Grid, Group, Skeleton, Stack } from "@mantine/core";
import { Center, Grid, Group, Skeleton, Stack } from "@mantine/core";
export function Voting_ComponentSkeletonViewPublish() {
export {
Voting_ComponentSkeletonDetail,
Voting_ComponentSkeletonViewKontribusi,
Voting_ComponentSkeletonViewPublish,
Voting_ComponentSkeletonViewStatus,
Voting_ComponentSkeletonDaftarKontributor,
};
function Voting_ComponentSkeletonViewPublish() {
return (
<>
{Array.from({ length: 2 }).map((e, i) => (
@@ -39,7 +47,7 @@ export function Voting_ComponentSkeletonViewPublish() {
);
}
export function Voting_ComponentSkeletonViewStatus() {
function Voting_ComponentSkeletonViewStatus() {
return (
<>
{Array.from({ length: 2 }).map((e, i) => (
@@ -54,7 +62,7 @@ export function Voting_ComponentSkeletonViewStatus() {
);
}
export function Voting_ComponentSkeletonViewKontribusi() {
function Voting_ComponentSkeletonViewKontribusi() {
return (
<>
{Array.from({ length: 2 }).map((e, i) => (
@@ -93,5 +101,85 @@ export function Voting_ComponentSkeletonViewKontribusi() {
))}
</>
);
}
function Voting_ComponentSkeletonDetail() {
return (
<>
<Stack>
<ComponentGlobal_CardStyles marginBottom={"0"}>
<Stack spacing={"xl"}>
<Grid align="center">
<Grid.Col span={"content"}>
<Skeleton circle height={40} />
</Grid.Col>
<Grid.Col span={4}>
<Skeleton height={20} w={150} />
</Grid.Col>
</Grid>
<Stack align="center">
<Skeleton height={20} w={150} />
<Skeleton height={20} w={"100%"} />
<Skeleton height={20} w={"100%"} />
<Skeleton height={20} w={"100%"} />
<Skeleton height={20} w={50} />
<Skeleton height={20} w={200} />
</Stack>
{/* <Stack>
<Skeleton height={20} w={70} />
<Skeleton height={20} w={150} />
<Skeleton height={20} w={150} />
</Stack> */}
<Stack align="center">
<Skeleton height={20} w={70} />
</Stack>
</Stack>
</ComponentGlobal_CardStyles>
<ComponentGlobal_CardStyles>
<Stack>
<Center>
<Skeleton h={20} w={"30%"} />
</Center>
<Group position="center" spacing={50}>
<Stack align="center">
<Skeleton circle height={70} />
<Skeleton height={20} w={50} />
</Stack>
<Stack align="center">
<Skeleton circle height={70} />
<Skeleton height={20} w={50} />
</Stack>
</Group>
</Stack>
</ComponentGlobal_CardStyles>
</Stack>
</>
);
}
function Voting_ComponentSkeletonDaftarKontributor(){
return (
<>
<ComponentGlobal_CardStyles marginBottom={"0"}>
<Stack spacing={"xl"}>
<Grid align="center" gutter={"md"}>
<Grid.Col span={"content"}>
<Skeleton circle height={40} />
</Grid.Col>
<Grid.Col span={3}>
<Skeleton height={20} w={150} />
</Grid.Col>
<Grid.Col span={3} offset={3}>
<Skeleton height={20} w={150} />
</Grid.Col>
</Grid>
</Stack>
</ComponentGlobal_CardStyles>
</>
);
}

478
src/app_modules/vote/detail/main/index.tsx
View File

@@ -1,5 +1,6 @@
"use client";
import { IRealtimeData } from "@/app/lib/global_state";
import {
AccentColor,
MainColor,
@@ -9,263 +10,324 @@ import {
ComponentGlobal_CardStyles,
} from "@/app_modules/_global/component";
import ComponentGlobal_BoxInformation from "@/app_modules/_global/component/box_information";
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global";
import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
import notifikasiToUser_funCreate from "@/app_modules/notifikasi/fun/create/create_notif_to_user";
import mqtt_client from "@/util/mqtt_client";
import { clientLogger } from "@/util/clientLogger";
import {
Badge,
Box,
Button,
Center,
Group,
Radio,
Stack,
Text,
Title,
} from "@mantine/core";
import { useShallowEffect } from "@mantine/hooks";
import _ from "lodash";
import moment from "moment";
import "moment/locale/id";
import { useParams } from "next/navigation";
import { useState } from "react";
import ComponentVote_HasilVoting from "../../component/detail/detail_hasil_voting";
import { Vote_funCreateHasil } from "../../fun/create/create_hasil";
import { voting_funGetOneVotingbyId } from "../../fun/get/fun_get_one_by_id";
import { MODEL_VOTING } from "../../model/interface";
import { IRealtimeData } from "@/app/lib/global_state";
import { WibuRealtime } from "wibu-pkg";
import {
apiCheckKontributorToOneVoting,
apiGetHasilVotingById,
apiGetOneVotingById,
} from "../../_lib/api_voting";
import ComponentVote_HasilVoting from "../../component/detail/detail_hasil_voting";
import { Voting_ComponentSkeletonDetail } from "../../component/skeleton_view";
import { Vote_funCreateHasil } from "../../fun/create/create_hasil";
import { MODEL_VOTING } from "../../model/interface";
export default function Vote_MainDetail({
dataVote,
hasilVoting,
isKontributor,
pilihanKontributor,
listKontributor,
userLoginId,
}: {
dataVote: MODEL_VOTING;
hasilVoting: any;
isKontributor: boolean;
pilihanKontributor: string;
listKontributor: any[];
userLoginId: string;
}) {
const [data, setData] = useState(dataVote);
const params = useParams<{ id: string }>();
const today = new Date();
const [data, setData] = useState<MODEL_VOTING | null>(null);
const [hasil, setHasil] = useState<any[] | null>(null);
const [pilihanVotingId, setPilihanVotingId] = useState("");
const [pilihanKontributor, setPilihanKontributor] = useState<string | null>(
null
);
const [isKontributor, setIsKontributor] = useState<boolean | null>(null);
useShallowEffect(() => {
onLoadData();
onLoadHasil();
}, []);
async function onLoadData() {
try {
const respone = await apiGetOneVotingById({
id: params.id,
});
if (respone) {
setData(respone.data);
}
} catch (error) {
clientLogger.error("Error get data detail", error);
}
}
async function onLoadHasil() {
try {
const respone = await apiGetHasilVotingById({
id: params.id,
});
if (respone) {
setHasil(respone.data);
}
} catch (error) {
clientLogger.error("Error get data hasil voting", error);
}
}
useShallowEffect(() => {
onCheckKontribusi();
onLoadPilihan();
}, []);
async function onCheckKontribusi() {
try {
const respone = await apiCheckKontributorToOneVoting({
id: params.id,
kategori: "isKontributor",
});
if (respone) {
setIsKontributor(respone.data);
}
} catch (error) {
clientLogger.error("Error check kontibusi", error);
}
}
async function onLoadPilihan() {
try {
const respone = await apiCheckKontributorToOneVoting({
id: params.id,
kategori: "pilihan",
});
if (respone) {
setPilihanKontributor(respone.data);
}
} catch (error) {
clientLogger.error("Error check pilihan", error);
}
}
async function onVote() {
try {
const res = await Vote_funCreateHasil({
pilihanVotingId: pilihanVotingId,
votingId: params.id,
});
if (res.status === 201) {
const respone = await apiGetHasilVotingById({
id: params.id,
});
if (respone) {
setHasil(respone.data);
ComponentGlobal_NotifikasiBerhasil(res.message);
const checkKontibutor = await apiCheckKontributorToOneVoting({
id: params.id,
kategori: "isKontributor",
});
if (checkKontibutor) {
setIsKontributor(checkKontibutor.data);
}
const checkPilihan = await apiCheckKontributorToOneVoting({
id: params.id,
kategori: "pilihan",
});
if (checkPilihan) {
setPilihanKontributor(checkPilihan.data);
}
}
if (userLoginId !== res?.data?.Voting?.authorId) {
const dataNotifikasi: IRealtimeData = {
appId: res?.data?.Voting?.id as string,
userId: res?.data?.Voting?.authorId as string,
pesan: res?.pilihan as string,
status: "Voting Masuk",
kategoriApp: "VOTING",
title: "User lain telah melakukan voting !",
};
const createNotifikasi = await notifikasiToUser_funCreate({
data: dataNotifikasi as any,
});
if (createNotifikasi.status === 201) {
WibuRealtime.setData({
type: "notification",
pushNotificationTo: "USER",
dataMessage: dataNotifikasi,
});
}
}
} else {
ComponentGlobal_NotifikasiPeringatan(res.message);
}
} catch (error) {
clientLogger.error("Error vote", error);
ComponentGlobal_NotifikasiGagal("Gagal melakukan voting");
}
}
if (_.isNull(data) || _.isNull(hasil) || _.isNull(isKontributor)) {
return <Voting_ComponentSkeletonDetail />;
}
return (
<>
<Stack pb={"md"}>
{moment(dataVote?.awalVote).diff(today, "hours") < 0 ? (
{moment(data?.awalVote).diff(today, "hours") < 0 ? (
""
) : (
<ComponentGlobal_BoxInformation informasi="Untuk sementara voting ini belum di buka. Voting akan dimulai sesuai dengan tanggal awal pemilihan, dan akan ditutup sesuai dengan tanggal akhir pemilihan." />
)}
<TampilanDataVoting
dataVote={data}
setData={setData}
isKontributor={isKontributor}
pilihanKontributor={pilihanKontributor}
userLoginId={userLoginId}
/>
<ComponentVote_HasilVoting data={data.Voting_DaftarNamaVote} />
</Stack>
</>
);
}
function TampilanDataVoting({
dataVote,
setData,
isKontributor,
pilihanKontributor,
userLoginId,
}: {
dataVote?: MODEL_VOTING;
setData: any;
isKontributor: boolean;
pilihanKontributor: any;
userLoginId: string;
}) {
const [votingNameId, setVotingNameId] = useState("");
const today = new Date();
<ComponentGlobal_CardStyles>
<Stack>
<ComponentGlobal_AvatarAndUsername
profile={data?.Author?.Profile as any}
/>
return (
<>
<ComponentGlobal_CardStyles>
<Stack>
<ComponentGlobal_AvatarAndUsername
profile={dataVote?.Author?.Profile as any}
/>
{/* <ComponentGlobal_AuthorNameOnHeader
authorName={dataVote?.Author.Profile.name}
imagesId={dataVote?.Author.Profile.imagesId}
profileId={dataVote?.Author.Profile.id}
/> */}
<Stack spacing={"lg"}>
<Center>
<Title order={5} align="center">
{dataVote?.title}
</Title>
</Center>
<Text>{dataVote?.deskripsi}</Text>
<Stack spacing={"lg"}>
<Center>
<Title order={5} align="center">
{data?.title}
</Title>
</Center>
<Text>{data?.deskripsi}</Text>
<Stack spacing={0}>
<Stack align="center" spacing={"xs"}>
<Text fz={10} fw={"bold"}>
Batas Voting
</Text>
<Stack spacing={0}>
<Stack align="center" spacing={"xs"}>
<Text fz={10} fw={"bold"}>
Batas Voting
</Text>
<Badge
styles={{
root: {
backgroundColor: AccentColor.blue,
border: `1px solid ${AccentColor.skyblue}`,
color: "white",
width: "80%",
},
}}
>
<Group>
<Badge
styles={{
root: {
backgroundColor: AccentColor.blue,
border: `1px solid ${AccentColor.skyblue}`,
color: "white",
width: "80%",
},
}}
>
<Text>
{dataVote?.awalVote.toLocaleDateString(["id-ID"], {
dateStyle: "medium",
})}
{data
? moment(data.awalVote).format("ll")
: "tgl awal voting"}{" "}
-{" "}
{data
? moment(data.akhirVote).format("ll")
: "tgl akhir voting"}
</Text>
<Text>-</Text>
<Text>
{dataVote?.akhirVote.toLocaleDateString(["id-ID"], {
dateStyle: "medium",
})}
</Text>
</Group>
</Badge>
</Badge>
</Stack>
</Stack>
</Stack>
</Stack>
{isKontributor ? (
<Stack
align="center"
spacing={0}
style={{
color: "white",
}}
>
<Text mb={"sm"} fw={"bold"} fz={"xs"}>
Pilihan anda:
</Text>
<Badge size="lg">
{pilihanKontributor.Voting_DaftarNamaVote.value}
</Badge>
</Stack>
) : (
<Stack
spacing={"xl"}
style={{
color: "white",
}}
>
<Radio.Group
styles={{
label: {
color: "white",
},
{isKontributor ? (
<Stack
align="center"
spacing={0}
style={{
color: "white",
}}
value={votingNameId}
onChange={(val) => {
setVotingNameId(val);
}}
label={
<Text mb={"sm"} fw={"bold"} fz={"xs"}>
Pilihan :
</Text>
}
>
<Stack px={"md"}>
{dataVote?.Voting_DaftarNamaVote.map((v) => (
<Box key={v.id}>
<Radio
disabled={
moment(dataVote?.awalVote).diff(today, "hours") < 0
? false
: true
}
color="yellow"
styles={{ label: { color: "white" } }}
label={v.value}
value={v.id}
/>
</Box>
))}
</Stack>
</Radio.Group>
<Center>
{_.isEmpty(votingNameId) ? (
<Button radius={"xl"} disabled>
Vote
</Button>
) : (
<Text mb={"sm"} fw={"bold"} fz={"xs"}>
Pilihan anda:
</Text>
<Badge size="lg">{pilihanKontributor}</Badge>
</Stack>
) : (
<Stack
spacing={"xl"}
style={{
color: "white",
}}
>
<Radio.Group
styles={{
label: {
color: "white",
},
}}
value={pilihanVotingId}
onChange={(val) => {
setPilihanVotingId(val);
}}
label={
<Text mb={"sm"} fw={"bold"} fz={"xs"}>
Pilihan :
</Text>
}
>
<Stack px={"md"}>
{_.isEmpty(data?.Voting_DaftarNamaVote) ? (
<Text>Pilihan Tidak Ditemukan</Text>
) : (
data?.Voting_DaftarNamaVote.map((v) => (
<Box key={v.id}>
<Radio
disabled={
moment(data?.awalVote).diff(today, "hours") < 0
? false
: true
}
color="yellow"
styles={{ label: { color: "white" } }}
label={v.value}
value={v.id}
/>
</Box>
))
)}
</Stack>
</Radio.Group>
<Center>
<Button
style={{
transition: "all 0.3s ease-in-out",
}}
disabled={pilihanVotingId == ""}
radius={"xl"}
onClick={() =>
onVote(
votingNameId,
dataVote?.id as any,
setData,
userLoginId
)
}
bg={MainColor.yellow}
color="yellow"
c={"black"}
onClick={() => onVote()}
>
Vote
</Button>
)}
</Center>
</Stack>
)}
</Stack>
</ComponentGlobal_CardStyles>
</Center>
</Stack>
)}
</Stack>
</ComponentGlobal_CardStyles>
<ComponentVote_HasilVoting data={hasil as any} />
</Stack>
</>
);
}
async function onVote(
pilihanVotingId: string,
voteId: string,
setData: any,
userLoginId: string
) {
const res = await Vote_funCreateHasil(pilihanVotingId, voteId);
if (res.status === 201) {
await voting_funGetOneVotingbyId(voteId).then((val) => {
setData(val);
ComponentGlobal_NotifikasiBerhasil(res.message);
});
if (userLoginId !== res?.data?.Voting?.authorId) {
const dataNotifikasi: IRealtimeData = {
appId: res?.data?.Voting?.id as string,
userId: res?.data?.Voting?.authorId as string,
pesan: res?.pilihan as string,
status: "Voting Masuk",
kategoriApp: "VOTING",
title: "User lain telah melakukan voting !",
};
const createNotifikasi = await notifikasiToUser_funCreate({
data: dataNotifikasi as any,
});
if (createNotifikasi.status === 201) {
WibuRealtime.setData({
type: "notification",
pushNotificationTo: "USER",
dataMessage: dataNotifikasi,
});
}
}
} else {
ComponentGlobal_NotifikasiPeringatan(res.message);
}
}
}

11
src/app_modules/vote/fun/create/create_hasil.ts
View File

@@ -4,10 +4,13 @@ import prisma from "@/app/lib/prisma";
import { funGetUserIdByToken } from "@/app_modules/_global/fun/get";
import { revalidatePath } from "next/cache";
export async function Vote_funCreateHasil(
pilihanVotingId: string,
votingId: string
) {
export async function Vote_funCreateHasil({
pilihanVotingId,
votingId,
}: {
pilihanVotingId: string;
votingId: string;
}) {
const userLoginId = await funGetUserIdByToken();
const get = await prisma.voting_DaftarNamaVote.findFirst({