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

fix detail layout voting

Browse Source
This commit is contained in:
Bagasbanuna02
2025-03-13 11:54:50 +08:00
parent 02ff90c204
commit ad7cfcd8b8
19 changed files with 198 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,19 +1,29 @@
"use client"; "use client";
import { import { Component_Header } from "@/app_modules/_global/component/new/component_header";
UIGlobal_LayoutHeaderTamplate, import UI_NewLayoutTamplate, {
UIGlobal_LayoutTamplate, UI_NewChildren,
} from "@/app_modules/_global/ui"; UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import { Voting_ViewDetailKontributorVoting } from "../../_view"; import { Voting_ViewDetailKontributorVoting } from "../../_view";
export function Voting_UiDetailKontributorVoting() { export function Voting_UiDetailKontributorVoting() {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Daftar Kontributor" />} header={<UIGlobal_LayoutHeaderTamplate title="Daftar Kontributor" />}
> >
<Voting_ViewDetailKontributorVoting /> <Voting_ViewDetailKontributorVoting />
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Daftar Kontributor" />
</UI_NewHeader>
<UI_NewChildren>
<Voting_ViewDetailKontributorVoting />
</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

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

@@ -73,7 +73,7 @@ export function Voting_ViewDetailKontributorVoting() {
) : ( ) : (
<Box> <Box>
<ScrollOnly <ScrollOnly
height="75vh" height="82vh"
renderLoading={() => ( renderLoading={() => (
<Center mt={"lg"}> <Center mt={"lg"}>
<Loader color={"yellow"} /> <Loader color={"yellow"} />

3
src/app_modules/vote/component/detail/comp_layout_header_detail_publish.tsx
View File

@@ -25,6 +25,7 @@ import { useState } from "react";
import { voting_funUpdateIsArsipById } from "../../fun"; import { voting_funUpdateIsArsipById } from "../../fun";
import { MODEL_VOTING } from "../../model/interface"; import { MODEL_VOTING } from "../../model/interface";
import { voting_funGetOneVotingbyId } from "../../fun/get/fun_get_one_by_id"; import { voting_funGetOneVotingbyId } from "../../fun/get/fun_get_one_by_id";
import { Component_Header } from "@/app_modules/_global/component/new/component_header";
export function Voting_ComponentLayoutHeaderDetailPublish({ export function Voting_ComponentLayoutHeaderDetailPublish({
@@ -64,7 +65,7 @@ export function Voting_ComponentLayoutHeaderDetailPublish({
return ( return (
<> <>
<UIGlobal_LayoutHeaderTamplate <Component_Header
title={title} title={title}
customButtonRight={ customButtonRight={
<ActionIcon <ActionIcon

30
src/app_modules/vote/detail/draft/layout.tsx
View File

@@ -1,9 +1,12 @@
"use client"; "use client";
import { RouterVote } from "@/lib/router_hipmi/router_vote"; import { Component_Header } from "@/app_modules/_global/component/new/component_header";
import UIGlobal_Drawer from "@/app_modules/_global/ui/ui_drawer"; import UIGlobal_Drawer from "@/app_modules/_global/ui/ui_drawer";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate"; import UI_NewLayoutTamplate, {
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate"; UI_NewChildren,
UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import { RouterVote } from "@/lib/router_hipmi/router_vote";
import { ActionIcon } from "@mantine/core"; import { ActionIcon } from "@mantine/core";
import { IconDotsVertical, IconEdit } from "@tabler/icons-react"; import { IconDotsVertical, IconEdit } from "@tabler/icons-react";
import React, { useState } from "react"; import React, { useState } from "react";
@@ -27,7 +30,7 @@ export default function LayoutVote_DetailDraft({
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={ header={
<UIGlobal_LayoutHeaderTamplate <UIGlobal_LayoutHeaderTamplate
title="Detail Draft" title="Detail Draft"
@@ -43,7 +46,24 @@ export default function LayoutVote_DetailDraft({
} }
> >
{children} {children}
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header
title="Detail Draft"
customButtonRight={
<ActionIcon
variant="transparent"
onClick={() => setOpenDrawer(true)}
>
<IconDotsVertical color="white" />
</ActionIcon>
}
/>
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
<UIGlobal_Drawer <UIGlobal_Drawer
opened={openDrawer} opened={openDrawer}

25
src/app_modules/vote/detail/kontribusi/layout.tsx
View File

@@ -1,6 +1,9 @@
"use client"; "use client";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate"; import UI_NewLayoutTamplate, {
UI_NewChildren,
UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import React from "react"; import React from "react";
import { Voting_ComponentLayoutHeaderDetailPublish } from "../../component"; import { Voting_ComponentLayoutHeaderDetailPublish } from "../../component";
@@ -8,16 +11,16 @@ export default function LayoutVote_DetailKontribusi({
children, children,
votingId, votingId,
userLoginId, userLoginId,
dataVoting dataVoting,
}: { }: {
children: React.ReactNode; children: React.ReactNode;
votingId: string; votingId: string;
userLoginId: string; userLoginId: string;
dataVoting: any dataVoting: any;
}) { }) {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={ header={
<Voting_ComponentLayoutHeaderDetailPublish <Voting_ComponentLayoutHeaderDetailPublish
dataVoting={dataVoting} dataVoting={dataVoting}
@@ -28,7 +31,19 @@ export default function LayoutVote_DetailKontribusi({
} }
> >
{children} {children}
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Voting_ComponentLayoutHeaderDetailPublish
dataVoting={dataVoting}
title="Detail Kontributor"
votingId={votingId}
userLoginId={userLoginId}
/>
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

22
src/app_modules/vote/detail/main/layout.tsx
View File

@@ -1,6 +1,9 @@
"use client"; "use client";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate"; import UI_NewLayoutTamplate, {
UI_NewChildren,
UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import React from "react"; import React from "react";
import { Voting_ComponentLayoutHeaderDetailPublish } from "../../component"; import { Voting_ComponentLayoutHeaderDetailPublish } from "../../component";
@@ -13,11 +16,11 @@ export default function LayoutVote_MainDetail({
children: React.ReactNode; children: React.ReactNode;
votingId: string; votingId: string;
userLoginId: string; userLoginId: string;
dataVoting: any dataVoting: any;
}) { }) {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={ header={
<Voting_ComponentLayoutHeaderDetailPublish <Voting_ComponentLayoutHeaderDetailPublish
title="Detail Voting" title="Detail Voting"
@@ -28,7 +31,18 @@ export default function LayoutVote_MainDetail({
} }
> >
{children} {children}
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Voting_ComponentLayoutHeaderDetailPublish
dataVoting={dataVoting}
title="Detail Voting"
votingId={votingId}
userLoginId={userLoginId}
/>
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

22
src/app_modules/vote/detail/publish/layout.tsx
View File

@@ -1,7 +1,9 @@
"use client"; "use client";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate"; import UI_NewLayoutTamplate, {
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate"; UI_NewChildren,
UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import React from "react"; import React from "react";
import { Voting_ComponentLayoutHeaderDetailPublish } from "../../component"; import { Voting_ComponentLayoutHeaderDetailPublish } from "../../component";
@@ -18,7 +20,7 @@ export default function LayoutVote_DetailPublish({
}) { }) {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={ header={
<Voting_ComponentLayoutHeaderDetailPublish <Voting_ComponentLayoutHeaderDetailPublish
dataVoting={dataVoting} dataVoting={dataVoting}
@@ -29,7 +31,19 @@ export default function LayoutVote_DetailPublish({
} }
> >
{children} {children}
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Voting_ComponentLayoutHeaderDetailPublish
dataVoting={dataVoting}
title="Detail Publish"
votingId={votingId}
userLoginId={userLoginId}
/>
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

18
src/app_modules/vote/detail/reject/layout.tsx
View File

@@ -1,7 +1,10 @@
"use client"; "use client";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate"; import { Component_Header } from "@/app_modules/_global/component/new/component_header";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate"; import UI_NewLayoutTamplate, {
UI_NewChildren,
UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import React from "react"; import React from "react";
export default function LayoutVote_DetailReject({ export default function LayoutVote_DetailReject({
@@ -11,11 +14,18 @@ export default function LayoutVote_DetailReject({
}) { }) {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Detail Reject" />} header={<UIGlobal_LayoutHeaderTamplate title="Detail Reject" />}
> >
{children} {children}
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Detail Reject" />
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

18
src/app_modules/vote/detail/review/layout.tsx
View File

@@ -1,7 +1,10 @@
"use client"; "use client";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate"; import { Component_Header } from "@/app_modules/_global/component/new/component_header";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate"; import UI_NewLayoutTamplate, {
UI_NewChildren,
UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import React from "react"; import React from "react";
export default function LayoutVote_DetailReview({ export default function LayoutVote_DetailReview({
@@ -11,11 +14,18 @@ export default function LayoutVote_DetailReview({
}) { }) {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Detail Review" />} header={<UIGlobal_LayoutHeaderTamplate title="Detail Review" />}
> >
{children} {children}
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Detail Review" />
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

28
src/app_modules/vote/detail/riwayat_saya/layout.tsx
View File

@@ -8,6 +8,11 @@ import { ActionIcon } from "@mantine/core";
import { IconDotsVertical, IconUsersGroup } from "@tabler/icons-react"; import { IconDotsVertical, IconUsersGroup } from "@tabler/icons-react";
import { useParams } from "next/navigation"; import { useParams } from "next/navigation";
import React, { useState } from "react"; import React, { useState } from "react";
import { Component_Header } from "@/app_modules/_global/component/new/component_header";
import UI_NewLayoutTamplate, {
UI_NewHeader,
UI_NewChildren,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
export default function LayoutVote_DetailRiwayatSaya({ export default function LayoutVote_DetailRiwayatSaya({
children, children,
@@ -19,7 +24,7 @@ export default function LayoutVote_DetailRiwayatSaya({
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={ header={
<UIGlobal_LayoutHeaderTamplate <UIGlobal_LayoutHeaderTamplate
title="Detail Riwayat" title="Detail Riwayat"
@@ -37,7 +42,26 @@ export default function LayoutVote_DetailRiwayatSaya({
} }
> >
{children} {children}
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header
title="Detail Riwayat"
customButtonRight={
<ActionIcon
variant="transparent"
onClick={() => {
setOpenDrawer(true);
}}
>
<IconDotsVertical color="white" />
</ActionIcon>
}
/>
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
<UIGlobal_Drawer <UIGlobal_Drawer
opened={openDrawer} opened={openDrawer}

25
src/app_modules/vote/detail/semua_riwayat/layout.tsx
View File

@@ -9,6 +9,8 @@ import { IconDotsVertical } from "@tabler/icons-react";
import { IconUsersGroup } from "@tabler/icons-react"; import { IconUsersGroup } from "@tabler/icons-react";
import { IconDots } from "@tabler/icons-react"; import { IconDots } from "@tabler/icons-react";
import React, { useState } from "react"; import React, { useState } from "react";
import { Component_Header } from "@/app_modules/_global/component/new/component_header";
import UI_NewLayoutTamplate, { UI_NewHeader, UI_NewChildren } from "@/app_modules/_global/ui/V2_layout_tamplate";
export default function LayoutVote_DetailSemuaRiwayat({ export default function LayoutVote_DetailSemuaRiwayat({
children, children,
@@ -23,7 +25,7 @@ export default function LayoutVote_DetailSemuaRiwayat({
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={ header={
<UIGlobal_LayoutHeaderTamplate <UIGlobal_LayoutHeaderTamplate
title="Detail Riwayat" title="Detail Riwayat"
@@ -41,7 +43,26 @@ export default function LayoutVote_DetailSemuaRiwayat({
} }
> >
{children} {children}
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header
title="Detail Riwayat"
customButtonRight={
<ActionIcon
variant="transparent"
onClick={() => {
setOpenDrawer(true);
}}
>
<IconDotsVertical color="white" />
</ActionIcon>
}
/>
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
<UIGlobal_Drawer <UIGlobal_Drawer
opened={openDrawer} opened={openDrawer}

18
src/app_modules/vote/edit/layout.tsx
View File

@@ -1,7 +1,10 @@
"use client"; "use client";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate"; import { Component_Header } from "@/app_modules/_global/component/new/component_header";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate"; import UI_NewLayoutTamplate, {
UI_NewChildren,
UI_NewHeader,
} from "@/app_modules/_global/ui/V2_layout_tamplate";
import React from "react"; import React from "react";
export default function LayoutVote_Edit({ export default function LayoutVote_Edit({
@@ -11,11 +14,18 @@ export default function LayoutVote_Edit({
}) { }) {
return ( return (
<> <>
<UIGlobal_LayoutTamplate {/* <UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Edit Vote" />} header={<UIGlobal_LayoutHeaderTamplate title="Edit Vote" />}
> >
{children} {children}
</UIGlobal_LayoutTamplate> </UIGlobal_LayoutTamplate> */}
<UI_NewLayoutTamplate>
<UI_NewHeader>
<Component_Header title="Edit Voting" />
</UI_NewHeader>
<UI_NewChildren>{children}</UI_NewChildren>
</UI_NewLayoutTamplate>
</> </>
); );
} }

2
src/app_modules/vote/main/beranda.tsx
View File

@@ -131,7 +131,7 @@ export default function Vote_Beranda() {
) : ( ) : (
<Box> <Box>
<ScrollOnly <ScrollOnly
height="73vh" height="75vh"
renderLoading={() => ( renderLoading={() => (
<Center mt={"lg"}> <Center mt={"lg"}>
<Loader color={"yellow"} /> <Loader color={"yellow"} />

2
src/app_modules/vote/main/riwayat/saya.tsx
View File

@@ -47,7 +47,7 @@ export default function Vote_RiwayatSaya() {
// --- Main component --- // // --- Main component --- //
<Box> <Box>
<ScrollOnly <ScrollOnly
height="73vh" height="75vh"
renderLoading={() => ( renderLoading={() => (
<Center mt={"lg"}> <Center mt={"lg"}>
<Loader color={"yellow"} /> <Loader color={"yellow"} />

2
src/app_modules/vote/main/riwayat/semua.tsx
View File

@@ -47,7 +47,7 @@ export default function Vote_SemuaRiwayat() {
// --- Main component --- // // --- Main component --- //
<Box> <Box>
<ScrollOnly <ScrollOnly
height="73vh" height="75vh"
renderLoading={() => ( renderLoading={() => (
<Center mt={"lg"}> <Center mt={"lg"}>
<Loader color={"yellow"} /> <Loader color={"yellow"} />

2
src/app_modules/vote/main/status/draft.tsx
View File

@@ -47,7 +47,7 @@ export default function Vote_StatusDraft() {
// --- Main component --- // // --- Main component --- //
<Box> <Box>
<ScrollOnly <ScrollOnly
height="73vh" height="75vh"
renderLoading={() => ( renderLoading={() => (
<Center mt={"lg"}> <Center mt={"lg"}>
<Loader color={"yellow"} /> <Loader color={"yellow"} />

2
src/app_modules/vote/main/status/publish.tsx
View File

@@ -48,7 +48,7 @@ export default function Vote_StatusPublish() {
// --- Main component --- // // --- Main component --- //
<Box> <Box>
<ScrollOnly <ScrollOnly
height="73vh" height="75vh"
renderLoading={() => ( renderLoading={() => (
<Center mt={"lg"}> <Center mt={"lg"}>
<Loader color={"yellow"} /> <Loader color={"yellow"} />

2
src/app_modules/vote/main/status/reject.tsx
View File

@@ -47,7 +47,7 @@ export default function Vote_StatusReject() {
// --- Main component --- // // --- Main component --- //
<Box> <Box>
<ScrollOnly <ScrollOnly
height="73vh" height="75vh"
renderLoading={() => ( renderLoading={() => (
<Center mt={"lg"}> <Center mt={"lg"}>
<Loader color={"yellow"} /> <Loader color={"yellow"} />

2
src/app_modules/vote/main/status/review.tsx
View File

@@ -47,7 +47,7 @@ export default function Vote_StatusReview() {
// --- Main component --- // // --- Main component --- //
<Box> <Box>
<ScrollOnly <ScrollOnly
height="73vh" height="75vh"
renderLoading={() => ( renderLoading={() => (
<Center mt={"lg"}> <Center mt={"lg"}>
<Loader color={"yellow"} /> <Loader color={"yellow"} />