## feat
- Voting user
- Halaman kontribusi
- Halaman riwayat
### No issuue
This commit is contained in:
2024-02-16 17:20:06 +08:00
parent 0dd8e287f4
commit e629157960
135 changed files with 3160 additions and 1501 deletions

View File

@@ -29,6 +29,7 @@ model User {
Event Event[]
Event_Peserta Event_Peserta[]
Voting Voting[]
Voting_Kontributor Voting_Kontributor[]
}
model MasterUserRole {
@@ -553,6 +554,7 @@ model Voting {
Voting_Status Voting_Status? @relation(fields: [voting_StatusId], references: [id])
voting_StatusId String? @default("2")
Voting_DaftarNamaVote Voting_DaftarNamaVote[]
Voting_Kontributor Voting_Kontributor[]
}
model Voting_Status {
@@ -567,10 +569,27 @@ model Voting_Status {
model Voting_DaftarNamaVote {
id String @id @default(cuid())
value String
jumlah Int @default(0)
isActive Boolean @default(true)
createdAt DateTime @default(now())
updatedAt DateTime @updatedAt
Voting Voting? @relation(fields: [votingId], references: [id])
votingId String?
Voting Voting? @relation(fields: [votingId], references: [id])
votingId String?
Voting_Kontributor Voting_Kontributor[]
}
model Voting_Kontributor {
id String @id @default(cuid())
isActive Boolean @default(true)
createdAt DateTime @default(now())
updatedAt DateTime @updatedAt
Voting Voting? @relation(fields: [votingId], references: [id])
votingId String?
Author User? @relation(fields: [authorId], references: [id])
authorId String?
Voting_DaftarNamaVote Voting_DaftarNamaVote? @relation(fields: [voting_DaftarNamaVoteId], references: [id])
voting_DaftarNamaVoteId String?
}

View File

@@ -1,9 +1,12 @@
import { AdminVote_Riwayat } from "@/app_modules/admin/voting";
import { AdminVote_Riwayat } from "@/app_modules/admin/vote";
import { AdminVote_getListTableByStatusId } from "@/app_modules/admin/vote/fun/get/get_list_table_by_status_id";
export default async function Page() {
const dataVote = await AdminVote_getListTableByStatusId("0");
return (
<>
<AdminVote_Riwayat />
<AdminVote_Riwayat dataVote={dataVote as any} />
</>
);
}

View File

@@ -1,7 +1,12 @@
import { AdminVote_TablePublish } from "@/app_modules/admin/voting";
import { AdminVote_TablePublish } from "@/app_modules/admin/vote";
import { AdminVote_getListTableByStatusId } from "@/app_modules/admin/vote/fun/get/get_list_table_by_status_id";
export default async function Page() {
return<>
<AdminVote_TablePublish/>
</>
const dataVote = await AdminVote_getListTableByStatusId("1")
return (
<>
<AdminVote_TablePublish dataVote={dataVote} />
</>
);
}

View File

@@ -1,8 +1,11 @@
import { AdminVote_TableReject } from "@/app_modules/admin/voting";
import { AdminVote_TableReject } from "@/app_modules/admin/vote";
import { AdminVote_getListTableByStatusId } from "@/app_modules/admin/vote/fun/get/get_list_table_by_status_id";
export default async function Page() {
return<>
<AdminVote_TableReject/>
const dataVote = await AdminVote_getListTableByStatusId("4");
return (
<>
<AdminVote_TableReject dataVote={dataVote as any}/>
</>
}
);
}

View File

@@ -1,9 +1,13 @@
import { AdminVote_TableReview } from "@/app_modules/admin/voting";
import { AdminVote_TableReview } from "@/app_modules/admin/vote";
import { AdminVote_getListTableByStatusId } from "@/app_modules/admin/vote/fun/get/get_list_table_by_status_id";
export default async function Page() {
const listVote = await AdminVote_getListTableByStatusId("2")
return (
<>
<AdminVote_TableReview />
<AdminVote_TableReview listVote={listVote as any} />
</>
);
}

View File

@@ -1,9 +1,20 @@
import { AdminVote_Main } from "@/app_modules/admin/voting";
import { AdminVote_Main } from "@/app_modules/admin/vote";
import AdminVote_funCountByStatusId from "@/app_modules/admin/vote/fun/count/fun_count_vote_by_status_id";
export default async function Page() {
const countPublish = await AdminVote_funCountByStatusId("1");
const countReview = await AdminVote_funCountByStatusId("2");
const countDraft = await AdminVote_funCountByStatusId("0");
const countReject = await AdminVote_funCountByStatusId("4");
return (
<>
<AdminVote_Main />
<AdminVote_Main
countPublish={countPublish as number}
countReview={countReview as number}
countDraft={countDraft as number}
countReject={countReject as number}
/>
</>
);
}

View File

@@ -1,4 +1,4 @@
import { LayoutVote_Create } from "@/app_modules/voting";
import { LayoutVote_Create } from "@/app_modules/vote";
import React from "react";
export default async function Layout({

View File

@@ -1,4 +1,4 @@
import { Vote_Create } from "@/app_modules/voting";
import { Vote_Create } from "@/app_modules/vote";
export default async function Page() {
return (

View File

@@ -0,0 +1,19 @@
import { LayoutVote_DetailDraft } from "@/app_modules/vote";
import React from "react";
export default function Layout({
children,
params,
}: {
children: React.ReactNode;
params: { id: string };
}) {
let voteId = params.id;
return (
<>
<LayoutVote_DetailDraft voteId={voteId}>
{children}
</LayoutVote_DetailDraft>
</>
);
}

View File

@@ -0,0 +1,13 @@
import { Vote_DetailDraft } from "@/app_modules/vote";
import { Vote_getOnebyId } from "@/app_modules/vote/fun/get/get_one_by_id";
export default async function Page({ params }: { params: { id: string } }) {
const voteId = params.id;
const dataVote = await Vote_getOnebyId(voteId);
return (
<>
<Vote_DetailDraft dataVote={dataVote as any} />
</>
);
}

View File

@@ -1,10 +0,0 @@
import { LayoutVote_DetailDraft } from "@/app_modules/voting";
import React from "react";
export default function Layout({ children }: { children: React.ReactNode }) {
return (
<>
<LayoutVote_DetailDraft>{children}</LayoutVote_DetailDraft>
</>
);
}

View File

@@ -1,9 +0,0 @@
import { Vote_DetailDraft } from "@/app_modules/voting";
export default function Page() {
return (
<>
<Vote_DetailDraft />
</>
);
}

View File

@@ -1,4 +1,4 @@
import { LayoutVote_DetailKontribusi } from "@/app_modules/voting";
import { LayoutVote_DetailKontribusi } from "@/app_modules/vote";
import React from "react";
export default async function Layout({

View File

@@ -0,0 +1,19 @@
import { Vote_DetailKontribusi } from "@/app_modules/vote";
import { Vote_getListKontributorById } from "@/app_modules/vote/fun/get/get_list_kontributor_by_id";
import { Vote_getOnebyId } from "@/app_modules/vote/fun/get/get_one_by_id";
export default async function Page({ params }: { params: { id: string } }) {
let voteId = params.id;
const dataVote = await Vote_getOnebyId(voteId)
const listKontributor = await Vote_getListKontributorById(voteId)
return (
<>
<Vote_DetailKontribusi
dataVote={dataVote as any}
listKontributor={listKontributor as any}
/>
</>
);
}

View File

@@ -1,9 +0,0 @@
import { Vote_DetailKontribusi } from "@/app_modules/voting";
export default async function Page() {
return (
<>
<Vote_DetailKontribusi />
</>
);
}

View File

@@ -1,4 +1,4 @@
import { LayoutVote_MainDetail } from "@/app_modules/voting";
import { LayoutVote_MainDetail } from "@/app_modules/vote";
import React from "react";
export default async function Layout({

View File

@@ -0,0 +1,29 @@
import prisma from "@/app/lib/prisma";
import { Vote_MainDetail } from "@/app_modules/vote";
import { Vote_getHasilVoteById } from "@/app_modules/vote/fun/get/get_list_hasil_by_id";
import { Vote_cekKontributorById } from "@/app_modules/vote/fun/get/cek_kontributor_by_id";
import { Vote_getOnebyId } from "@/app_modules/vote/fun/get/get_one_by_id";
import { Vote_getOnePilihanVotingByUserId } from "@/app_modules/vote/fun/get/get_one_pilihan_voting_by_user_id";
import { Vote_getListKontributorById } from "@/app_modules/vote/fun/get/get_list_kontributor_by_id";
export default async function Page({ params }: { params: { id: string } }) {
const voteId = params.id;
const dataVote = await Vote_getOnebyId(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}
/>
</>
);
}

View File

@@ -1,7 +0,0 @@
import { Vote_MainDetail } from "@/app_modules/voting";
export default async function Page(){
return<>
<Vote_MainDetail/>
</>
}

View File

@@ -1,4 +1,4 @@
import { LayoutVote_DetailPublish } from "@/app_modules/voting";
import { LayoutVote_DetailPublish } from "@/app_modules/vote";
import React from "react";
export default function Layout({ children }: { children: React.ReactNode }) {

View File

@@ -0,0 +1,18 @@
import { Vote_DetailPublish } from "@/app_modules/vote";
import { Vote_getListKontributorById } from "@/app_modules/vote/fun/get/get_list_kontributor_by_id";
import { Vote_getOnebyId } from "@/app_modules/vote/fun/get/get_one_by_id";
export default async function Page({ params }: { params: { id: string } }) {
let voteId = params.id;
const dataVote = await Vote_getOnebyId(voteId);
const listKontributor = await Vote_getListKontributorById(voteId);
return (
<>
<Vote_DetailPublish
dataVote={dataVote as any}
listKontributor={listKontributor as any}
/>
</>
);
}

View File

@@ -1,7 +0,0 @@
import { Vote_DetailPublish } from "@/app_modules/voting";
export default function Page(){
return <>
<Vote_DetailPublish/>
</>
}

View File

@@ -1,4 +1,4 @@
import { LayoutVote_DetailReject } from "@/app_modules/voting";
import { LayoutVote_DetailReject } from "@/app_modules/vote";
import React from "react";
export default async function Layout({children}: {children: React.ReactNode}) {

View File

@@ -0,0 +1,13 @@
import { Vote_DetailReject } from "@/app_modules/vote";
import { Vote_getOnebyId } from "@/app_modules/vote/fun/get/get_one_by_id";
export default async function Page({ params }: { params: { id: string } }) {
let voteId = params.id;
const dataVote = await Vote_getOnebyId(voteId);
return (
<>
<Vote_DetailReject dataVote={dataVote as any} />
</>
);
}

View File

@@ -1,7 +0,0 @@
import { Vote_DetailReject } from "@/app_modules/voting";
export default async function Page() {
return <>
<Vote_DetailReject/>
</>
}

View File

@@ -1,4 +1,4 @@
import { LayoutVote_DetailReview } from "@/app_modules/voting";
import { LayoutVote_DetailReview } from "@/app_modules/vote";
import React from "react";
export default function Layout({ children }: { children: React.ReactNode }) {

View File

@@ -1,5 +1,5 @@
import { Vote_DetailReview } from "@/app_modules/voting";
import { Vote_getOnebyId } from "@/app_modules/voting/fun/get/get_one_by_id";
import { Vote_DetailReview } from "@/app_modules/vote";
import { Vote_getOnebyId } from "@/app_modules/vote/fun/get/get_one_by_id";
export default async function Page({ params }: { params: { id: string } }) {
let voteId = params.id;

View File

@@ -1,4 +1,4 @@
import { LayoutVote_DetailRiwayatSaya } from "@/app_modules/voting";
import { LayoutVote_DetailRiwayatSaya } from "@/app_modules/vote";
import React from "react";
export default async function Layout({

View File

@@ -0,0 +1,19 @@
import { Vote_DetailRiwayatSaya } from "@/app_modules/vote";
import { Vote_getListKontributorById } from "@/app_modules/vote/fun/get/get_list_kontributor_by_id";
import { Vote_getOnePublishbyId } from "@/app_modules/vote/fun/get/get_one_publish_by_id";
export default async function Page({params}: {params: {id: string}}) {
let voteId = params.id;
const dataVote = await Vote_getOnePublishbyId(voteId);
const listKontributor = await Vote_getListKontributorById(voteId);
return (
<>
<Vote_DetailRiwayatSaya
dataVote={dataVote as any}
listKontributor={listKontributor}
/>
</>
);
}

View File

@@ -1,9 +0,0 @@
import { Vote_DetailRiwayatSaya } from "@/app_modules/voting";
export default async function Page() {
return (
<>
<Vote_DetailRiwayatSaya />
</>
);
}

View File

@@ -1,4 +1,4 @@
import { LayoutVote_DetailSemuaRiwayat } from "@/app_modules/voting";
import { LayoutVote_DetailSemuaRiwayat } from "@/app_modules/vote";
import React from "react";
export default async function Layout({

View File

@@ -0,0 +1,19 @@
import { Vote_DetailSemuaRiwayat } from "@/app_modules/vote";
import { Vote_getListKontributorById } from "@/app_modules/vote/fun/get/get_list_kontributor_by_id";
import { Vote_getOnePublishbyId } from "@/app_modules/vote/fun/get/get_one_publish_by_id";
export default async function Page({params}: {params: {id: string}}) {
let voteId = params.id
const dataVote = await Vote_getOnePublishbyId(voteId)
const listKontributor = await Vote_getListKontributorById(voteId)
return (
<>
<Vote_DetailSemuaRiwayat
dataVote={dataVote as any}
listKontributor={listKontributor as any}
/>
</>
);
}

View File

@@ -1,10 +0,0 @@
import { Vote_DetailSemuaRiwayat } from "@/app_modules/voting";
export default async function Page() {
return (
<>
<Vote_DetailSemuaRiwayat />
</>
);
}

View File

@@ -1,4 +1,4 @@
import { LayoutVote_Edit } from "@/app_modules/voting";
import { LayoutVote_Edit } from "@/app_modules/vote";
import React from "react";
export default async function Layout({

View File

@@ -0,0 +1,20 @@
import { Vote_Edit } from "@/app_modules/vote";
import { Vote_getListDaftarNamaById } from "@/app_modules/vote/fun/get/get_list_daftar_vote_by_id";
import { Vote_getOnebyId } from "@/app_modules/vote/fun/get/get_one_by_id";
import _ from "lodash";
export default async function Page({ params }: { params: { id: string } }) {
let voteId = params.id;
const dataVote = await Vote_getOnebyId(voteId);
const data = _.omit(dataVote, ["Voting_DaftarNamaVote"]);
const listDaftarVote = await Vote_getListDaftarNamaById(voteId);
return (
<>
<Vote_Edit
dataVote={data as any}
listDaftarVote={listDaftarVote as any}
/>
</>
);
}

View File

@@ -1,9 +0,0 @@
import { Vote_Edit } from "@/app_modules/voting";
export default async function Page() {
return (
<>
<Vote_Edit />
</>
);
}

View File

@@ -1,7 +1,12 @@
import { Vote_Beranda } from "@/app_modules/voting";
import { Vote_Beranda } from "@/app_modules/vote";
import { Vote_getAllListPublish } from "@/app_modules/vote/fun/get/get_all_list_publish";
export default async function Page() {
return<>
<Vote_Beranda/>
</>
const dataVote = await Vote_getAllListPublish()
return (
<>
<Vote_Beranda dataVote={dataVote as any} />
</>
);
}

View File

@@ -1,10 +1,12 @@
import { Vote_Kontribusi } from "@/app_modules/voting";
import { Vote_Kontribusi } from "@/app_modules/vote";
import { Vote_getAllListKontribusiByAuthorId } from "@/app_modules/vote/fun/get/get_list_kontribusi_by_author_id";
export default async function Page() {
const dataKontribusi = await Vote_getAllListKontribusiByAuthorId()
return (
<>
<Vote_Kontribusi />
<Vote_Kontribusi dataKontribusi={dataKontribusi as any} />
</>
);
}

View File

@@ -1,4 +1,4 @@
import { LayoutVote_Main } from "@/app_modules/voting";
import { LayoutVote_Main } from "@/app_modules/vote";
import React from "react";
export default async function Layout({

View File

@@ -1,9 +1,17 @@
import { Vote_Riwayat } from "@/app_modules/voting";
import { Vote_Riwayat } from "@/app_modules/vote";
import { Vote_getAllListRiwayat } from "@/app_modules/vote/fun/get/get_all_list_riwayat";
import { Vote_getAllListRiwayatSaya } from "@/app_modules/vote/fun/get/get_all_list_riwayat_saya";
export default async function Page() {
const listRiwayat = await Vote_getAllListRiwayat();
const listRiwayatSaya = await Vote_getAllListRiwayatSaya()
return (
<>
<Vote_Riwayat />
<Vote_Riwayat
listRiwayat={listRiwayat as any}
listRiwayatSaya={listRiwayatSaya as any}
/>
</>
);
}

View File

@@ -1,5 +1,5 @@
import { Vote_Status } from "@/app_modules/voting";
import { Vote_getListByStatusId } from "@/app_modules/voting/fun/get/get_list_status_by_status_id";
import { Vote_Status } from "@/app_modules/vote";
import { Vote_getListByStatusId } from "@/app_modules/vote/fun/get/get_list_status_by_status_id";
export default async function Page() {
const listPublish = await Vote_getListByStatusId("1");
@@ -7,6 +7,7 @@ export default async function Page() {
const listDraft = await Vote_getListByStatusId("3");
const listReject = await Vote_getListByStatusId("4");
return (
<>
<Vote_Status

View File

@@ -1,4 +1,4 @@
import { Vote_Splash } from "@/app_modules/voting";
import { Vote_Splash } from "@/app_modules/vote";
export default async function Page() {
return (

View File

@@ -10,15 +10,15 @@ export const RouterVote = {
create: "/dev/vote/create",
//
edit: "/dev/vote/edit",
edit: "/dev/vote/edit/",
//detail
main_detail: "/dev/vote/detail/main",
detail_publish: "/dev/vote/detail/publish",
main_detail: "/dev/vote/detail/main/",
detail_publish: "/dev/vote/detail/publish/",
detail_review: "/dev/vote/detail/review/",
detail_draft: "/dev/vote/detail/draft",
detail_reject: "/dev/vote/detail/reject",
detail_kontribusi: "/dev/vote/detail/kontribusi",
detail_semua_riwayat: "/dev/vote/detail/semua_riwayat",
detail_riwayat_saya: "/dev/vote/detail/riwayat_saya",
detail_draft: "/dev/vote/detail/draft/",
detail_reject: "/dev/vote/detail/reject/",
detail_kontribusi: "/dev/vote/detail/kontribusi/",
detail_semua_riwayat: "/dev/vote/detail/semua_riwayat/",
detail_riwayat_saya: "/dev/vote/detail/riwayat_saya/",
};

View File

@@ -3,6 +3,8 @@
import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component/header_tamplate";
import { AdminEvent_getListPesertaById } from "@/app_modules/admin/event/fun/get/get_list_peserta_by_id";
import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/component_global/notif_global/notifikasi_peringatan";
import { MODEL_VOTING } from "@/app_modules/vote/model/interface";
import {
Stack,
Center,
@@ -20,24 +22,29 @@ import {
Text,
} from "@mantine/core";
import { useDisclosure } from "@mantine/hooks";
import { IconBan, IconEyeCheck } from "@tabler/icons-react";
import { IconEyeShare } from "@tabler/icons-react";
import _ from "lodash";
import { useRouter } from "next/navigation";
import { useState } from "react";
export default function AdminVote_Riwayat() {
export default function AdminVote_Riwayat({
dataVote,
}: {
dataVote: MODEL_VOTING[];
}) {
return (
<>
<Stack>
<ComponentAdminGlobal_HeaderTamplate name="Voting: Table Riwayat" />
<TableStatus listPublish={[]} />
<TableStatus listPublish={dataVote} />
</Stack>
</>
);
}
function TableStatus({ listPublish }: { listPublish: any[] }) {
function TableStatus({ listPublish }: { listPublish: MODEL_VOTING[] }) {
const router = useRouter();
const [opened, { open, close }] = useDisclosure(false);
const [data, setData] = useState(listPublish);
@@ -47,45 +54,50 @@ function TableStatus({ listPublish }: { listPublish: any[] }) {
const TableRows = data.map((e, i) => (
<tr key={i}>
<td>
<Center>
<Button
radius={"xl"}
color="green"
leftIcon={<IconEyeCheck />}
onClick={() => ComponentGlobal_NotifikasiPeringatan("On Process")}
>
Hasil Voting
</Button>
</Center>
</td>
<td>
<Center>{e.title}</Center>
</td>
<td>
<Center>
<Spoiler hideLabel="sembunyikan" maxHeight={50} showLabel="tampilkan">
<Spoiler
hideLabel="sembunyikan"
maw={400}
maxHeight={50}
showLabel="tampilkan"
>
{e.deskripsi}
</Spoiler>
</Center>
</td>
<td>
<Center>Mulai vote</Center>
</td>
<td>
<Center>Selesai vote</Center>
</td>
<th>
<Stack>
{e.Voting_DaftarNamaVote.map((v) => (
<Box key={v.id}>
<Text>- {v.value}</Text>
</Box>
))}
</Stack>
</th>
<td>
<Center>
<Button
loading={
e.id === eventId ? (loading === true ? true : false) : false
}
color={"green"}
leftIcon={<IconEyeShare />}
radius={"xl"}
onClick={async () => {
setEventId(e.id);
setLoading(true);
await new Promise((v) => setTimeout(v, 500));
await AdminEvent_getListPesertaById(e.id).then((res: any) => {
setPeserta(res);
setLoading(false);
});
open();
}}
>
Hasil Voting
</Button>
{e.awalVote.toLocaleDateString("id-ID", { dateStyle: "long" })}
</Center>
</td>
<td>
<Center>
{e.akhirVote.toLocaleDateString("id-ID", { dateStyle: "long" })}
</Center>
</td>
</tr>
@@ -142,22 +154,24 @@ function TableStatus({ listPublish }: { listPublish: any[] }) {
>
<thead>
<tr>
<th>
<Center>Aksi</Center>
</th>
<th>
<Center>Judul</Center>
</th>
<th>
<Center>Deskripsi</Center>
</th>
<th>
<Center>Pilihan</Center>
</th>
<th>
<Center>Mulai Vote</Center>
</th>
<th>
<Center>Selesai Vote</Center>
</th>
<th>
<Center>Aksi</Center>
</th>
</tr>
</thead>
<tbody>{TableRows}</tbody>

View File

@@ -3,10 +3,12 @@
import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component/header_tamplate";
import { AdminEvent_getListPesertaById } from "@/app_modules/admin/event/fun/get/get_list_peserta_by_id";
import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/component_global/notif_global/notifikasi_peringatan";
import {
MODEL_EVENT,
MODEL_EVENT_PESERTA,
} from "@/app_modules/event/model/interface";
import { MODEL_VOTING } from "@/app_modules/vote/model/interface";
import {
Avatar,
Box,
@@ -24,23 +26,27 @@ import {
Title,
} from "@mantine/core";
import { useDisclosure } from "@mantine/hooks";
import { IconEyeShare } from "@tabler/icons-react";
import { IconEyeCheck, IconEyeShare } from "@tabler/icons-react";
import _ from "lodash";
import { useRouter } from "next/navigation";
import { useState } from "react";
export default function AdminVote_TablePublish() {
export default function AdminVote_TablePublish({
dataVote,
}: {
dataVote: any;
}) {
return (
<>
<Stack>
<ComponentAdminGlobal_HeaderTamplate name="Voting: Table Publish" />
<TableStatus listPublish={[]} />
<TableStatus listPublish={dataVote} />
</Stack>
</>
);
}
function TableStatus({ listPublish }: { listPublish: any[] }) {
function TableStatus({ listPublish }: { listPublish: MODEL_VOTING[] }) {
const router = useRouter();
const [opened, { open, close }] = useDisclosure(false);
const [data, setData] = useState(listPublish);
@@ -50,45 +56,50 @@ function TableStatus({ listPublish }: { listPublish: any[] }) {
const TableRows = data.map((e, i) => (
<tr key={i}>
<td>
<Center>
<Button
radius={"xl"}
color="green"
leftIcon={<IconEyeCheck />}
onClick={() => ComponentGlobal_NotifikasiPeringatan("On Process")}
>
Lihat Hasil
</Button>
</Center>
</td>
<td>
<Center>{e.title}</Center>
</td>
<td>
<Center>
<Spoiler hideLabel="sembunyikan" maxHeight={50} showLabel="tampilkan">
<Spoiler
hideLabel="sembunyikan"
maw={400}
maxHeight={50}
showLabel="tampilkan"
>
{e.deskripsi}
</Spoiler>
</Center>
</td>
<td>
<Center>Mulai vote</Center>
</td>
<td>
<Center>Selesai vote</Center>
</td>
<th>
<Stack>
{e.Voting_DaftarNamaVote.map((v) => (
<Box key={v.id}>
<Text>- {v.value}</Text>
</Box>
))}
</Stack>
</th>
<td>
<Center>
<Button
loading={
e.id === eventId ? (loading === true ? true : false) : false
}
color={"green"}
leftIcon={<IconEyeShare />}
radius={"xl"}
onClick={async () => {
setEventId(e.id);
setLoading(true);
await new Promise((v) => setTimeout(v, 500));
await AdminEvent_getListPesertaById(e.id).then((res: any) => {
setPeserta(res);
setLoading(false);
});
open();
}}
>
Hasil Voting
</Button>
{e.awalVote.toLocaleDateString("id-ID", { dateStyle: "long" })}
</Center>
</td>
<td>
<Center>
{e.akhirVote.toLocaleDateString("id-ID", { dateStyle: "long" })}
</Center>
</td>
</tr>
@@ -145,22 +156,24 @@ function TableStatus({ listPublish }: { listPublish: any[] }) {
>
<thead>
<tr>
<th>
<Center>Aksi</Center>
</th>
<th>
<Center>Judul</Center>
</th>
<th>
<Center>Deskripsi</Center>
</th>
<th>
<Center>Pilihan</Center>
</th>
<th>
<Center>Mulai Vote</Center>
</th>
<th>
<Center>Selesai Vote</Center>
</th>
<th>
<Center>Aksi</Center>
</th>
</tr>
</thead>
<tbody>{TableRows}</tbody>

View File

@@ -0,0 +1,242 @@
"use client";
import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component/header_tamplate";
import { AdminEvent_getListPesertaById } from "@/app_modules/admin/event/fun/get/get_list_peserta_by_id";
import { MODEL_VOTING } from "@/app_modules/vote/model/interface";
import {
Avatar,
Box,
Button,
Center,
Divider,
Grid,
Group,
Modal,
Paper,
ScrollArea,
Spoiler,
Stack,
Table,
Text,
Textarea,
Title,
} from "@mantine/core";
import { useDisclosure } from "@mantine/hooks";
import { IconBan, IconEyeShare } from "@tabler/icons-react";
import _ from "lodash";
import { useRouter } from "next/navigation";
import { useState } from "react";
import { AdminVote_funEditCatatanRejectById } from "../../fun/edit/fun_edit_catatan_reject_by_id";
import { AdminVote_getListTableByStatusId } from "../../fun/get/get_list_table_by_status_id";
import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_global/notif_global/notifikasi_berhasil";
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
export default function AdminVote_TableReject({
dataVote,
}: {
dataVote: MODEL_VOTING[];
}) {
return (
<>
<Stack>
<ComponentAdminGlobal_HeaderTamplate name="Voting: Table Reject" />
<TableStatus listData={dataVote} />
</Stack>
</>
);
}
function TableStatus({ listData }: { listData: MODEL_VOTING[] }) {
const router = useRouter();
const [opened, { open, close }] = useDisclosure(false);
const [data, setData] = useState(listData);
const [votingId, setVotingId] = useState("");
const [catatan, setCatatan] = useState("");
const TableRows = data.map((e, i) => (
<tr key={i}>
<td>
<Center>
<Button
color={"red"}
leftIcon={<IconBan />}
radius={"xl"}
onClick={() => {
open();
setVotingId(e.id);
setCatatan(e.catatan);
}}
>
<Stack spacing={0}>
<Text fz={10}>Tambah</Text>
<Text fz={10}>Catatan</Text>
</Stack>
</Button>
</Center>
</td>
<td>
<Center>
<Spoiler
hideLabel="sembunyikan"
maw={400}
maxHeight={50}
showLabel="tampilkan"
>
{e.catatan}
</Spoiler>
</Center>
</td>
<td>
<Center>{e.title}</Center>
</td>
<td>
<Center>
<Spoiler
hideLabel="sembunyikan"
maw={400}
maxHeight={50}
showLabel="tampilkan"
>
{e.deskripsi}
</Spoiler>
</Center>
</td>
<th>
<Stack>
{e.Voting_DaftarNamaVote.map((v) => (
<Box key={v.id}>
<Text>- {v.value}</Text>
</Box>
))}
</Stack>
</th>
<td>
<Center>
{e.awalVote.toLocaleDateString("id-ID", { dateStyle: "long" })}
</Center>
</td>
<td>
<Center>
{e.akhirVote.toLocaleDateString("id-ID", { dateStyle: "long" })}
</Center>
</td>
</tr>
));
return (
<>
<Modal
opened={opened}
onClose={close}
centered
withCloseButton={false}
size={"lg"}
>
<Stack>
<Textarea
minRows={2}
maxRows={5}
maxLength={300}
autosize
label="Masukan Alasan Penolakan"
placeholder="Contoh: Karena deskripsi kurang lengkap, dll"
value={catatan}
onChange={(val) => {
setCatatan(val.target.value);
}}
/>
<Group position="right">
<Button
radius={"xl"}
onClick={() => {
onReject(votingId, catatan, close, setData);
console.log(catatan);
}}
>
Simpan
</Button>
</Group>
</Stack>
</Modal>
<Box>
<Box bg={"red.1"} p={"xs"}>
<Title order={6} c={"red"}>
REJECT
</Title>
</Box>
<ScrollArea w={"100%"}>
<Box w={2000}>
<Table
withBorder
verticalSpacing={"md"}
horizontalSpacing={"xl"}
p={"md"}
striped
highlightOnHover
>
<thead>
<tr>
<th>
<Center>Aksi</Center>
</th>
<th>
<Center>Catatan</Center>
</th>
<th>
<Center>Judul</Center>
</th>
<th>
<Center>Deskripsi</Center>
</th>
<th>
<Center>Pilihan</Center>
</th>
<th>
<Center>Mulai Vote</Center>
</th>
<th>
<Center>Selesai Vote</Center>
</th>
</tr>
</thead>
<tbody>{TableRows}</tbody>
</Table>
</Box>
</ScrollArea>
<Center>
{_.isEmpty(TableRows) ? (
<Center h={"50vh"}>
<Title order={6}>Tidak Ada Data</Title>
</Center>
) : (
""
)}
</Center>
</Box>
</>
);
}
async function onReject(
votingId: string,
catatan: string,
close: any,
setData: any
) {
await AdminVote_funEditCatatanRejectById(votingId, catatan).then(
async (res) => {
if (res.status === 200) {
await AdminVote_getListTableByStatusId("4").then((val) => {
setData(val);
ComponentGlobal_NotifikasiBerhasil(res.message);
close();
});
} else {
ComponentGlobal_NotifikasiGagal(res.message);
}
}
);
}

View File

@@ -0,0 +1,253 @@
"use client";
import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component/header_tamplate";
import { AdminEvent_getListPesertaById } from "@/app_modules/admin/event/fun/get/get_list_peserta_by_id";
import { MODEL_VOTING } from "@/app_modules/vote/model/interface";
import {
Avatar,
Box,
Button,
Center,
Divider,
Grid,
Group,
Modal,
Paper,
ScrollArea,
Spoiler,
Stack,
Table,
Text,
Textarea,
Title,
} from "@mantine/core";
import { useDisclosure } from "@mantine/hooks";
import { IconBan } from "@tabler/icons-react";
import { IconEyeShare } from "@tabler/icons-react";
import _ from "lodash";
import { useRouter } from "next/navigation";
import { useState } from "react";
import { AdminVote_funEditStatusPublishById } from "../../fun/edit/fun_edit_status_publish_by_id";
import toast from "react-simple-toasts";
import { AdminVote_getListTableByStatusId } from "../../fun/get/get_list_table_by_status_id";
import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_global/notif_global/notifikasi_berhasil";
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
import { AdminEvent_funEditCatatanById } from "../../fun/edit/fun_edit_status_reject_by_id";
export default function AdminVote_TableReview({
listVote,
}: {
listVote: MODEL_VOTING[];
}) {
return (
<>
<Stack>
<ComponentAdminGlobal_HeaderTamplate name="Voting: Table Review" />
<TableStatus listData={listVote} />
</Stack>
</>
);
}
function TableStatus({ listData }: { listData: MODEL_VOTING[] }) {
const router = useRouter();
const [opened, { open, close }] = useDisclosure(false);
const [data, setData] = useState(listData);
const [votingId, setVotingId] = useState("");
const [catatan, setCatatan] = useState("");
const TableRows = data.map((e, i) => (
<tr key={i}>
<td>
<Center>{e.title}</Center>
</td>
<td>
<Center>
<Spoiler
hideLabel="sembunyikan"
maw={400}
maxHeight={50}
showLabel="tampilkan"
>
{e.deskripsi}
</Spoiler>
</Center>
</td>
<th>
<Stack>
{e.Voting_DaftarNamaVote.map((v) => (
<Box key={v.id}>
<Text>- {v.value}</Text>
</Box>
))}
</Stack>
</th>
<td>
<Center>
{e.awalVote.toLocaleDateString("id-ID", { dateStyle: "long" })}
</Center>
</td>
<td>
<Center>
{e.akhirVote.toLocaleDateString("id-ID", { dateStyle: "long" })}
</Center>
</td>
<td>
<Stack align="center">
<Button
w={120}
color={"green"}
leftIcon={<IconEyeShare />}
radius={"xl"}
onClick={() => onPublish(e.id, setData)}
>
Publish
</Button>
<Button
w={120}
color={"red"}
leftIcon={<IconBan />}
radius={"xl"}
onClick={() => {
open();
setVotingId(e.id);
}}
>
Reject
</Button>
</Stack>
</td>
</tr>
));
return (
<>
<Modal
opened={opened}
onClose={close}
centered
withCloseButton={false}
size={"lg"}
>
<Stack>
<Textarea
minRows={2}
maxRows={5}
maxLength={300}
autosize
label="Masukan Alasan Penolakan"
placeholder="Contoh: Karena deskripsi kurang lengkap, dll"
onChange={(val) => {
setCatatan(val.target.value);
}}
/>
<Group position="right">
<Button
radius={"xl"}
onClick={() => {
onReject(votingId, setData, catatan, close);
// console.log("hehe")
}}
>
Simpan
</Button>
</Group>
</Stack>
</Modal>
<Box>
<Box bg={"orange.1"} p={"xs"}>
<Title order={6} c={"orange"}>
REVIEW
</Title>
</Box>
<ScrollArea w={"100%"}>
<Box>
<Table
withBorder
verticalSpacing={"md"}
horizontalSpacing={"xl"}
p={"md"}
striped
highlightOnHover
>
<thead>
<tr>
<th>
<Center>Judul</Center>
</th>
<th>
<Center>Deskripsi</Center>
</th>
<th>
<Center>Pilihan</Center>
</th>
<th>
<Center>Mulai Vote</Center>
</th>
<th>
<Center>Selesai Vote</Center>
</th>
<th>
<Center>Aksi</Center>
</th>
</tr>
</thead>
<tbody>{TableRows}</tbody>
</Table>
</Box>
</ScrollArea>
<Center>
{_.isEmpty(TableRows) ? (
<Center h={"50vh"}>
<Title order={6}>Tidak Ada Data</Title>
</Center>
) : (
""
)}
</Center>
</Box>
</>
);
}
async function onPublish(voteId: string, setData: any) {
await AdminVote_funEditStatusPublishById(voteId).then(async (res) => {
if (res.status === 200) {
await AdminVote_getListTableByStatusId("2").then((val) => {
setData(val);
ComponentGlobal_NotifikasiBerhasil(res.message);
});
} else {
ComponentGlobal_NotifikasiGagal(res.message);
}
});
}
async function onReject(
voteId: string,
setData: any,
catatan: string,
close: any
) {
const data = {
id: voteId,
catatan: catatan,
};
await AdminEvent_funEditCatatanById(data as any).then(async (res) => {
if (res.status === 200) {
await AdminVote_getListTableByStatusId("2").then((val) => {
setData(val);
ComponentGlobal_NotifikasiBerhasil(res.message);
close();
});
} else {
ComponentGlobal_NotifikasiGagal(res.message);
}
});
}

View File

@@ -0,0 +1,68 @@
"use server";
import prisma from "@/app/lib/prisma";
/**
*
* @param statusId 0: Riwayat , 1: Publish, 2:Review, 4:Reject
* @type string
* @returns jumlah dari voting per status
*/
export default async function AdminVote_funCountByStatusId(statusId: string) {
if (statusId === "0") {
const count = await prisma.voting.count({
where: {
voting_StatusId: "1",
isActive: true,
akhirVote: {
lte: new Date(),
},
},
});
return count;
}
if (statusId === "1") {
const count = await prisma.voting.count({
where: {
voting_StatusId: "1",
akhirVote: {
gte: new Date(),
},
},
});
return count;
}
if (statusId === "2") {
const count = await prisma.voting.count({
where: {
voting_StatusId: "2",
// akhirVote: {
// gte: new Date(),
// },
},
});
return count;
}
if (statusId === "4") {
const count = await prisma.voting.count({
where: {
voting_StatusId: "4",
isActive: true,
// akhirVote: {
// gte: new Date(),
// },
},
});
return count;
}
if (statusId === undefined || statusId === null) {
return {
status: 400,
message: "Parameter tidak sesuai",
};
}
}

View File

@@ -0,0 +1,22 @@
"use server";
import prisma from "@/app/lib/prisma";
import { revalidatePath } from "next/cache";
export async function AdminVote_funEditCatatanRejectById(
voteId: string,
catatan: string
) {
const updt = await prisma.voting.update({
where: {
id: voteId,
},
data: {
catatan: catatan,
},
});
if (!updt) return { status: 400, message: "Gagal Update Catatan" };
revalidatePath("/dev/admin/vote/child/table_reject");
return { status: 200, message: "Berhasil Update Catatan" };
}

View File

@@ -0,0 +1,23 @@
"use server";
import prisma from "@/app/lib/prisma";
import { revalidatePath } from "next/cache";
export async function AdminVote_funEditStatusPublishById(voteId: string) {
const updt = await prisma.voting.update({
where: {
id: voteId,
},
data: {
voting_StatusId: "1",
},
});
if (!updt) return { status: 400, message: "Update Gagal" };
revalidatePath("/dev/admin/vote/main");
return {
status: 200,
message: "Berhasil Update Status",
};
}

View File

@@ -0,0 +1,26 @@
"use server";
import prisma from "@/app/lib/prisma";
import { MODEL_VOTING } from "@/app_modules/vote/model/interface";
import { revalidatePath } from "next/cache";
export async function AdminEvent_funEditCatatanById(
data: MODEL_VOTING,
) {
const updt = await prisma.voting.update({
where: {
id: data.id,
},
data: {
voting_StatusId: "4",
catatan: data.catatan,
},
});
if (!updt) return { status: 400, message: "Update Gagal" };
revalidatePath("/dev/admin/event/main");
return {
status: 200,
message: "Berhasil Update Status",
};
}

View File

@@ -0,0 +1,117 @@
"use server";
import prisma from "@/app/lib/prisma";
export async function AdminVote_getListTableByStatusId(statusId: string) {
if (statusId === "0") {
const getData = await prisma.voting.findMany({
where: {
voting_StatusId: "1",
isActive: true,
akhirVote: {
lte: new Date(),
},
},
select: {
id: true,
title: true,
isActive: true,
createdAt: true,
updatedAt: true,
deskripsi: true,
awalVote: true,
akhirVote: true,
catatan: true,
authorId: true,
Author: true,
voting_StatusId: true,
Voting_DaftarNamaVote: true,
},
});
return getData;
}
if (statusId === "1") {
const getData = await prisma.voting.findMany({
where: {
voting_StatusId: "1",
isActive: true,
akhirVote: {
gte: new Date(),
},
},
select: {
id: true,
title: true,
isActive: true,
createdAt: true,
updatedAt: true,
deskripsi: true,
awalVote: true,
akhirVote: true,
catatan: true,
authorId: true,
Author: true,
voting_StatusId: true,
Voting_DaftarNamaVote: true,
},
});
return getData;
}
if (statusId === "2") {
const getData = await prisma.voting.findMany({
where: {
voting_StatusId: "2",
isActive: true,
},
select: {
id: true,
title: true,
isActive: true,
createdAt: true,
updatedAt: true,
deskripsi: true,
awalVote: true,
akhirVote: true,
catatan: true,
authorId: true,
Author: true,
voting_StatusId: true,
Voting_DaftarNamaVote: true,
},
});
return getData;
}
if (statusId === "4") {
const getData = await prisma.voting.findMany({
where: {
voting_StatusId: "4",
isActive: true,
},
select: {
id: true,
title: true,
isActive: true,
createdAt: true,
updatedAt: true,
deskripsi: true,
awalVote: true,
akhirVote: true,
catatan: true,
authorId: true,
Author: true,
voting_StatusId: true,
Voting_DaftarNamaVote: true,
},
});
return getData;
}
}

View File

@@ -9,14 +9,12 @@ export default function AdminVote_Main({
countReview,
countDraft,
countReject,
countTipeAcara,
countRiwayat,
}: {
countPublish?: number;
countReview?: number;
countDraft?: number;
countReject?: number;
countTipeAcara?: number;
countRiwayat?: number;
}) {
const router = useRouter();
@@ -36,17 +34,17 @@ export default function AdminVote_Main({
},
{
id: 3,
name: "Draft",
jumlah: countDraft,
path: "",
color: "yellow",
},
{
id: 4,
name: "Reject",
jumlah: countReject,
color: "red",
},
{
id: 4,
name: "Riwayat",
jumlah: countDraft,
path: "",
color: "gray",
},
];
return (

View File

@@ -1,176 +0,0 @@
"use client";
import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component/header_tamplate";
import { AdminEvent_getListPesertaById } from "@/app_modules/admin/event/fun/get/get_list_peserta_by_id";
import {
Avatar,
Box,
Button,
Center,
Divider,
Grid,
Group,
Modal,
Paper,
Spoiler,
Stack,
Table,
Text,
Title,
} from "@mantine/core";
import { useDisclosure } from "@mantine/hooks";
import { IconEyeShare } from "@tabler/icons-react";
import _ from "lodash";
import { useRouter } from "next/navigation";
import { useState } from "react";
export default function AdminVote_TableReject() {
return (
<>
<Stack>
<ComponentAdminGlobal_HeaderTamplate name="Voting: Table Reject" />
<TableStatus listData={[]} />
</Stack>
</>
);
}
function TableStatus({ listData }: { listData: any[] }) {
const router = useRouter();
const [opened, { open, close }] = useDisclosure(false);
const [data, setData] = useState(listData);
const [peserta, setPeserta] = useState<any[]>();
const [eventId, setEventId] = useState("");
const [loading, setLoading] = useState(false);
const TableRows = data.map((e, i) => (
<tr key={i}>
<td>
<Center>{e.title}</Center>
</td>
<td>
<Center>
<Spoiler hideLabel="sembunyikan" maxHeight={50} showLabel="tampilkan">
{e.deskripsi}
</Spoiler>
</Center>
</td>
<td>
<Center>Mulai vote</Center>
</td>
<td>
<Center>Selesai vote</Center>
</td>
<td>
<Center>
<Button
loading={
e.id === eventId ? (loading === true ? true : false) : false
}
color={"green"}
leftIcon={<IconEyeShare />}
radius={"xl"}
onClick={async () => {
setEventId(e.id);
setLoading(true);
await new Promise((v) => setTimeout(v, 500));
await AdminEvent_getListPesertaById(e.id).then((res: any) => {
setPeserta(res);
setLoading(false);
});
open();
}}
>
Hasil Voting
</Button>
</Center>
</td>
</tr>
));
return (
<>
<Modal opened={opened} onClose={close}>
<Paper>
<Stack>
<Center>
<Title order={3}>Daftar Peserta</Title>
</Center>
<Stack>
{peserta?.map((e) => (
<Stack key={e.id} spacing={"xs"}>
<Grid>
<Grid.Col span={"content"}>
<Avatar
sx={{ borderStyle: "solid", borderWidth: "0.5px" }}
radius={"xl"}
src={
RouterProfile.api_foto_profile +
e.User.Profile.imagesId
}
/>
</Grid.Col>
<Grid.Col span={"auto"}>
<Group align="center" h={"100%"}>
<Text>{e.User.Profile.name}</Text>
</Group>
</Grid.Col>
</Grid>
<Divider />
</Stack>
))}
</Stack>
</Stack>
</Paper>
</Modal>
<Box>
<Box bg={"red.1"} p={"xs"}>
<Title order={6} c={"red"}>
REJECT
</Title>
</Box>
<Table
withBorder
verticalSpacing={"md"}
horizontalSpacing={"xl"}
p={"md"}
striped
highlightOnHover
>
<thead>
<tr>
<th>
<Center>Judul</Center>
</th>
<th>
<Center>Deskripsi</Center>
</th>
<th>
<Center>Mulai Vote</Center>
</th>
<th>
<Center>Selesai Vote</Center>
</th>
<th>
<Center>Aksi</Center>
</th>
</tr>
</thead>
<tbody>{TableRows}</tbody>
</Table>
<Center>
{_.isEmpty(TableRows) ? (
<Center h={"50vh"}>
<Title order={6}>Tidak Ada Data</Title>
</Center>
) : (
""
)}
</Center>
</Box>
</>
);
}

View File

@@ -1,164 +0,0 @@
"use client";
import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component/header_tamplate";
import { AdminEvent_getListPesertaById } from "@/app_modules/admin/event/fun/get/get_list_peserta_by_id";
import { Avatar, Box, Button, Center, Divider, Grid, Group, Modal, Paper, Spoiler, Stack, Table, Text, Title } from "@mantine/core";
import { useDisclosure } from "@mantine/hooks";
import { IconBan } from "@tabler/icons-react";
import { IconEyeShare } from "@tabler/icons-react";
import _ from "lodash";
import { useRouter } from "next/navigation";
import { useState } from "react";
export default function AdminVote_TableReview() {
return (
<>
<Stack>
<ComponentAdminGlobal_HeaderTamplate name="Voting: Table Review" />
<TableStatus listData={[]}/>
</Stack>
</>
);
}
function TableStatus({ listData }: { listData: any[] }) {
const router = useRouter();
const [opened, { open, close }] = useDisclosure(false);
const [data, setData] = useState(listData);
const [peserta, setPeserta] = useState<any[]>();
const [eventId, setEventId] = useState("");
const [loading, setLoading] = useState(false);
const TableRows = data.map((e, i) => (
<tr key={i}>
<td>
<Center>{e.title}</Center>
</td>
<td>
<Center>
<Spoiler hideLabel="sembunyikan" maxHeight={50} showLabel="tampilkan">
{e.deskripsi}
</Spoiler>
</Center>
</td>
<td>
<Center>Mulai vote</Center>
</td>
<td>
<Center>Selesai vote</Center>
</td>
<td>
<Stack align="center">
<Button
w={150}
color={"green"}
leftIcon={<IconEyeShare />}
radius={"xl"}
// onClick={() => onPublish(e.id, setData)}
>
Publish
</Button>
<Button
w={150}
color={"red"}
leftIcon={<IconBan />}
radius={"xl"}
// onClick={() => {
// open();
// setEventId(e.id);
// }}
>
Reject
</Button>
</Stack>
</td>
</tr>
));
return (
<>
<Modal opened={opened} onClose={close}>
<Paper>
<Stack>
<Center>
<Title order={3}>Daftar Peserta</Title>
</Center>
<Stack>
{peserta?.map((e) => (
<Stack key={e.id} spacing={"xs"}>
<Grid>
<Grid.Col span={"content"}>
<Avatar
sx={{ borderStyle: "solid", borderWidth: "0.5px" }}
radius={"xl"}
src={
RouterProfile.api_foto_profile +
e.User.Profile.imagesId
}
/>
</Grid.Col>
<Grid.Col span={"auto"}>
<Group align="center" h={"100%"}>
<Text>{e.User.Profile.name}</Text>
</Group>
</Grid.Col>
</Grid>
<Divider />
</Stack>
))}
</Stack>
</Stack>
</Paper>
</Modal>
<Box>
<Box bg={"orange.1"} p={"xs"}>
<Title order={6} c={"orange"}>
REVIEW
</Title>
</Box>
<Table
withBorder
verticalSpacing={"md"}
horizontalSpacing={"xl"}
p={"md"}
striped
highlightOnHover
>
<thead>
<tr>
<th>
<Center>Judul</Center>
</th>
<th>
<Center>Deskripsi</Center>
</th>
<th>
<Center>Mulai Vote</Center>
</th>
<th>
<Center>Selesai Vote</Center>
</th>
<th>
<Center>Aksi</Center>
</th>
</tr>
</thead>
<tbody>{TableRows}</tbody>
</Table>
<Center>
{_.isEmpty(TableRows) ? (
<Center h={"50vh"}>
<Title order={6}>Tidak Ada Data</Title>
</Center>
) : (
""
)}
</Center>
</Box>
</>
);
}

View File

@@ -12,9 +12,10 @@ import {
Text,
} from "@mantine/core";
import _ from "lodash";
import router from "next/router";
import peserta from "../../main/kontribusi/peserta";
import { MODEL_EVENT_PESERTA } from "../../model/interface";
import { useRouter } from "next/navigation";
export default function ComponentEvent_ListPeserta({
listPeserta,
@@ -23,6 +24,7 @@ export default function ComponentEvent_ListPeserta({
listPeserta: MODEL_EVENT_PESERTA[];
total: number;
}) {
const router = useRouter()
return (
<>
<Paper withBorder mt={"lg"}>

View File

@@ -5,10 +5,14 @@ import moment from "moment";
import ComponentEvent_DetailData from "../../component/detail/detail_data";
import { MODEL_EVENT } from "../../model/interface";
export default function Event_DetailPublish({dataEvent}: {dataEvent: MODEL_EVENT}) {
export default function Event_DetailPublish({
dataEvent,
}: {
dataEvent: MODEL_EVENT;
}) {
return (
<>
<ComponentEvent_DetailData data={dataEvent}/>
<ComponentEvent_DetailData data={dataEvent} />
</>
);
}

View File

@@ -59,20 +59,20 @@ export default function HomeLayout({
<AppShell
header={
<Header height={50} bg={"dark"}>
<Group position="apart" align="center" h={50} p={"sm"}>
<Group spacing={"sm"}>
<Group position="center" align="center" h={50} p={"sm"}>
{/* <Group spacing={"sm"}>
<ActionIcon>
<IconAward />
</ActionIcon>
</Group>
</Group> */}
<Text color="white" fw={"bold"}>
HIPMI
</Text>
<Group spacing={"sm"}>
{/* <Group spacing={"sm"}>
<ActionIcon>
<IconQrcode />
</ActionIcon>
</Group>
</Group> */}
</Group>
</Header>
}

View File

@@ -61,10 +61,11 @@ export default function HomeView() {
},
{
id: 4,
name: "Project Collaboration",
icon: <IconAffiliate size={50} />,
name: "Job Vacancy",
icon: <IconBriefcase size={50} />,
link: "",
},
{
id: 5,
name: "Forums",
@@ -79,8 +80,8 @@ export default function HomeView() {
},
{
id: 7,
name: "Job Vacancy",
icon: <IconBriefcase size={50} />,
name: "Project Collaboration",
icon: <IconAffiliate size={50} />,
link: "",
},
{

View File

@@ -0,0 +1,142 @@
"use client";
import { RouterVote } from "@/app/lib/router_hipmi/router_vote";
import ComponentGlobal_AuthorNameOnHeader from "@/app_modules/component_global/author_name_on_header";
import {
Card,
Stack,
Grid,
Avatar,
Divider,
Badge,
Group,
Text,
Title,
Box,
} from "@mantine/core";
import moment from "moment";
import { useRouter } from "next/navigation";
import { MODEL_VOTING } from "../model/interface";
import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/component_global/notif_global/notifikasi_peringatan";
export default function ComponentVote_CardViewPublish({
data,
path,
pilihanSaya,
authorName,
namaPilihan,
}: {
data?: MODEL_VOTING;
path: string;
pilihanSaya?: boolean;
authorName?: boolean;
namaPilihan?: string;
}) {
const router = useRouter();
return (
<>
<Card shadow="lg" withBorder p={30} radius={"md"}>
{/* Header name */}
{authorName ? (
<Card.Section>
<ComponentGlobal_AuthorNameOnHeader
authorName={data?.Author ? data?.Author.Profile.name : ""}
imagesId={data?.Author ? data?.Author.Profile.imagesId : ""}
profileId={data?.Author ? data?.Author.Profile.id : ""}
/>
</Card.Section>
) : (
""
)}
{/* Isi deskripsi */}
<Card.Section
py={authorName ? "sm" : 0}
onClick={() => {
if (data?.id === undefined) {
ComponentGlobal_NotifikasiPeringatan("Path tidak ditemukan");
} else {
router.push(path + data?.id);
}
}}
>
<Stack>
<Text fw={"bold"}>{data ? data.title : "Judul Voting"}</Text>
<Badge>
<Group>
<Text>
{data
? data?.awalVote.toLocaleDateString(["id-ID"], {
dateStyle: "medium",
})
: "tgl awal voting"}
</Text>
<Text>-</Text>
<Text>
{data
? data?.akhirVote.toLocaleDateString(["id-ID"], {
dateStyle: "medium",
})
: "tgl akhir voting"}
</Text>
</Group>
</Badge>
{data ? (
<Stack>
<Grid>
{data?.Voting_DaftarNamaVote.map((v) => (
<Grid.Col key={v.id} span={"auto"}>
<Stack align="center" spacing={"xs"}>
<Text fz={10} lineClamp={1}>
{v.value}
</Text>
<Avatar radius={100} variant="outline" color="blue">
<Text>{v.jumlah}</Text>
</Avatar>
</Stack>
</Grid.Col>
))}
</Grid>
</Stack>
) : (
<Stack>
<Grid>
<Grid.Col span={6}>
<Stack align="center" spacing={"xs"}>
<Text fz={10}>Voting A</Text>
<Avatar radius={100} variant="outline" color="blue">
2
</Avatar>
</Stack>
</Grid.Col>
<Grid.Col span={6}>
<Stack align="center" spacing={"xs"}>
<Text fz={10}>Voting B</Text>
<Avatar radius={100} variant="outline" color="red">
3
</Avatar>
</Stack>
</Grid.Col>
</Grid>
</Stack>
)}
</Stack>
{pilihanSaya ? (
<Stack align="center" spacing={0} mt="md">
<Text mb={"xs"} fw={"bold"} fz={"xs"}>
Pilihan anda:
</Text>
<Badge size="lg">
<Text truncate fz={"xs"}>
{namaPilihan}
</Text>
</Badge>
</Stack>
) : (
""
)}
</Card.Section>
</Card>
</>
);
}

View File

@@ -62,34 +62,6 @@ export default function ComponentVote_CardViewStatus({
</Badge>
</Stack>
</Card.Section>
{/* <Card.Section py={"sm"}>
<Stack>
<Radio.Group>
<Grid>
<Grid.Col span={"auto"}>
<Center>
<Text>
Nama Voting {""}
<Text fw={"bold"} inherit span>
A
</Text>
</Text>
</Center>
</Grid.Col>
<Grid.Col span={"auto"}>
<Center>
<Text>
Nama Voting {""}
<Text fw={"bold"} inherit span>
B
</Text>
</Text>
</Center>
</Grid.Col>
</Grid>
</Radio.Group>
</Stack>
</Card.Section> */}
</Card>
</>
);

View File

@@ -0,0 +1,92 @@
"use client";
import {
Card,
Stack,
Center,
Title,
Badge,
Group,
Radio,
Grid,
Text,
Avatar,
Divider,
Box,
} from "@mantine/core";
import moment from "moment";
import { MODEL_VOTE_KONTRIBUTOR } from "../../model/interface";
import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
import _ from "lodash";
import { useRouter } from "next/navigation";
export default function ComponentVote_DaftarKontributorVoter({
listKontributor,
}: {
listKontributor?: MODEL_VOTE_KONTRIBUTOR[];
}) {
const router = useRouter()
return (
<>
<Card shadow="lg" withBorder p={30}>
<Card.Section>
<Stack>
<Center>
<Title order={5}>Daftar Voting</Title>
</Center>
{_.isEmpty(listKontributor) ? (
<Center>
<Text fz={"xs"} fw={"bold"}>- Tidak ada voting -</Text>
</Center>
) : (
<Stack>
{listKontributor?.map((e, i) => (
<Stack spacing={"xs"} key={i}>
<Grid>
<Grid.Col span={2}
onClick={() => router.push(RouterProfile.katalog + e.Author.Profile.id)}
>
<Avatar
size={30}
sx={{ borderStyle: "solid", borderWidth: "0.5px" }}
radius={"xl"}
bg={"gray.1"}
src={
e
? RouterProfile.api_foto_profile +
e.Author.Profile.imagesId
: "/aset/global/avatar.png"
}
/>
</Grid.Col>
<Grid.Col span={5}>
<Stack justify="center" h={"100%"}>
<Text truncate fz={"sm"} fw={"bold"}>
{e ? e.Author.Profile.name : "Nama author"}
</Text>
</Stack>
</Grid.Col>
<Grid.Col span={5}>
<Badge w={130}>
<Text
truncate
fz={
e.Voting_DaftarNamaVote.value.length > 10 ? 8 : 10
}
>
{e.Voting_DaftarNamaVote.value}
</Text>
</Badge>
</Grid.Col>
</Grid>
<Divider />
</Stack>
))}
</Stack>
)}
</Stack>
</Card.Section>
</Card>
</>
);
}

View File

@@ -12,24 +12,16 @@ import {
} from "@mantine/core";
import moment from "moment";
import { MODEL_VOTING } from "../../model/interface";
import { IconCircle } from "@tabler/icons-react";
import _ from "lodash";
export default function ComponentVote_DetailData({
export default function ComponentVote_DetailDataSebelumPublish
({
data,
}: {
data?: MODEL_VOTING;
}) {
const listVote = [
{
id: 1,
value: "A",
label: "A",
},
{
id: 2,
value: "B",
label: "B",
},
];
return (
<>
<Card shadow="lg" withBorder p={30}>
@@ -65,21 +57,18 @@ export default function ComponentVote_DetailData({
</Stack>
</Card.Section>
<Card.Section py={40}>
<Stack>
<Radio.Group>
<Grid>
{data?.Voting_DaftarNamaVote.map((e) => (
<Grid.Col key={e.id} span={"auto"}>
<Center>
<Radio
value={e.value}
label={<Text fw={"bold"}>{e.value}</Text>}
/>
</Center>
</Grid.Col>
))}
</Grid>
</Radio.Group>
<Text fz={10} fw={"bold"}>
Pilihan :
</Text>
<Stack spacing={"xs"}>
{data?.Voting_DaftarNamaVote.map((e) => (
<Group key={e.id}>
<Text>
<IconCircle size={10} />
</Text>
<Text truncate>{e.value}</Text>
</Group>
))}
</Stack>
</Card.Section>
</Card>

View File

@@ -0,0 +1,74 @@
"use client";
import {
Card,
Stack,
Center,
Title,
Badge,
Group,
Radio,
Grid,
Text,
} from "@mantine/core";
import moment from "moment";
import { MODEL_VOTING } from "../../model/interface";
import { IconCircle } from "@tabler/icons-react";
import _ from "lodash";
import ComponentGlobal_AuthorNameOnHeader from "@/app_modules/component_global/author_name_on_header";
export default function ComponentVote_DetailDataSetelahPublish({
data,
authorName,
}: {
data?: MODEL_VOTING;
authorName?: boolean;
}) {
return (
<>
<Card shadow="lg" withBorder p={30}>
{authorName ? (
<Card.Section>
<ComponentGlobal_AuthorNameOnHeader
authorName={data?.Author.Profile.name}
imagesId={data?.Author.Profile.imagesId}
profileId={data?.Author.Profile.id}
/>
</Card.Section>
) : (
""
)}
<Card.Section px={"xs"} py={authorName ? "sm" : 0}>
<Stack spacing={"lg"}>
<Center>
<Title order={5}>{data?.title}</Title>
</Center>
<Text>{data?.deskripsi}</Text>
<Stack spacing={0} pb={authorName ? 0 : "xs"}>
<Center>
<Text fz={10} fw={"bold"}>
Batas Voting
</Text>
</Center>
<Badge>
<Group>
<Text>
{data?.awalVote.toLocaleDateString(["id-ID"], {
dateStyle: "medium",
})}
</Text>
<Text>-</Text>
<Text>
{data?.akhirVote.toLocaleDateString(["id-ID"], {
dateStyle: "medium",
})}
</Text>
</Group>
</Badge>
</Stack>
</Stack>
</Card.Section>
</Card>
</>
);
}

View File

@@ -0,0 +1,53 @@
"use client";
import {
Avatar,
Box,
Card,
Center,
Grid,
Group,
List,
Stack,
Text,
Title,
} from "@mantine/core";
import { MODEL_VOTING_DAFTAR_NAMA_VOTE } from "../../model/interface";
export default function ComponentVote_HasilVoting({
data,
}: {
data?: MODEL_VOTING_DAFTAR_NAMA_VOTE[];
}) {
return (
<>
<Card shadow="lg" withBorder p={30}>
<Card.Section>
<Stack>
<Center>
<Title order={5}>Hasil Voting</Title>
</Center>
<Grid justify="center">
{data?.map((e) => (
<Grid.Col key={e.id} span={data?.length >= 4 ? 6 : 4}>
<Stack align="center">
<Avatar
radius={100}
size={70}
variant="outline"
color="blue"
>
<Text> {e.jumlah}</Text>
</Avatar>
<Text fz={"xs"}>{e.value}</Text>
</Stack>
</Grid.Col>
))}
</Grid>
</Stack>
</Card.Section>
</Card>
</>
);
}

View File

@@ -0,0 +1,13 @@
"use client";
import { Center } from "@mantine/core";
export default function ComponentVote_IsEmptyData({ text }: { text: string }) {
return (
<>
<Center h={"50vh"} fz={"sm"} fw={"bold"}>
{text}
</Center>
</>
);
}

View File

@@ -10,6 +10,7 @@ import {
Stack,
Text,
TextInput,
Textarea,
Title,
} from "@mantine/core";
import { DatePickerInput } from "@mantine/dates";
@@ -70,8 +71,11 @@ export default function Vote_Create() {
});
}}
/>
<TextInput
<Textarea
label="Deskripsi"
autosize
minRows={2}
maxRows={5}
withAsterisk
placeholder="Masukan deskripsi"
onChange={(val) => {

View File

@@ -1,39 +1,69 @@
"use client";
import { Button, Group, Modal, SimpleGrid, Stack, Title } from "@mantine/core";
import ComponentVote_DetailData from "../../component/detail/detail_data";
import ComponentVote_DetailDataSebelumPublish from "../../component/detail/detail_data_sebelum_publish";
import { useRouter } from "next/navigation";
import { useAtom } from "jotai";
import { gs_vote_status } from "../../global_state";
import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_global/notif_global/notifikasi_berhasil";
import { useDisclosure } from "@mantine/hooks";
import { MODEL_VOTING } from "../../model/interface";
import { Vote_funEditStatusByStatusId } from "../../fun/edit/fun_edit_status_by_id";
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
import { Vote_funDeleteById } from "../../fun/delete/fun_delete_by_id";
import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/component_global/notif_global/notifikasi_peringatan";
export default function Vote_DetailDraft() {
export default function Vote_DetailDraft({
dataVote,
}: {
dataVote: MODEL_VOTING;
}) {
return (
<>
<Stack>
<ComponentVote_DetailData />
<ButtonAction />
<ComponentVote_DetailDataSebelumPublish data={dataVote} />
<ButtonAction voteId={dataVote.id} awalVote={dataVote.awalVote} />
</Stack>
</>
);
}
function ButtonAction() {
function ButtonAction({
voteId,
awalVote,
}: {
voteId: string;
awalVote: Date;
}) {
const router = useRouter();
const [tabsStatus, setTabsStatus] = useAtom(gs_vote_status);
const [opened, { open, close }] = useDisclosure(false);
async function onUpdate() {
setTabsStatus("Review");
ComponentGlobal_NotifikasiBerhasil("Berhasil Ajukan Review", 2000);
router.back();
const hariIni = new Date();
if (awalVote < hariIni) return ComponentGlobal_NotifikasiPeringatan("Tanggal Voting Lewat");
await Vote_funEditStatusByStatusId(voteId, "2").then((res) => {
if (res.status === 200) {
setTabsStatus("Review");
ComponentGlobal_NotifikasiBerhasil("Berhasil Ajukan Review", 2000);
router.back();
} else {
ComponentGlobal_NotifikasiGagal(res.message);
}
});
}
async function onDelete() {
setTabsStatus("Draft");
ComponentGlobal_NotifikasiBerhasil("Berhasil Hapus Vote", 2000);
router.back();
await Vote_funDeleteById(voteId).then((res) => {
if (res.status === 200) {
setTabsStatus("Draft");
ComponentGlobal_NotifikasiBerhasil("Berhasil Hapus Vote", 2000);
router.back();
} else {
ComponentGlobal_NotifikasiGagal(res.message);
}
});
}
return (

View File

@@ -8,8 +8,10 @@ import { RouterVote } from "@/app/lib/router_hipmi/router_vote";
export default function LayoutVote_DetailDraft({
children,
voteId
}: {
children: React.ReactNode;
voteId: string
}) {
return (
<>
@@ -18,7 +20,7 @@ export default function LayoutVote_DetailDraft({
<ComponentVote_HeaderTamplate
title="Detail Draft"
icon={<IconEdit />}
route2={RouterVote.edit}
route2={RouterVote.edit + voteId}
/>
}
>

View File

@@ -0,0 +1,43 @@
"use client";
import {
Badge,
Card,
Center,
Grid,
Group,
Radio,
Stack,
Text,
Title,
} from "@mantine/core";
import moment from "moment";
import ComponentVote_HasilVoting from "../../component/detail/detail_hasil_voting";
import ComponentVote_DaftarKontributorVoter from "../../component/detail/detail_daftar_kontributor";
import { MODEL_VOTING } from "../../model/interface";
import ComponentVote_DetailDataSetelahPublish from "../../component/detail/detail_data_setelah_publish";
export default function Vote_DetailKontribusi({
dataVote,
listKontributor,
}: {
dataVote: MODEL_VOTING;
listKontributor: any
}) {
return (
<>
<Stack>
<ComponentVote_DetailDataSetelahPublish
data={dataVote}
authorName={true}
/>
<ComponentVote_HasilVoting data={dataVote.Voting_DaftarNamaVote} />
<ComponentVote_DaftarKontributorVoter
listKontributor={listKontributor}
/>
</Stack>
</>
);
}

View File

@@ -0,0 +1,315 @@
"use client";
import {
Card,
Stack,
Center,
Title,
Badge,
Group,
Radio,
Grid,
Text,
Box,
Button,
Avatar,
Divider,
} from "@mantine/core";
import moment from "moment";
import ComponentVote_HasilVoting from "../../component/detail/detail_hasil_voting";
import ComponentVote_DaftarKontributorVoter from "../../component/detail/detail_daftar_kontributor";
import {
MODEL_VOTE_KONTRIBUTOR,
MODEL_VOTING,
MODEL_VOTING_DAFTAR_NAMA_VOTE,
} from "../../model/interface";
import { useState } from "react";
import ComponentGlobal_AuthorNameOnHeader from "@/app_modules/component_global/author_name_on_header";
import _ from "lodash";
import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/component_global/notif_global/notifikasi_peringatan";
import { Vote_funCreatePilihanVotingById } from "../../fun/create/create_pilihan_voting";
import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_global/notif_global/notifikasi_berhasil";
import { Vote_funCreateHasil } from "../../fun/create/create_hasil";
import { Vote_getOnebyId } from "../../fun/get/get_one_by_id";
import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
export default function Vote_MainDetail({
dataVote,
hasilVoting,
isKontributor,
pilihanKontributor,
listKontributor,
}: {
dataVote: MODEL_VOTING;
hasilVoting: any;
isKontributor: boolean;
pilihanKontributor: string;
listKontributor: any[];
}) {
const [data, setData] = useState(dataVote);
return (
<>
<Stack>
<TampilanDataVoting
dataVote={data}
setData={setData}
isKontributor={isKontributor}
pilihanKontributor={pilihanKontributor}
/>
<ComponentVote_HasilVoting data={data.Voting_DaftarNamaVote} />
<ComponentVote_DaftarKontributorVoter
listKontributor={listKontributor}
/>
</Stack>
</>
);
}
function TampilanDataVoting({
dataVote,
setData,
isKontributor,
pilihanKontributor,
}: {
dataVote?: MODEL_VOTING;
setData: any;
isKontributor: boolean;
pilihanKontributor: any;
}) {
const [votingNameId, setVotingNameId] = useState("");
return (
<>
<Card shadow="lg" withBorder p={30}>
<Card.Section>
<ComponentGlobal_AuthorNameOnHeader
authorName={dataVote?.Author.Profile.name}
imagesId={dataVote?.Author.Profile.imagesId}
profileId={dataVote?.Author.Profile.id}
/>
</Card.Section>
<Card.Section px={"xs"} py={"sm"}>
<Stack spacing={"lg"}>
<Center>
<Title order={5}>{dataVote?.title}</Title>
</Center>
<Text>{dataVote?.deskripsi}</Text>
<Stack spacing={0}>
<Center>
<Text fz={10} fw={"bold"}>
Batas Voting
</Text>
</Center>
<Badge>
<Group>
<Text>
{dataVote?.awalVote.toLocaleDateString(["id-ID"], {
dateStyle: "medium",
})}
</Text>
<Text>-</Text>
<Text>
{dataVote?.akhirVote.toLocaleDateString(["id-ID"], {
dateStyle: "medium",
})}
</Text>
</Group>
</Badge>
</Stack>
</Stack>
</Card.Section>
{/* Voting View */}
<Card.Section py={"xl"}>
{isKontributor ? (
<Stack align="center" spacing={0}>
<Text mb={"sm"} fw={"bold"} fz={"xs"}>
Pilihan anda:
</Text>
<Badge size="lg">
{pilihanKontributor.Voting_DaftarNamaVote.value}
</Badge>
</Stack>
) : (
<Stack spacing={"xl"}>
<Radio.Group
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 label={v.value} value={v.id} />
</Box>
))}
</Stack>
</Radio.Group>
<Center>
{_.isEmpty(votingNameId) ? (
<Button radius={"xl"} disabled>
Vote
</Button>
) : (
<Button
radius={"xl"}
onClick={() =>
onVote(votingNameId, dataVote?.id as any, setData)
}
>
Vote
</Button>
)}
</Center>
</Stack>
)}
</Card.Section>
</Card>
</>
);
}
async function onVote(pilihanVotingId: string, voteId: string, setData: any) {
await Vote_funCreateHasil(pilihanVotingId, voteId).then(async (res) => {
if (res.status === 201) {
await Vote_getOnebyId(voteId).then((val) => {
setData(val);
ComponentGlobal_NotifikasiBerhasil(res.message);
});
} else {
ComponentGlobal_NotifikasiPeringatan(res.message);
}
});
}
function TampilanHasil({
data,
hasil,
}: {
data: MODEL_VOTING_DAFTAR_NAMA_VOTE[];
hasil: any;
}) {
return (
<>
<Card shadow="lg" withBorder p={30}>
<Card.Section>
<Stack>
<Center>
<Title order={5}>Hasil Voting</Title>
</Center>
{/* <pre>{JSON.stringify(data, null,2)}</pre> */}
<Grid justify="center">
{data.map((e) => (
<Grid.Col key={e.id} span={data.length >= 4 ? 6 : 4}>
<Stack align="center">
<Avatar
radius={100}
size={70}
variant="outline"
color="blue"
>
<Text>
{e.jumlah}
{/* {hasil.filter((i: any) => i.idDaftarNama == "clsijw6ur0002x5loqsq6g4id")} */}
</Text>
</Avatar>
<Text>{e.value}</Text>
</Stack>
</Grid.Col>
))}
</Grid>
</Stack>
</Card.Section>
</Card>
</>
);
}
function TampilanListKontributor({
lisKontributor,
}: {
lisKontributor: MODEL_VOTE_KONTRIBUTOR[];
}) {
return (
<>
<Card shadow="lg" withBorder p={30}>
<Card.Section>
<Stack>
<Center>
<Title order={5}>Daftar Voting</Title>
</Center>
{lisKontributor.map((e, i) => (
<Stack spacing={"xs"} key={i}>
<Grid>
<Grid.Col span={2}>
<Avatar
size={30}
sx={{ borderStyle: "solid", borderWidth: "0.5px" }}
radius={"xl"}
bg={"gray.1"}
src={
e
? RouterProfile.api_foto_profile +
e.Author.Profile.imagesId
: "/aset/global/avatar.png"
}
/>
</Grid.Col>
<Grid.Col span={6}>
<Stack justify="center" h={"100%"}>
<Text truncate fz={"sm"} fw={"bold"}>
{e ? e.Author.Profile.name : "Nama author"}
</Text>
</Stack>
</Grid.Col>
<Grid.Col span={4}>
<Badge w={100}>
<Text truncate>{e.Voting_DaftarNamaVote.value}</Text>
</Badge>
</Grid.Col>
</Grid>
<Divider />
</Stack>
))}
{/* {lisKontributor.map((e) => (
<Stack key={e.id}>
<Group position="apart">
<Group>
<Avatar
size={30}
sx={{ borderStyle: "solid", borderWidth: "0.5px" }}
radius={"xl"}
bg={"gray.1"}
src={
e
? RouterProfile.api_foto_profile +
e.Author.Profile.imagesId
: "/aset/global/avatar.png"
}
/>
<Text truncate fz={"sm"} fw={"bold"}>
{e ? e.Author.Profile.name : "Nama author"}
</Text>
</Group>
<Badge>
<Text truncate>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum minus libero, ullam ipsum quasi labore iure doloremque sunt et mollitia dolorem laborum quisquam, dolores quis deserunt id. Ipsa, minus temporibus.</Text>
</Badge>
</Group>
<Divider />
</Stack>
))} */}
</Stack>
</Card.Section>
</Card>
{/* <pre>{JSON.stringify(lisKontributor, null, 2)}</pre> */}
</>
);
}

View File

@@ -0,0 +1,81 @@
"use client";
import {
Badge,
Card,
Center,
Grid,
Group,
Radio,
Stack,
Text,
Title,
} from "@mantine/core";
import ComponentVote_DetailDataSebelumPublish from "../../component/detail/detail_data_sebelum_publish";
import ComponentVote_DaftarKontributorVoter from "../../component/detail/detail_daftar_kontributor";
import ComponentVote_HasilVoting from "../../component/detail/detail_hasil_voting";
import moment from "moment";
import { MODEL_VOTE_KONTRIBUTOR, MODEL_VOTING } from "../../model/interface";
import ComponentVote_DetailDataSetelahPublish from "../../component/detail/detail_data_setelah_publish";
export default function Vote_DetailPublish({
dataVote,
listKontributor,
}: {
dataVote: MODEL_VOTING;
listKontributor: MODEL_VOTE_KONTRIBUTOR;
}) {
return (
<>
<Stack>
{/* <ComponentVote_DetailStatus /> */}
<ComponentVote_DetailDataSetelahPublish data={dataVote} />
<ComponentVote_HasilVoting data={dataVote.Voting_DaftarNamaVote} />
<ComponentVote_DaftarKontributorVoter
listKontributor={listKontributor as any}
/>
</Stack>
</>
);
}
function TampilanDataVoting({ data }: { data: MODEL_VOTING }) {
return (
<>
<Card shadow="lg" withBorder p={30}>
<Card.Section px={"xs"}>
<Stack spacing={"lg"}>
<Center>
<Title order={5}>{data.title}</Title>
</Center>
<Text>{data.deskripsi}</Text>
</Stack>
</Card.Section>
<Card.Section py={"lg"}>
<Stack spacing={0}>
<Center>
<Text fz={10} fw={"bold"}>
Batas Voting
</Text>
</Center>
<Badge>
<Group>
<Text>
{data.awalVote.toLocaleDateString(["id-ID"], {
dateStyle: "long",
})}
</Text>
<Text>-</Text>
<Text>
{data.akhirVote.toLocaleDateString(["id-ID"], {
dateStyle: "long",
})}
</Text>
</Group>
</Badge>
</Stack>
</Card.Section>
</Card>
</>
);
}

View File

@@ -9,39 +9,59 @@ import {
Text,
Title,
} from "@mantine/core";
import ComponentVote_DetailData from "../../component/detail/detail_data";
import ComponentVote_DetailDataSebelumPublish from "../../component/detail/detail_data_sebelum_publish";
import { useRouter } from "next/navigation";
import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_global/notif_global/notifikasi_berhasil";
import { useAtom } from "jotai";
import { gs_vote_status } from "../../global_state";
import { useDisclosure } from "@mantine/hooks";
import { MODEL_VOTING } from "../../model/interface";
import { Vote_funDeleteById } from "../../fun/delete/fun_delete_by_id";
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
import { Vote_funEditStatusByStatusId } from "../../fun/edit/fun_edit_status_by_id";
export default function Vote_DetailReject() {
export default function Vote_DetailReject({
dataVote,
}: {
dataVote: MODEL_VOTING;
}) {
return (
<>
<Stack spacing={"xl"}>
<ComponentVote_DetailData />
<ButtonAction />
<ComponentVote_DetailDataSebelumPublish data={dataVote as any} />
<ButtonAction voteId={dataVote.id} />
</Stack>
</>
);
}
function ButtonAction() {
function ButtonAction({ voteId }: { voteId: string }) {
const router = useRouter();
const [tabsStatus, setTabsStatus] = useAtom(gs_vote_status);
const [opened, { open, close }] = useDisclosure(false);
async function onUpdate() {
setTabsStatus("Draft");
ComponentGlobal_NotifikasiBerhasil("Berhasil Masuk Draft", 2000);
router.back();
await Vote_funEditStatusByStatusId(voteId, "3").then((res) => {
if (res.status === 200) {
setTabsStatus("Draft");
ComponentGlobal_NotifikasiBerhasil("Berhasil Masuk Draft", 2000);
router.back();
} else {
ComponentGlobal_NotifikasiGagal(res.message);
}
});
}
async function onDelete() {
setTabsStatus("Reject");
ComponentGlobal_NotifikasiBerhasil("Berhasil Hapus Vote", 2000);
router.back();
await Vote_funDeleteById(voteId).then((res) => {
if (res.status === 200) {
setTabsStatus("Draft");
ComponentGlobal_NotifikasiBerhasil("Berhasil Hapus Vote", 2000);
router.back();
} else {
ComponentGlobal_NotifikasiGagal(res.message);
}
});
}
return (

View File

@@ -0,0 +1,69 @@
"use client";
import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_global/notif_global/notifikasi_berhasil";
import {
Badge,
Button,
Card,
Center,
Grid,
Group,
Radio,
Stack,
Text,
Title,
} from "@mantine/core";
import { useAtom } from "jotai";
import moment from "moment";
import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.shared-runtime";
import { useRouter } from "next/navigation";
import { gs_vote_status } from "../../global_state";
import ComponentVote_DetailDataSebelumPublish from "../../component/detail/detail_data_sebelum_publish";
import { Vote_funEditStatusByStatusId } from "../../fun/edit/fun_edit_status_by_id";
import { MODEL_VOTING } from "../../model/interface";
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
export default function Vote_DetailReview({
dataVote,
}: {
dataVote: MODEL_VOTING;
}) {
return (
<>
<Stack spacing={"xl"}>
<ComponentVote_DetailDataSebelumPublish data={dataVote as any} />
<ButtonAction voteId={dataVote.id} />
</Stack>
</>
);
}
function ButtonAction({ voteId }: { voteId: string }) {
const router = useRouter();
const [tabsStatus, setTabsStatus] = useAtom(gs_vote_status);
async function onUpdate() {
await Vote_funEditStatusByStatusId(voteId, "3").then((res) => {
if (res.status === 200) {
setTabsStatus("Draft");
ComponentGlobal_NotifikasiBerhasil("Berhasil Batalkan Review", 2000);
router.back();
} else {
ComponentGlobal_NotifikasiGagal(res.message);
}
});
}
return (
<>
<Button
radius={"xl"}
color="red"
onClick={() => {
onUpdate();
}}
>
Batalkan Review
</Button>
</>
);
}

View File

@@ -0,0 +1,30 @@
"use client";
import { Stack } from "@mantine/core";
import ComponentVote_DaftarKontributorVoter from "../../component/detail/detail_daftar_kontributor";
import ComponentVote_DetailDataSetelahPublish from "../../component/detail/detail_data_setelah_publish";
import ComponentVote_HasilVoting from "../../component/detail/detail_hasil_voting";
import { MODEL_VOTING } from "../../model/interface";
export default function Vote_DetailRiwayatSaya({
dataVote,
listKontributor,
}: {
dataVote: MODEL_VOTING;
listKontributor: any[];
}) {
return (
<>
<Stack>
<ComponentVote_DetailDataSetelahPublish
data={dataVote}
authorName={true}
/>
<ComponentVote_HasilVoting data={dataVote.Voting_DaftarNamaVote} />
<ComponentVote_DaftarKontributorVoter
listKontributor={listKontributor}
/>
</Stack>
</>
);
}

View File

@@ -0,0 +1,29 @@
"use client";
import { Stack } from "@mantine/core";
import ComponentVote_DetailDataTanpaVote from "../../component/detail/detail_data_tanpa_vote";
import ComponentVote_HasilVoting from "../../component/detail/detail_hasil_voting";
import ComponentVote_DaftarKontributorVoter from "../../component/detail/detail_daftar_kontributor";
import ComponentVote_DetailDataSetelahPublish from "../../component/detail/detail_data_setelah_publish";
import { MODEL_VOTE_KONTRIBUTOR, MODEL_VOTING } from "../../model/interface";
export default function Vote_DetailSemuaRiwayat({
dataVote,
listKontributor,
}: {
dataVote: MODEL_VOTING;
listKontributor:MODEL_VOTE_KONTRIBUTOR[]
}) {
return (
<>
<Stack>
<ComponentVote_DetailDataSetelahPublish
data={dataVote}
authorName={true}
/>
<ComponentVote_HasilVoting data={dataVote.Voting_DaftarNamaVote} />
<ComponentVote_DaftarKontributorVoter listKontributor={listKontributor} />
</Stack>
</>
);
}

View File

@@ -0,0 +1,162 @@
"use client";
import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_global/notif_global/notifikasi_berhasil";
import {
Box,
Button,
Center,
Grid,
Group,
Stack,
Text,
TextInput,
Textarea,
Title,
} from "@mantine/core";
import { DatePickerInput } from "@mantine/dates";
import { useCounter } from "@mantine/hooks";
import { IconHome, IconPlus } from "@tabler/icons-react";
import { useAtom } from "jotai";
import moment from "moment";
import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.shared-runtime";
import { useRouter } from "next/navigation";
import { useState } from "react";
import { gs_vote_hotMenu, gs_vote_status } from "../global_state";
import { RouterVote } from "@/app/lib/router_hipmi/router_vote";
import {
MODEL_VOTING,
MODEL_VOTING_DAFTAR_NAMA_VOTE,
} from "../model/interface";
import _ from "lodash";
import { Vote_funEditById } from "../fun/edit/fun_edit_by_id";
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
export default function Vote_Edit({
dataVote,
listDaftarVote,
}: {
dataVote: MODEL_VOTING;
listDaftarVote: MODEL_VOTING_DAFTAR_NAMA_VOTE[];
}) {
const [data, setData] = useState(dataVote);
const [listVoting, setListVoting] = useState(listDaftarVote);
return (
<>
<Stack px={"sm"}>
<TextInput
label="Judul"
withAsterisk
placeholder="Masukan judul"
value={data.title}
onChange={(val) => {
setData({
...data,
title: val.target.value,
});
}}
/>
<Textarea
label="Deskripsi"
autosize
minRows={2}
maxRows={5}
withAsterisk
placeholder="Masukan deskripsi"
value={data.deskripsi}
onChange={(val) => {
setData({
...data,
deskripsi: val.target.value,
});
}}
/>
<DatePickerInput
label="Jangka Waktu"
placeholder="Masukan jangka waktu voting"
withAsterisk
dropdownType="modal"
type="range"
excludeDate={(date) => {
return moment(date).diff(Date.now(), "days") < 0;
}}
value={[data.awalVote, data.akhirVote]}
onChange={(val: any) =>
setData({
...data,
awalVote: val[0],
akhirVote: val[1],
})
}
/>
<Stack spacing={0}>
<Center>
<Text fw={"bold"} fz={"sm"}>
Daftar Voting
</Text>
</Center>
<Stack>
<Stack>
{listVoting.map((e, index) => (
<Box key={index}>
<TextInput
label={"Nama Voting"}
withAsterisk
placeholder="Nama pilihan voting"
value={e.value}
onChange={(v) => {
const cloneData = _.clone(listVoting);
cloneData[index].value = v.currentTarget.value;
setListVoting([...listVoting]);
}}
/>
</Box>
))}
</Stack>
</Stack>
</Stack>
<ButtonAction data={data} listVoting={listVoting} />
{/* <pre>{JSON.stringify(listDaftarVote, null, 2)}</pre> */}
</Stack>
</>
);
}
function ButtonAction({
data,
listVoting,
}: {
data: MODEL_VOTING;
listVoting: MODEL_VOTING_DAFTAR_NAMA_VOTE[];
}) {
const router = useRouter();
const [hotMenu, setHotMenu] = useAtom(gs_vote_hotMenu);
const [tabsStatus, setTabsStatus] = useAtom(gs_vote_status);
async function onUpdate() {
await Vote_funEditById(data, listVoting).then((res) => {
if (res.status === 200) {
ComponentGlobal_NotifikasiBerhasil("Berhasil Update");
// setHotMenu(1);
// setTabsStatus("Draft");
router.back();
} else {
ComponentGlobal_NotifikasiGagal(res.message);
}
});
}
return (
<>
<Button mt={"lg"} radius={"xl"} color="green" onClick={() => onUpdate()}>
Update
</Button>
</>
);
}

View File

@@ -0,0 +1,46 @@
"use server";
import prisma from "@/app/lib/prisma";
import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
import { revalidatePath } from "next/cache";
export async function Vote_funCreateHasil(
pilihanVotingId: string,
votingId: string
) {
const authorId = await User_getUserId();
const get = await prisma.voting_DaftarNamaVote.findFirst({
where: {
id: pilihanVotingId,
},
select: {
jumlah: true,
},
});
if (!get) return { status: 400, message: "Gagal Voting" };
const updt = await prisma.voting_DaftarNamaVote.update({
where: {
id: pilihanVotingId,
},
data: {
jumlah: get.jumlah + 1,
},
});
if (!updt) return { status: 400, message: "Gagal Update" };
const create = await prisma.voting_Kontributor.create({
data: {
voting_DaftarNamaVoteId: pilihanVotingId,
votingId: votingId,
authorId: authorId,
},
});
if (!create) return { status: 400, message: "Gagal Menjadi Kontributor" };
revalidatePath("/dev/vote/detail/main/");
return { status: 201, message: "Berhasil Voting" };
}

View File

@@ -0,0 +1,24 @@
"use server";
import prisma from "@/app/lib/prisma";
import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
import { revalidatePath } from "next/cache";
export async function Vote_funCreatePilihanVotingById(
namaVotingId: string,
votingId: string
) {
const authorId = await User_getUserId();
const create = await prisma.voting_Kontributor.create({
data: {
voting_DaftarNamaVoteId: namaVotingId,
votingId: votingId,
authorId: authorId,
},
});
if(!create) return {status: 400, message: "Gagal Voting"}
revalidatePath("/dev/vote/detail/main/");
return {status: 201, message: "Berhasil Voting"}
}

View File

@@ -0,0 +1,26 @@
"use server";
import prisma from "@/app/lib/prisma";
import { revalidatePath } from "next/cache";
/**
* @param voteId
* @returns isActive berubah menjadi false
*/
export async function Vote_funDeleteById(voteId: string) {
const del = await prisma.voting.update({
where: {
id: voteId,
},
data: {
isActive: false,
},
});
if (!del) return { status: 400, message: "Gagal Hapus Data" };
revalidatePath("/dev/vote/main/status");
return {
status: 200,
message: "Hapus Berhasil",
};
}

View File

@@ -0,0 +1,48 @@
"use server";
import prisma from "@/app/lib/prisma";
import {
MODEL_VOTING,
MODEL_VOTING_DAFTAR_NAMA_VOTE,
} from "../../model/interface";
import { revalidatePath } from "next/cache";
export async function Vote_funEditById(
data: MODEL_VOTING,
listVoting: MODEL_VOTING_DAFTAR_NAMA_VOTE[]
) {
// console.log(listVoting)
const updtVoting = await prisma.voting.update({
where: {
id: data.id,
},
data: {
title: data.title,
deskripsi: data.deskripsi,
awalVote: data.awalVote,
akhirVote: data.akhirVote,
},
});
if (!updtVoting) return { status: 400, message: "Gagal Update" };
for (let e of listVoting) {
const updtListVoting = await prisma.voting_DaftarNamaVote.updateMany({
where: {
id: e.id,
},
data: {
value: e.value,
},
});
if (!updtListVoting)
return { status: 400, message: "Gagal Update Daftar Vote" };
}
revalidatePath("/dev/vote/detail/draft");
return {
status: 200,
message: "Berhasil Update",
};
}

View File

@@ -0,0 +1,26 @@
"use server";
import prisma from "@/app/lib/prisma";
import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
import { revalidatePath } from "next/cache";
export async function Vote_funEditStatusByStatusId(
voteId: string,
statusId: string
) {
const updt = await prisma.voting.update({
where: {
id: voteId,
},
data: {
voting_StatusId: statusId,
},
});
if (!updt) return { status: 400, message: "Gagal Update" };
revalidatePath("/dev/vote/main/status");
return {
status: 200,
message: "Update Berhasil",
};
}

View File

@@ -0,0 +1,21 @@
"use server";
import prisma from "@/app/lib/prisma";
import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
export async function Vote_cekKontributorById(votingId: string) {
const UserId = await User_getUserId()
const cek = await prisma.voting_Kontributor.count({
where: {
authorId: UserId,
votingId: votingId,
},
});
if (cek > 0) {
return true;
} else {
return false;
}
}

View File

@@ -0,0 +1,47 @@
"use server";
import prisma from "@/app/lib/prisma";
import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
export async function Vote_getAllListPublish() {
const data = await prisma.voting.findMany({
orderBy: {
updatedAt: "desc",
},
where: {
voting_StatusId: "1",
isActive: true,
akhirVote: {
gte: new Date(),
},
},
select: {
id: true,
title: true,
isActive: true,
createdAt: true,
updatedAt: true,
deskripsi: true,
awalVote: true,
akhirVote: true,
catatan: true,
authorId: true,
voting_StatusId: true,
Voting_DaftarNamaVote: {
orderBy: {
createdAt: "asc",
},
},
Author: {
select: {
id: true,
username: true,
nomor: true,
Profile: true,
},
},
},
});
return data;
}

View File

@@ -0,0 +1,46 @@
"use server"
import prisma from "@/app/lib/prisma"
export async function Vote_getAllListRiwayat() {
const data = await prisma.voting.findMany({
orderBy: {
createdAt: "asc",
},
where: {
voting_StatusId: "1",
isActive: true,
akhirVote: {
lte: new Date(),
},
},
select: {
id: true,
title: true,
isActive: true,
createdAt: true,
updatedAt: true,
deskripsi: true,
awalVote: true,
akhirVote: true,
catatan: true,
authorId: true,
voting_StatusId: true,
Voting_DaftarNamaVote: {
orderBy: {
createdAt: "asc",
},
},
Author: {
select: {
id: true,
username: true,
nomor: true,
Profile: true,
},
},
},
});
return data
}

View File

@@ -0,0 +1,49 @@
"use server";
import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
import prisma from "@/app/lib/prisma";
export async function Vote_getAllListRiwayatSaya() {
const authorId = await User_getUserId();
const data = await prisma.voting.findMany({
orderBy: {
createdAt: "asc",
},
where: {
voting_StatusId: "1",
authorId: authorId,
isActive: true,
akhirVote: {
lte: new Date(),
},
},
select: {
id: true,
title: true,
isActive: true,
createdAt: true,
updatedAt: true,
deskripsi: true,
awalVote: true,
akhirVote: true,
catatan: true,
authorId: true,
voting_StatusId: true,
Voting_DaftarNamaVote: {
orderBy: {
createdAt: "asc",
},
},
Author: {
select: {
id: true,
username: true,
nomor: true,
Profile: true,
},
},
},
});
return data;
}

View File

@@ -0,0 +1,13 @@
"use server";
import prisma from "@/app/lib/prisma";
export async function Vote_getListDaftarNamaById(voteId: string) {
const data = await prisma.voting_DaftarNamaVote.findMany({
where: {
votingId: voteId,
},
});
return data;
}

View File

@@ -0,0 +1,42 @@
"use server";
import prisma from "@/app/lib/prisma";
import { MODEL_VOTING_DAFTAR_NAMA_VOTE } from "../../model/interface";
import _ from "lodash";
export async function Vote_getHasilVoteById(
daftarPilihanVoting: MODEL_VOTING_DAFTAR_NAMA_VOTE[]
) {
// console.log(daftarPilihanVoting)
// for (let e of daftarPilihanVoting) {
// const get = await prisma.voting_Kontributor.count({
// where: {
// voting_DaftarNamaVoteId: e.id,
// },
// });
// console.log(get);
// return get
// }
const data = await prisma.voting_Kontributor.findMany({
where: {
votingId: "clsijw6uf0001x5logh7msuh1",
},
});
const hitung = _.map(
_.groupBy(data, "voting_DaftarNamaVoteId"),
(v: any) => ({
jumlah: v.length,
idDaftarNama: v[0].voting_DaftarNamaVoteId,
})
);
// const filter = hitung.filter(
// (i: any) => i.idDaftarNama == "clsijw6ur0002x5loqsq6g4id"
// );
return hitung
}

Some files were not shown because too many files have changed in this diff Show More