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

# Voting

Browse Source 
## feat
- Voting user
- Halaman kontribusi
- Halaman riwayat
### No issuue
This commit is contained in:
Bagasbanuna02
2024-02-16 17:20:06 +08:00
parent 0dd8e287f4
commit e629157960
135 changed files with 3160 additions and 1501 deletions
Download Patch File Download Diff File Expand all files Collapse all files

142
src/app_modules/vote/component/card_view_publish.tsx Normal file
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>
</>
);
}

68
src/app_modules/vote/component/card_view_status.tsx Normal file
View File

@@ -0,0 +1,68 @@
"use client";
import {
Card,
Stack,
Title,
Badge,
Group,
Radio,
Grid,
Center,
Text,
} 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_CardViewStatus({
path,
data,
}: {
path?: string;
data?: MODEL_VOTING;
}) {
const router = useRouter();
return (
<>
<Card
shadow="lg"
withBorder
p={30}
radius={"md"}
onClick={() => {
if (data?.id === undefined) {
ComponentGlobal_NotifikasiPeringatan("Path tidak ditemukan");
} else {
router.push((path as string) + data?.id);
}
}}
>
{/* Isi deskripsi */}
<Card.Section>
<Stack>
<Text fw={"bold"} truncate>
{data?.title}
</Text>
<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>
</Card.Section>
</Card>
</>
);
}

92
src/app_modules/vote/component/detail/detail_daftar_kontributor.tsx Normal file
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>
</>
);
}

77
src/app_modules/vote/component/detail/detail_data_sebelum_publish.tsx Normal file
View File

@@ -0,0 +1,77 @@
"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";
export default function ComponentVote_DetailDataSebelumPublish
({
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 spacing={0}>
<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.Section py={40}>
<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>
</>
);
}

74
src/app_modules/vote/component/detail/detail_data_setelah_publish.tsx Normal file
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>
</>
);
}

51
src/app_modules/vote/component/detail/detail_data_tanpa_vote.tsx Normal file
View File

@@ -0,0 +1,51 @@
import { Badge, Card, Center, Group, Stack, Text, Title } from "@mantine/core";
import moment from "moment";
export default function ComponentVote_DetailDataTanpaVote() {
return (
<>
<Card shadow="lg" withBorder p={30}>
<Card.Section px={"xs"}>
<Stack spacing={"lg"}>
<Center>
<Title order={5}>Judul voting</Title>
</Center>
<Text>
Deskripsi: Lorem, ipsum dolor sit amet consectetur adipisicing
elit. Mollitia possimus repellendus in, iste voluptatibus sit
laborum voluptates aliquam nisi? Earum quas ea quaerat veniam
porro, magni nulla consequuntur distinctio at.
</Text>
</Stack>
</Card.Section>
<Card.Section py={"lg"}>
<Stack spacing={0}>
<Center>
<Text fz={10} fw={"bold"}>
Batas Voting
</Text>
</Center>
<Badge>
<Group>
<Text>
{new Date().toLocaleDateString(["id-ID"], {
dateStyle: "medium",
})}
</Text>
<Text>-</Text>
<Text>
{new Date(
moment(Date.now()).add(10, "days").calendar()
).toLocaleDateString(["id-ID"], {
dateStyle: "medium",
})}
</Text>
</Group>
</Badge>
</Stack>
</Card.Section>
</Card>
</>
);
}

53
src/app_modules/vote/component/detail/detail_hasil_voting.tsx Normal file
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>
</>
);
}

69
src/app_modules/vote/component/header_tamplate.tsx Normal file
View File

@@ -0,0 +1,69 @@
"use client";
import { Header, Group, ActionIcon, Text, Title } from "@mantine/core";
import { IconArrowLeft, IconChevronLeft } from "@tabler/icons-react";
import { useRouter } from "next/navigation";
import { useState } from "react";
export default function ComponentVote_HeaderTamplate({
hideBack,
changeIconBack,
route,
route2,
title,
icon,
bg,
}: {
hideBack?: boolean;
changeIconBack?: any;
route?: any;
route2?: any;
title: string;
icon?: any;
bg?: any;
}) {
const router = useRouter();
return (
<>
<Header
height={50}
sx={{ borderStyle: "none" }}
bg={bg === null ? "" : bg}
>
<Group h={50} position="apart" px={"md"}>
{hideBack ? (
<ActionIcon variant="transparent" disabled></ActionIcon>
) : (
<ActionIcon
variant="transparent"
onClick={() => {
if (route === null || route === undefined) {
return router.back();
} else {
return router.push(route);
}
}}
>
{changeIconBack ? changeIconBack : <IconChevronLeft />}
</ActionIcon>
)}
<Title order={5}>{title}</Title>
{(() => {
if (route2 === null || route2 === undefined) {
return <ActionIcon disabled variant="transparent"></ActionIcon>;
} else {
return (
<ActionIcon
variant="transparent"
onClick={() => router.push(route2)}
>
{icon}
</ActionIcon>
);
}
})()}
</Group>
</Header>
</>
);
}

13
src/app_modules/vote/component/is_empty_data.tsx Normal file
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>
</>
);
}

228
src/app_modules/vote/create/index.tsx Normal file
View File

@@ -0,0 +1,228 @@
"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, IconMinus, 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 _ from "lodash";
import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/component_global/notif_global/notifikasi_peringatan";
import { data } from "autoprefixer";
import { Vote_funCreate } from "../fun/create/create_vote";
import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
import { MODEL_VOTING } from "../model/interface";
export default function Vote_Create() {
const router = useRouter();
const [hotMenu, setHotMenu] = useAtom(gs_vote_hotMenu);
const [tabsStatus, setTabsStatus] = useAtom(gs_vote_status);
const [data, setData] = useState({
title: "",
deskripsi: "",
awalVote: Date,
akhirVote: Date,
});
// const [range, setRange] = useState({
// });
const [listVote, setListVote] = useState([
{
name: "Nama Voting",
value: "",
},
{
name: "Nama Voting",
value: "",
},
]);
return (
<>
<Stack px={"sm"} spacing={"xl"}>
<Stack>
<TextInput
label="Judul"
withAsterisk
placeholder="Masukan judul"
onChange={(val) => {
setData({
...data,
title: val.target.value,
});
}}
/>
<Textarea
label="Deskripsi"
autosize
minRows={2}
maxRows={5}
withAsterisk
placeholder="Masukan 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;
}}
onChange={(val: any) => {
setData({
...data,
awalVote: val[0],
akhirVote: val[1],
});
}}
/>
</Stack>
<Stack spacing={0}>
<Center>
<Text fw={"bold"} fz={"sm"}>
Daftar Voting
</Text>
</Center>
<Stack>
<Stack>
{listVote.map((e, index) => (
<Box key={index}>
<TextInput
label={e.name}
withAsterisk
placeholder="Nama pilihan voting"
onChange={(v) => {
const val = _.clone(listVote);
val[index].value = v.currentTarget.value;
setListVote([...val]);
}}
/>
</Box>
))}
</Stack>
<Group position="center">
{listVote.length >= 4 ? (
""
) : (
<Button
compact
w={100}
radius={"xl"}
leftIcon={<IconPlus size={15} />}
variant="outline"
onClick={() => {
// if (listVote.length >= 4)
// return ComponentGlobal_NotifikasiPeringatan(
// "Daftar Voting Maksimal 4"
// );
setListVote([
...listVote,
{ name: "Nama Voting", value: "" },
]);
}}
>
<Text fz={8}>Tambah List</Text>
</Button>
)}
{listVote.length <= 2 ? (
""
) : (
<Button
compact
w={100}
radius={"xl"}
leftIcon={<IconMinus size={15} />}
variant="outline"
onClick={() => {
if (listVote.length <= 2)
return ComponentGlobal_NotifikasiPeringatan(
"Daftar Voting Minimal 2"
);
setListVote([...listVote.slice(0, -1)]);
}}
>
<Text fz={8}>Kurangi List</Text>
</Button>
)}
</Group>
</Stack>
</Stack>
<Button
// disabled
mt={"lg"}
radius={"xl"}
onClick={() => {
onSave(router, setHotMenu, setTabsStatus, data as any, listVote);
}}
>
Simpan
</Button>
</Stack>
</>
);
}
async function onSave(
router: AppRouterInstance,
setHotMenu: any,
setTabsStatus: any,
data: MODEL_VOTING,
listVote: any[]
) {
if (_.values(data).includes(""))
return ComponentGlobal_NotifikasiPeringatan("Lengkapi Data");
const cekAwalVote = moment(data.awalVote).format();
if (cekAwalVote === "Invalid date")
return ComponentGlobal_NotifikasiPeringatan("Lengkapi Tanggal");
const cekAkhirVote = moment(data.akhirVote).format();
if (cekAkhirVote === "Invalid date")
return ComponentGlobal_NotifikasiPeringatan("Lengkapi Tanggal");
if (_.values(listVote.map((e) => e.value)).includes(""))
return ComponentGlobal_NotifikasiPeringatan("Isi Semua Nama Voting");
await Vote_funCreate(data, listVote).then((res) => {
if (res.status === 201) {
setHotMenu(1);
setTabsStatus("Review");
router.replace(RouterVote.status);
ComponentGlobal_NotifikasiBerhasil(res.message);
} else {
ComponentGlobal_NotifikasiGagal(res.message);
}
});
}

19
src/app_modules/vote/create/layout.tsx Normal file
View File

@@ -0,0 +1,19 @@
"use client";
import { AppShell } from "@mantine/core";
import React from "react";
import ComponentVote_HeaderTamplate from "../component/header_tamplate";
export default function LayoutVote_Create({
children,
}: {
children: React.ReactNode;
}) {
return (
<>
<AppShell header={<ComponentVote_HeaderTamplate title="Tambah Vote" />}>
{children}
</AppShell>
</>
);
}

118
src/app_modules/vote/detail/draft/index.tsx Normal file
View File

@@ -0,0 +1,118 @@
"use client";
import { Button, Group, Modal, SimpleGrid, Stack, Title } from "@mantine/core";
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({
dataVote,
}: {
dataVote: MODEL_VOTING;
}) {
return (
<>
<Stack>
<ComponentVote_DetailDataSebelumPublish data={dataVote} />
<ButtonAction voteId={dataVote.id} awalVote={dataVote.awalVote} />
</Stack>
</>
);
}
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() {
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() {
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 (
<>
<SimpleGrid cols={2}>
<Button
radius={"xl"}
color="yellow"
onClick={() => {
onUpdate();
}}
>
Ajukan Review
</Button>
<Button
radius={"xl"}
color="red"
onClick={() => {
open();
}}
>
Hapus
</Button>
</SimpleGrid>
<Modal opened={opened} onClose={close} centered withCloseButton={false}>
<Stack>
<Title order={6}>Yakin menghapus vote ini ?</Title>
<Group position="center">
<Button
radius={"xl"}
onClick={() => {
close();
}}
>
Kembali
</Button>
<Button
radius={"xl"}
onClick={() => {
onDelete();
}}
color="red"
>
Hapus
</Button>
</Group>
</Stack>
</Modal>
</>
);
}

31
src/app_modules/vote/detail/draft/layout.tsx Normal file
View File

@@ -0,0 +1,31 @@
"use client";
import { AppShell } from "@mantine/core";
import React from "react";
import ComponentVote_HeaderTamplate from "../../component/header_tamplate";
import { IconEdit } from "@tabler/icons-react";
import { RouterVote } from "@/app/lib/router_hipmi/router_vote";
export default function LayoutVote_DetailDraft({
children,
voteId
}: {
children: React.ReactNode;
voteId: string
}) {
return (
<>
<AppShell
header={
<ComponentVote_HeaderTamplate
title="Detail Draft"
icon={<IconEdit />}
route2={RouterVote.edit + voteId}
/>
}
>
{children}
</AppShell>
</>
);
}

43
src/app_modules/vote/detail/kontribusi/index.tsx Normal file
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>
</>
);
}

21
src/app_modules/vote/detail/kontribusi/layout.tsx Normal file
View File

@@ -0,0 +1,21 @@
"use client";
import { AppShell } from "@mantine/core";
import React from "react";
import ComponentVote_HeaderTamplate from "../../component/header_tamplate";
export default function LayoutVote_DetailKontribusi({
children,
}: {
children: React.ReactNode;
}) {
return (
<>
<AppShell
header={<ComponentVote_HeaderTamplate title="Detail Kontribusi" />}
>
{children}
</AppShell>
</>
);
}

315
src/app_modules/vote/detail/main/index.tsx Normal file
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> */}
</>
);
}

19
src/app_modules/vote/detail/main/layout.tsx Normal file
View File

@@ -0,0 +1,19 @@
"use client";
import { AppShell } from "@mantine/core";
import React from "react";
import ComponentVote_HeaderTamplate from "../../component/header_tamplate";
export default function LayoutVote_MainDetail({
children,
}: {
children: React.ReactNode;
}) {
return (
<>
<AppShell header={<ComponentVote_HeaderTamplate title="Detail Voting" />}>
{children}
</AppShell>
</>
);
}

81
src/app_modules/vote/detail/publish/index.tsx Normal file
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>
</>
);
}

19
src/app_modules/vote/detail/publish/layout.tsx Normal file
View File

@@ -0,0 +1,19 @@
"use client";
import { AppShell } from "@mantine/core";
import React from "react";
import ComponentVote_HeaderTamplate from "../../component/header_tamplate";
export default function LayoutVote_DetailPublish({
children,
}: {
children: React.ReactNode;
}) {
return (
<>
<AppShell header={<ComponentVote_HeaderTamplate title="Detail Publish" />}>
{children}
</AppShell>
</>
);
}

116
src/app_modules/vote/detail/reject/index.tsx Normal file
View File

@@ -0,0 +1,116 @@
"use client";
import {
Button,
Group,
Modal,
SimpleGrid,
Stack,
Text,
Title,
} from "@mantine/core";
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({
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);
const [opened, { open, close }] = useDisclosure(false);
async function onUpdate() {
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() {
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 (
<>
<SimpleGrid cols={2}>
<Button
radius={"xl"}
color="orange"
onClick={() => {
onUpdate();
}}
>
Edit Kembali
</Button>{" "}
<Button
radius={"xl"}
color="red"
onClick={() => {
open();
}}
>
Hapus
</Button>
</SimpleGrid>
<Modal opened={opened} onClose={close} centered withCloseButton={false}>
<Stack>
<Title order={6}>Yakin menghapus vote ini ?</Title>
<Group position="center">
<Button
radius={"xl"}
onClick={() => {
close();
}}
>
Kembali
</Button>
<Button
radius={"xl"}
onClick={() => {
onDelete();
}}
color="red"
>
Hapus
</Button>
</Group>
</Stack>
</Modal>
</>
);
}

19
src/app_modules/vote/detail/reject/layout.tsx Normal file
View File

@@ -0,0 +1,19 @@
"use client";
import { AppShell } from "@mantine/core";
import React from "react";
import ComponentVote_HeaderTamplate from "../../component/header_tamplate";
export default function LayoutVote_DetailReject({
children,
}: {
children: React.ReactNode;
}) {
return (
<>
<AppShell header={<ComponentVote_HeaderTamplate title="Detail Reject" />}>
{children}
</AppShell>
</>
);
}

69
src/app_modules/vote/detail/review/index.tsx Normal file
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>
</>
);
}

19
src/app_modules/vote/detail/review/layout.tsx Normal file
View File

@@ -0,0 +1,19 @@
"use client";
import { AppShell } from "@mantine/core";
import React from "react";
import ComponentVote_HeaderTamplate from "../../component/header_tamplate";
export default function LayoutVote_DetailReview({
children,
}: {
children: React.ReactNode;
}) {
return (
<>
<AppShell header={<ComponentVote_HeaderTamplate title="Detail Review" />}>
{children}
</AppShell>
</>
);
}

21
src/app_modules/vote/detail/riwayat_saya/layout.tsx Normal file
View File

@@ -0,0 +1,21 @@
"use client";
import { AppShell } from "@mantine/core";
import React from "react";
import ComponentVote_HeaderTamplate from "../../component/header_tamplate";
export default function LayoutVote_DetailRiwayatSaya({
children,
}: {
children: React.ReactNode;
}) {
return (
<>
<AppShell
header={<ComponentVote_HeaderTamplate title="Detail Riwayat" />}
>
{children}
</AppShell>
</>
);
}

30
src/app_modules/vote/detail/riwayat_saya/page.tsx Normal file
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>
</>
);
}

21
src/app_modules/vote/detail/semua_riwayat/layout.tsx Normal file
View File

@@ -0,0 +1,21 @@
"use client";
import { AppShell } from "@mantine/core";
import React from "react";
import ComponentVote_HeaderTamplate from "../../component/header_tamplate";
export default function LayoutVote_DetailSemuaRiwayat({
children,
}: {
children: React.ReactNode;
}) {
return (
<>
<AppShell
header={<ComponentVote_HeaderTamplate title="Detail Riwayat" />}
>
{children}
</AppShell>
</>
);
}

29
src/app_modules/vote/detail/semua_riwayat/page.tsx Normal file
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>
</>
);
}

162
src/app_modules/vote/edit/index.tsx Normal file
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>
</>
);
}

19
src/app_modules/vote/edit/layout.tsx Normal file
View File

@@ -0,0 +1,19 @@
"use client";
import { AppShell } from "@mantine/core";
import React from "react";
import ComponentVote_HeaderTamplate from "../component/header_tamplate";
export default function LayoutVote_Edit({
children,
}: {
children: React.ReactNode;
}) {
return (
<>
<AppShell header={<ComponentVote_HeaderTamplate title="Edit Vote" />}>
{children}
</AppShell>
</>
);
}

46
src/app_modules/vote/fun/create/create_hasil.ts Normal file
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" };
}

24
src/app_modules/vote/fun/create/create_pilihan_voting.ts Normal file
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"}
}

41
src/app_modules/vote/fun/create/create_vote.ts Normal file
View File

@@ -0,0 +1,41 @@
"use server";
import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
import { MODEL_VOTING } from "../../model/interface";
import prisma from "@/app/lib/prisma";
import { revalidatePath } from "next/cache";
export async function Vote_funCreate(req: MODEL_VOTING, listVote: any[]) {
const authorId = await User_getUserId();
const create = await prisma.voting.create({
data: {
title: req.title,
deskripsi: req.deskripsi,
awalVote: req.awalVote,
akhirVote: req.akhirVote,
authorId: authorId,
},
});
if (!create) return { status: 400, message: "Gagal Membuat Vote" };
for (let v of listVote) {
const val = v.value;
const namaVote = await prisma.voting_DaftarNamaVote.createMany({
data: {
value: val,
votingId: create.id,
},
});
if (!namaVote) return { status: 400, message: "Gagal Membuat List" };
}
revalidatePath("/dev/vote/main/status");
return {
status: 201,
message: "Berhasil Membuat Vote",
};
}

26
src/app_modules/vote/fun/delete/fun_delete_by_id.ts Normal file
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",
};
}

48
src/app_modules/vote/fun/edit/fun_edit_by_id.ts Normal file
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",
};
}

26
src/app_modules/vote/fun/edit/fun_edit_status_by_id.ts Normal file
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",
};
}

21
src/app_modules/vote/fun/get/cek_kontributor_by_id.ts Normal file
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;
}
}

47
src/app_modules/vote/fun/get/get_all_list_publish.ts Normal file
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;
}

46
src/app_modules/vote/fun/get/get_all_list_riwayat.ts Normal file
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
}

49
src/app_modules/vote/fun/get/get_all_list_riwayat_saya.ts Normal file
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;
}

13
src/app_modules/vote/fun/get/get_list_daftar_vote_by_id.ts Normal file
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;
}

42
src/app_modules/vote/fun/get/get_list_hasil_by_id.ts Normal file
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
}

41
src/app_modules/vote/fun/get/get_list_kontribusi_by_author_id.ts Normal file
View File

@@ -0,0 +1,41 @@
"use server";
import prisma from "@/app/lib/prisma";
import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
export async function Vote_getAllListKontribusiByAuthorId() {
const authorId = await User_getUserId();
const data = await prisma.voting_Kontributor.findMany({
orderBy: {
createdAt: "asc",
},
where: {
authorId: authorId,
},
select: {
id: true,
Voting: {
select: {
id: true,
title: true,
isActive: true,
awalVote: true,
akhirVote: true,
Voting_DaftarNamaVote: {
orderBy: {
createdAt: "asc",
},
},
Author: {
select: {
Profile: true,
},
},
},
},
Voting_DaftarNamaVote: true,
Author: true,
},
});
return data;
}

26
src/app_modules/vote/fun/get/get_list_kontributor_by_id.ts Normal file
View File

@@ -0,0 +1,26 @@
"use server";
import prisma from "@/app/lib/prisma";
export async function Vote_getListKontributorById(votingId: string) {
const data = await prisma.voting_Kontributor.findMany({
where: {
votingId: votingId,
},
select: {
id: true,
Author: {
select: {
Profile: true,
},
},
Voting_DaftarNamaVote: {
select: {
value: true,
},
},
},
});
return data;
}

89
src/app_modules/vote/fun/get/get_list_status_by_status_id.ts Normal file
View File

@@ -0,0 +1,89 @@
"use server";
import prisma from "@/app/lib/prisma";
import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
export async function Vote_getListByStatusId(statusId: string) {
const authorId = await User_getUserId();
if (statusId === "1") {
const data = await prisma.voting.findMany({
orderBy: {
updatedAt: "desc",
},
where: {
voting_StatusId: "1",
authorId: authorId,
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",
},
},
},
});
return data;
}
if (statusId === "2") {
const data = await prisma.voting.findMany({
orderBy: {
updatedAt: "desc",
},
where: {
voting_StatusId: "2",
authorId: authorId,
isActive: true,
},
});
return data;
}
if (statusId === "3") {
const data = await prisma.voting.findMany({
orderBy: {
updatedAt: "desc",
},
where: {
voting_StatusId: "3",
authorId: authorId,
isActive: true,
},
});
return data;
}
if (statusId === "4") {
const data = await prisma.voting.findMany({
orderBy: {
updatedAt: "desc",
},
where: {
voting_StatusId: "4",
authorId: authorId,
isActive: true,
},
});
return data;
}
}

37
src/app_modules/vote/fun/get/get_one_by_id.ts Normal file
View File

@@ -0,0 +1,37 @@
"use server";
import prisma from "@/app/lib/prisma";
export async function Vote_getOnebyId(voteId: string) {
const data = await prisma.voting.findFirst({
where: {
id: voteId,
},
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: {
Profile: true
}
}
},
});
return data;
}

23
src/app_modules/vote/fun/get/get_one_pilihan_voting_by_user_id.ts Normal file
View File

@@ -0,0 +1,23 @@
"use server";
import prisma from "@/app/lib/prisma";
import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
export async function Vote_getOnePilihanVotingByUserId(votingId: string) {
const userId = await User_getUserId();
const get = await prisma.voting_Kontributor.findFirst({
where: {
authorId: userId,
votingId: votingId,
},
select: {
Voting_DaftarNamaVote: {
select: {
value: true,
},
},
},
});
return get;
}

36
src/app_modules/vote/fun/get/get_one_publish_by_id.ts Normal file
View File

@@ -0,0 +1,36 @@
"use server";
import prisma from "@/app/lib/prisma";
export async function Vote_getOnePublishbyId(voteId: string) {
const data = await prisma.voting.findFirst({
where: {
id: voteId,
},
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: {
Profile: true,
},
},
},
});
return data;
}

13
src/app_modules/vote/global_state/index.ts Normal file
View File

@@ -0,0 +1,13 @@
import { atomWithStorage } from "jotai/utils";
export const gs_vote_hotMenu = atomWithStorage("gs_vote_hotMenu", 0);
export const gs_vote_status = atomWithStorage<string | any>(
"gs_vote_status",
"Publish"
);
export const gs_vote_riwayat = atomWithStorage<string | any>(
"gs_vote_riwayat",
"Semua"
);

55
src/app_modules/vote/index.tsx Normal file
View File

@@ -0,0 +1,55 @@
import LayoutVote_Main from "./main/layout";
import Vote_Beranda from "./main/beranda";
import Vote_Status from "./main/status";
import Vote_Kontribusi from "./main/kontribusi";
import Vote_Riwayat from "./main/riwayat";
import Vote_Splash from "./splash";
import Vote_Create from "./create";
import LayoutVote_Create from "./create/layout";
import Vote_DetailPublish from "./detail/publish";
import Vote_DetailReview from "./detail/review";
import Vote_DetailDraft from "./detail/draft";
import Vote_DetailReject from "./detail/reject";
import LayoutVote_DetailPublish from "./detail/publish/layout";
import LayoutVote_DetailReview from "./detail/review/layout";
import LayoutVote_DetailDraft from "./detail/draft/layout";
import LayoutVote_DetailReject from "./detail/reject/layout";
import Vote_Edit from "./edit";
import LayoutVote_Edit from "./edit/layout";
import Vote_MainDetail from "./detail/main";
import LayoutVote_MainDetail from "./detail/main/layout";
import Vote_DetailKontribusi from "./detail/kontribusi";
import LayoutVote_DetailKontribusi from "./detail/kontribusi/layout";
import Vote_DetailSemuaRiwayat from "./detail/semua_riwayat/page";
import LayoutVote_DetailSemuaRiwayat from "./detail/semua_riwayat/layout";
import Vote_DetailRiwayatSaya from "./detail/riwayat_saya/page";
import LayoutVote_DetailRiwayatSaya from "./detail/riwayat_saya/layout";
export {
LayoutVote_Main,
Vote_Beranda,
Vote_Status,
Vote_Kontribusi,
Vote_Riwayat,
Vote_Splash,
Vote_Create,
LayoutVote_Create,
Vote_DetailPublish,
Vote_DetailReview,
Vote_DetailDraft,
Vote_DetailReject,
LayoutVote_DetailPublish,
LayoutVote_DetailReview,
LayoutVote_DetailDraft,
LayoutVote_DetailReject,
Vote_Edit,
LayoutVote_Edit,
Vote_MainDetail,
LayoutVote_MainDetail,
Vote_DetailKontribusi,
LayoutVote_DetailKontribusi,
Vote_DetailSemuaRiwayat,
LayoutVote_DetailSemuaRiwayat,
Vote_DetailRiwayatSaya,
LayoutVote_DetailRiwayatSaya,
};

65
src/app_modules/vote/main/beranda.tsx Normal file
View File

@@ -0,0 +1,65 @@
"use client";
import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
import { RouterVote } from "@/app/lib/router_hipmi/router_vote";
import {
ActionIcon,
Affix,
Avatar,
Badge,
Box,
Card,
Center,
Divider,
Grid,
Group,
Radio,
Stack,
Text,
Title,
rem,
} from "@mantine/core";
import { IconCirclePlus } from "@tabler/icons-react";
import moment from "moment";
import { useRouter } from "next/navigation";
import ComponentVote_CardViewPublish from "../component/card_view_publish";
import { MODEL_VOTING } from "../model/interface";
import ComponentGlobal_AuthorNameOnHeader from "@/app_modules/component_global/author_name_on_header";
export default function Vote_Beranda({
dataVote,
}: {
dataVote: MODEL_VOTING[];
}) {
const router = useRouter();
return (
<>
<Affix position={{ bottom: rem(100), right: rem(30) }}>
<ActionIcon
size={"xl"}
radius={"xl"}
variant="transparent"
bg={"blue"}
onClick={() => {
router.push(RouterVote.create);
}}
>
<IconCirclePlus color="white" size={40} />
</ActionIcon>
</Affix>
<Stack>
{dataVote.map((e, i) => (
<Box key={i}>
<ComponentVote_CardViewPublish
path={RouterVote.main_detail}
data={e}
authorName={true}
/>
</Box>
))}
</Stack>
</>
);
}

47
src/app_modules/vote/main/kontribusi.tsx Normal file
View File

@@ -0,0 +1,47 @@
"use client";
import { RouterVote } from "@/app/lib/router_hipmi/router_vote";
import {
Avatar,
Badge,
Box,
Card,
Center,
Divider,
Grid,
Group,
Radio,
Stack,
Text,
Title,
} from "@mantine/core";
import moment from "moment";
import { useRouter } from "next/navigation";
import ComponentVote_CardViewPublish from "../component/card_view_publish";
import { MODEL_VOTE_KONTRIBUTOR } from "../model/interface";
export default function Vote_Kontribusi({
dataKontribusi,
}: {
dataKontribusi: MODEL_VOTE_KONTRIBUTOR[];
}) {
const router = useRouter();
return (
<>
<Stack>
{dataKontribusi.map((e, i) => (
<Box key={i}>
<ComponentVote_CardViewPublish
path={RouterVote.detail_kontribusi}
pilihanSaya={true}
data={e.Voting}
authorName={true}
namaPilihan={e.Voting_DaftarNamaVote.value}
/>
</Box>
))}
</Stack>
{/* <pre>{JSON.stringify(dataKontribusi, null, 2)}</pre> */}
</>
);
}

107
src/app_modules/vote/main/layout.tsx Normal file
View File

@@ -0,0 +1,107 @@
"use client";
import {
ActionIcon,
AppShell,
Center,
Footer,
Grid,
Stack,
Text,
} from "@mantine/core";
import React, { useState } from "react";
import ComponentVote_HeaderTamplate from "../component/header_tamplate";
import { useRouter } from "next/navigation";
import { RouterVote } from "@/app/lib/router_hipmi/router_vote";
import {
IconClick,
IconHistory,
IconHome,
IconReservedLine,
} from "@tabler/icons-react";
import { gs_vote_hotMenu } from "../global_state";
import { useAtom } from "jotai";
import { RouterHome } from "@/app/lib/router_hipmi/router_home";
export default function LayoutVote_Main({
children,
}: {
children: React.ReactNode;
}) {
const router = useRouter();
const [hotMenu, setHotMenu] = useAtom(gs_vote_hotMenu);
const listFooter = [
{
id: 1,
name: "Beranda",
path: RouterVote.beranda,
icon: <IconHome />,
},
{
id: 2,
name: "Status",
path: RouterVote.status,
icon: <IconReservedLine />,
},
{
id: 3,
name: "Kontribusi",
path: RouterVote.kontribusi,
icon: <IconClick />,
},
{
id: 4,
name: "Riwayat",
path: RouterVote.riwayat,
icon: <IconHistory />,
},
];
return (
<>
<AppShell
header={
<ComponentVote_HeaderTamplate
title="Voting"
route={RouterHome.main_home}
/>
}
footer={
<Footer height={70} bg={"dark"} sx={{ borderTop: "px solid blue" }}>
<Grid>
{listFooter.map((e, i) => (
<Grid.Col
key={e.id}
span={"auto"}
pt={"md"}
onClick={() => {
router.replace(e.path);
setHotMenu(i);
}}
>
<Center>
<Stack align="center" spacing={0}>
<ActionIcon
variant="transparent"
c={hotMenu === i ? "blue" : "white"}
>
{e.icon}
</ActionIcon>
<Text fz={10} c={hotMenu === i ? "blue" : "white"}>
{e.name}
</Text>
</Stack>
</Center>
</Grid.Col>
))}
</Grid>
</Footer>
}
>
{children}
</AppShell>
</>
);
}

66
src/app_modules/vote/main/riwayat/index.tsx Normal file
View File

@@ -0,0 +1,66 @@
"use client";
import { Stack, Tabs } from "@mantine/core";
import { useState } from "react";
import Vote_SemuaRiwayat from "./semua";
import Vote_RiwayatSaya from "./saya";
import { useAtom } from "jotai";
import { gs_vote_riwayat } from "../../global_state";
import { MODEL_VOTING } from "../../model/interface";
export default function Vote_Riwayat({
listRiwayat,
listRiwayatSaya,
}: {
listRiwayat: MODEL_VOTING[];
listRiwayatSaya: MODEL_VOTING[]
}) {
const [tabsRiwayat, setTabsRiwayat] = useAtom(gs_vote_riwayat);
const listTabs = [
{
id: 1,
path: <Vote_SemuaRiwayat listRiwayat={listRiwayat} />,
value: "Semua",
label: "Semua Riwayat",
},
{
id: 2,
path: <Vote_RiwayatSaya listRiwayatSaya={listRiwayatSaya} />,
value: "Saya",
label: "Riwayat Saya",
},
];
return (
<>
<Tabs
variant="pills"
radius={"xl"}
color="blue"
defaultValue={"Semua"}
value={tabsRiwayat}
onTabChange={setTabsRiwayat}
>
<Stack>
<Tabs.List grow>
{listTabs.map((e, i) => (
<Tabs.Tab
key={i}
value={e.value}
bg={tabsRiwayat === e.value ? "blue" : "gray.1"}
fw={tabsRiwayat === e.value ? "bold" : "normal"}
>
{e.label}
</Tabs.Tab>
))}
</Tabs.List>
{listTabs.map((e) => (
<Tabs.Panel key={e.id} value={e.value}>
{e.path}
</Tabs.Panel>
))}
</Stack>
</Tabs>
</>
);
}

44
src/app_modules/vote/main/riwayat/saya.tsx Normal file
View File

@@ -0,0 +1,44 @@
"use client";
import { RouterVote } from "@/app/lib/router_hipmi/router_vote";
import {
Stack,
Card,
Grid,
Avatar,
Divider,
Title,
Badge,
Group,
Radio,
Center,
Text,
Box,
} from "@mantine/core";
import moment from "moment";
import { useRouter } from "next/navigation";
import ComponentVote_CardViewPublish from "../../component/card_view_publish";
import { MODEL_VOTING } from "../../model/interface";
export default function Vote_RiwayatSaya({
listRiwayatSaya,
}: {
listRiwayatSaya: MODEL_VOTING[];
}) {
const router = useRouter();
return (
<>
<Stack>
{listRiwayatSaya.map((e, i) => (
<Box key={i}>
<ComponentVote_CardViewPublish
path={RouterVote.detail_riwayat_saya}
data={e}
authorName={true}
/>
</Box>
))}
</Stack>
</>
);
}

44
src/app_modules/vote/main/riwayat/semua.tsx Normal file
View File

@@ -0,0 +1,44 @@
"use client";
import { RouterVote } from "@/app/lib/router_hipmi/router_vote";
import {
Stack,
Card,
Grid,
Avatar,
Divider,
Title,
Badge,
Group,
Radio,
Center,
Text,
Box,
} from "@mantine/core";
import moment from "moment";
import { useRouter } from "next/navigation";
import ComponentVote_CardViewPublish from "../../component/card_view_publish";
import { MODEL_VOTING } from "../../model/interface";
export default function Vote_SemuaRiwayat({
listRiwayat,
}: {
listRiwayat: MODEL_VOTING[];
}) {
const router = useRouter();
return (
<>
<Stack>
{listRiwayat.map((e, i) => (
<Box key={i}>
<ComponentVote_CardViewPublish
path={RouterVote.detail_semua_riwayat}
data={e}
authorName={true}
/>
</Box>
))}
</Stack>
</>
);
}

31
src/app_modules/vote/main/status/draft.tsx Normal file
View File

@@ -0,0 +1,31 @@
"use client";
import { RouterVote } from "@/app/lib/router_hipmi/router_vote";
import ComponentVote_CardViewStatus from "../../component/card_view_status";
import { MODEL_VOTING } from "../../model/interface";
import _ from "lodash";
import { Box, Center, Stack, Text } from "@mantine/core";
import ComponentVote_IsEmptyData from "../../component/is_empty_data";
export default function Vote_StatusDraft({
listDraft,
}: {
listDraft: MODEL_VOTING[];
}) {
if (_.isEmpty(listDraft))
return <ComponentVote_IsEmptyData text="Tidak ada draft" />;
return (
<>
<Stack>
{listDraft.map((e) => (
<Box key={e.id}>
<ComponentVote_CardViewStatus
path={RouterVote.detail_draft}
data={e}
/>
</Box>
))}
</Stack>
</>
);
}

80
src/app_modules/vote/main/status/index.tsx Normal file
View File

@@ -0,0 +1,80 @@
"use client";
import { Stack, Tabs } from "@mantine/core";
import { useAtom } from "jotai";
import { useRouter } from "next/navigation";
import { useState } from "react";
import { gs_vote_status } from "../../global_state";
import Vote_StatusPublish from "./publish";
import Vote_StatusReview from "./review";
import Vote_StatusDraft from "./draft";
import Vote_StatusReject from "./reject";
export default function Vote_Status({
listPublish,
listReview,
listDraft,
listReject,
}: {
listPublish: any[];
listReview: any[];
listDraft: any[];
listReject: any[];
}) {
const router = useRouter();
const [tabsStatus, setTabsStatus] = useAtom(gs_vote_status);
const listTabs = [
{
id: 1,
path: <Vote_StatusPublish listPublish={listPublish} />,
value: "Publish",
},
{
id: 2,
path: <Vote_StatusReview listReview={listReview} />,
value: "Review",
},
{
id: 3,
path: <Vote_StatusDraft listDraft={listDraft} />,
value: "Draft",
},
{
id: 4,
path: <Vote_StatusReject listReject={listReject} />,
value: "Reject",
},
];
return (
<>
<Tabs
color="blue"
variant="pills"
radius={"xl"}
defaultValue={"Publish"}
value={tabsStatus}
onTabChange={setTabsStatus}
>
<Stack>
<Tabs.List grow>
{listTabs.map((e) => (
<Tabs.Tab
key={e.id}
value={e.value}
bg={tabsStatus === e.value ? "blue" : "gray.1"}
fw={tabsStatus === e.value ? "bold" : "normal"}
>
{e.value}
</Tabs.Tab>
))}
</Tabs.List>
{listTabs.map((e) => (
<Tabs.Panel key={e.id} value={e.value}>
{e.path}
</Tabs.Panel>
))}
</Stack>
</Tabs>
</>
);
}

54
src/app_modules/vote/main/status/publish.tsx Normal file
View File

@@ -0,0 +1,54 @@
"use client";
import { RouterVote } from "@/app/lib/router_hipmi/router_vote";
import {
Avatar,
Badge,
Box,
Card,
Center,
Divider,
Grid,
Group,
Radio,
Skeleton,
Stack,
Text,
Title,
} from "@mantine/core";
import moment from "moment";
import { useRouter } from "next/navigation";
import { MODEL_VOTING } from "../../model/interface";
import ComponentVote_IsEmptyData from "../../component/is_empty_data";
import _ from "lodash";
import ComponentVote_CardViewPublish from "../../component/card_view_publish";
export default function Vote_StatusPublish({
listPublish,
}: {
listPublish: MODEL_VOTING[];
}) {
const router = useRouter();
if (_.isEmpty(listPublish))
return (
<>
<ComponentVote_IsEmptyData text="Tidak ada voting" />
</>
);
return (
<>
<Stack>
{listPublish.map((e) => (
<Box key={e.id}>
<ComponentVote_CardViewPublish
data={e}
path={RouterVote.detail_publish}
/>
</Box>
))}
</Stack>
</>
);
}

31
src/app_modules/vote/main/status/reject.tsx Normal file
View File

@@ -0,0 +1,31 @@
"use client";
import { RouterVote } from "@/app/lib/router_hipmi/router_vote";
import ComponentVote_CardViewStatus from "../../component/card_view_status";
import { MODEL_VOTING } from "../../model/interface";
import { Box, Stack } from "@mantine/core";
import ComponentVote_IsEmptyData from "../../component/is_empty_data";
import _ from "lodash";
export default function Vote_StatusReject({
listReject,
}: {
listReject: MODEL_VOTING[];
}) {
if (_.isEmpty(listReject))
return <ComponentVote_IsEmptyData text="Tidak ada review" />;
return (
<>
<Stack>
{listReject.map((e) => (
<Box key={e.id}>
<ComponentVote_CardViewStatus
path={RouterVote.detail_reject}
data={e}
/>
</Box>
))}
</Stack>
</>
);
}

32
src/app_modules/vote/main/status/review.tsx Normal file
View File

@@ -0,0 +1,32 @@
"use client";
import { RouterVote } from "@/app/lib/router_hipmi/router_vote";
import ComponentVote_CardViewStatus from "../../component/card_view_status";
import { MODEL_VOTING } from "../../model/interface";
import { Box, Center, Stack, Text } from "@mantine/core";
import _ from "lodash";
import ComponentVote_IsEmptyData from "../../component/is_empty_data";
export default function Vote_StatusReview({
listReview,
}: {
listReview: MODEL_VOTING[];
}) {
if (_.isEmpty(listReview))
return <ComponentVote_IsEmptyData text="Tidak ada review" />;
return (
<>
<Stack>
{listReview.map((e) => (
<Box key={e.id}>
<ComponentVote_CardViewStatus
path={RouterVote.detail_review}
data={e}
/>
</Box>
))}
</Stack>
</>
);
}

38
src/app_modules/vote/model/interface.ts Normal file
View File

@@ -0,0 +1,38 @@
import { MODEL_USER } from "@/app_modules/home/model/interface";
export interface MODEL_VOTING {
id: string;
title: string;
deskripsi: string;
awalVote: Date;
akhirVote: Date;
isActive: boolean;
createdAt: Date;
updateAt: Date;
catatan: string;
authorId: string;
Author: MODEL_USER;
Voting_DaftarNamaVote: MODEL_VOTING_DAFTAR_NAMA_VOTE[];
}
export interface MODEL_VOTING_DAFTAR_NAMA_VOTE {
id: string;
value: string;
jumlah: number;
isActive: boolean;
createdAt: Date;
updatedAt: Date;
votingId: string;
}
export interface MODEL_VOTE_KONTRIBUTOR {
id: string;
isActive: boolean;
createdAt: Date;
updatedAt: Date;
Author: MODEL_USER;
votingId: string;
Voting: MODEL_VOTING;
Voting_DaftarNamaVote: MODEL_VOTING_DAFTAR_NAMA_VOTE;
voting_DaftarNamaVoteId: string;
}

30
src/app_modules/vote/splash/index.tsx Normal file
View File

@@ -0,0 +1,30 @@
"use client";
import { RouterVote } from "@/app/lib/router_hipmi/router_vote";
import { Center, Image, Paper, Stack, Text } from "@mantine/core";
import { useShallowEffect } from "@mantine/hooks";
import { useAtom } from "jotai";
import { useRouter } from "next/navigation";
import { gs_vote_hotMenu } from "../global_state";
export default function Vote_Splash() {
const router = useRouter();
const [hotMenu, setHotMenu] = useAtom(gs_vote_hotMenu);
useShallowEffect(() => {
setTimeout(() => {
setHotMenu(0)
router.replace(RouterVote.beranda);
}, 2000);
}, []);
return (
<>
<Center h={"100vh"}>
<Paper>
<Image alt="logo" src={"/aset/vote/logo.png"} />
</Paper>
</Center>
</>
);
}