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

#style: Tampilan home

Browse Source 
Deskripsi:
- Tampilan tamplate layout positionnya di ganti fixed ( tidak bisa di tarik ke bawah jika sudah menjadi aplikasi )
- UI Home selesai
- UI User search selesai
- UI Notifikasi selesai
## No issuee
This commit is contained in:
Bagasbanuna02
2024-07-09 10:25:18 +08:00
parent cbe4a7b2c0
commit 9068631c33
61 changed files with 1390 additions and 1156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app_modules/job/create/layout.tsx
View File

@@ -1,7 +1,7 @@
"use client";
import ComponentGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
import ComponentGlobal_UI_LayoutTamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import LayoutGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
import LayoutGlobal_UI_Tamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import React from "react";
export default function LayoutJob_Create({
@@ -11,11 +11,11 @@ export default function LayoutJob_Create({
}) {
return (
<>
<ComponentGlobal_UI_LayoutTamplate
header={<ComponentGlobal_UI_HeaderTamplate title="Tambah Job" />}
<LayoutGlobal_UI_Tamplate
header={<LayoutGlobal_UI_HeaderTamplate title="Tambah Job" />}
>
{children}
</ComponentGlobal_UI_LayoutTamplate>
</LayoutGlobal_UI_Tamplate>
</>
);
}

10
src/app_modules/job/detail/arsip/layout.tsx
View File

@@ -1,7 +1,7 @@
"use client";
import ComponentGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
import ComponentGlobal_UI_LayoutTamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import LayoutGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
import LayoutGlobal_UI_Tamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import React from "react";
export default function LayoutJob_DetailArsip({
@@ -11,11 +11,11 @@ export default function LayoutJob_DetailArsip({
}) {
return (
<>
<ComponentGlobal_UI_LayoutTamplate
header={<ComponentGlobal_UI_HeaderTamplate title="Detail Arsip" />}
<LayoutGlobal_UI_Tamplate
header={<LayoutGlobal_UI_HeaderTamplate title="Detail Arsip" />}
>
{children}
</ComponentGlobal_UI_LayoutTamplate>
</LayoutGlobal_UI_Tamplate>
</>
);
}

10
src/app_modules/job/detail/draft/layout.tsx
View File

@@ -17,8 +17,8 @@ import ComponentJob_HeaderTamplate from "../../component/header_tamplate";
import { IconDots, IconEdit, IconX } from "@tabler/icons-react";
import { RouterJob } from "@/app/lib/router_hipmi/router_job";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
import ComponentGlobal_UI_LayoutTamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import ComponentGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
import LayoutGlobal_UI_Tamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import LayoutGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
import { useRouter } from "next/navigation";
import { useDisclosure } from "@mantine/hooks";
import {
@@ -48,9 +48,9 @@ export default function LayoutJob_DetailDraft({
return (
<>
<ComponentGlobal_UI_LayoutTamplate
<LayoutGlobal_UI_Tamplate
header={
<ComponentGlobal_UI_HeaderTamplate
<LayoutGlobal_UI_HeaderTamplate
title="Detail Draft"
iconRight={
<ActionIcon variant="transparent" onClick={() => open()}>
@@ -62,7 +62,7 @@ export default function LayoutJob_DetailDraft({
}
>
{children}
</ComponentGlobal_UI_LayoutTamplate>
</LayoutGlobal_UI_Tamplate>
<ComponentGlobal_UI_Drawer
opened={opened}

10
src/app_modules/job/detail/main/layout.tsx
View File

@@ -1,7 +1,7 @@
"use client";
import ComponentGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
import ComponentGlobal_UI_LayoutTamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import LayoutGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
import LayoutGlobal_UI_Tamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import React from "react";
export default function LayoutJob_MainDetail({
@@ -11,11 +11,11 @@ export default function LayoutJob_MainDetail({
}) {
return (
<>
<ComponentGlobal_UI_LayoutTamplate
header={<ComponentGlobal_UI_HeaderTamplate title="Detail Job" />}
<LayoutGlobal_UI_Tamplate
header={<LayoutGlobal_UI_HeaderTamplate title="Detail Job" />}
>
{children}
</ComponentGlobal_UI_LayoutTamplate>
</LayoutGlobal_UI_Tamplate>
</>
);
}

10
src/app_modules/job/detail/publish/layout.tsx
View File

@@ -1,7 +1,7 @@
"use client";
import ComponentGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
import ComponentGlobal_UI_LayoutTamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import LayoutGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
import LayoutGlobal_UI_Tamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import React from "react";
export default function LayoutJob_DetailPublish({
@@ -11,11 +11,11 @@ export default function LayoutJob_DetailPublish({
}) {
return (
<>
<ComponentGlobal_UI_LayoutTamplate
header={<ComponentGlobal_UI_HeaderTamplate title="Detail Publish" />}
<LayoutGlobal_UI_Tamplate
header={<LayoutGlobal_UI_HeaderTamplate title="Detail Publish" />}
>
{children}
</ComponentGlobal_UI_LayoutTamplate>
</LayoutGlobal_UI_Tamplate>
</>
);
}

10
src/app_modules/job/detail/reject/layout.tsx
View File

@@ -5,8 +5,8 @@ import React from "react";
import ComponentJob_HeaderTamplate from "../../component/header_tamplate";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
import { RouterJob } from "@/app/lib/router_hipmi/router_job";
import ComponentGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
import ComponentGlobal_UI_LayoutTamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import LayoutGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
import LayoutGlobal_UI_Tamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import { IconEdit } from "@tabler/icons-react";
export default function LayoutJob_DetailReject({
@@ -16,11 +16,11 @@ export default function LayoutJob_DetailReject({
}) {
return (
<>
<ComponentGlobal_UI_LayoutTamplate
header={<ComponentGlobal_UI_HeaderTamplate title="Detail Reject" />}
<LayoutGlobal_UI_Tamplate
header={<LayoutGlobal_UI_HeaderTamplate title="Detail Reject" />}
>
{children}
</ComponentGlobal_UI_LayoutTamplate>
</LayoutGlobal_UI_Tamplate>
</>
);
}

10
src/app_modules/job/detail/review/layout.tsx
View File

@@ -1,7 +1,7 @@
"use client";
import ComponentGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
import ComponentGlobal_UI_LayoutTamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import LayoutGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
import LayoutGlobal_UI_Tamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import React from "react";
export default function LayoutJob_DetailReview({
@@ -11,11 +11,11 @@ export default function LayoutJob_DetailReview({
}) {
return (
<>
<ComponentGlobal_UI_LayoutTamplate
header={<ComponentGlobal_UI_HeaderTamplate title="Detail Review" />}
<LayoutGlobal_UI_Tamplate
header={<LayoutGlobal_UI_HeaderTamplate title="Detail Review" />}
>
{children}
</ComponentGlobal_UI_LayoutTamplate>
</LayoutGlobal_UI_Tamplate>
</>
);
}

10
src/app_modules/job/edit/layout.tsx
View File

@@ -1,7 +1,7 @@
"use client";
import ComponentGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
import ComponentGlobal_UI_LayoutTamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import LayoutGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
import LayoutGlobal_UI_Tamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import React from "react";
export default function LayoutJob_Edit({
@@ -11,11 +11,11 @@ export default function LayoutJob_Edit({
}) {
return (
<>
<ComponentGlobal_UI_LayoutTamplate
header={<ComponentGlobal_UI_HeaderTamplate title="Edit Job" />}
<LayoutGlobal_UI_Tamplate
header={<LayoutGlobal_UI_HeaderTamplate title="Edit Job" />}
>
{children}
</ComponentGlobal_UI_LayoutTamplate>
</LayoutGlobal_UI_Tamplate>
</>
);

3
src/app_modules/job/main/beranda/ui_beranda.tsx
View File

@@ -9,6 +9,7 @@ import { ScrollOnly } from "next-scroll-loader";
import ComponentJob_BerandaCardView from "../../component/beranda/card_view";
import { job_getAllListPublish } from "../../fun/get/get_all_publish";
import ComponentJob_CreateButton from "../../component/button/create_button";
import { IconSearch } from "@tabler/icons-react";
export function Job_UiBeranda({ listData }: { listData: MODEL_JOB[] }) {
const [data, setData] = useState(listData);
@@ -31,12 +32,14 @@ export function Job_UiBeranda({ listData }: { listData: MODEL_JOB[] }) {
<ComponentJob_CreateButton />
<TextInput
style={{
position: "sticky",
top: 0,
zIndex: 99,
}}
radius={"xl"}
icon={<IconSearch/>}
placeholder="Pekerjaan apa yang anda cari ?"
onChange={(val) => {
onSearch(val.currentTarget.value);

10
src/app_modules/job/main/layout.tsx
View File

@@ -3,8 +3,8 @@
import { RouterJob } from "@/app/lib/router_hipmi/router_job";
import { MainColor } from "@/app_modules/component_global/color/color_pallet";
import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/component_global/notif_global/notifikasi_peringatan";
import ComponentGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
import ComponentGlobal_UI_LayoutTamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import LayoutGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
import LayoutGlobal_UI_Tamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import { ActionIcon, SimpleGrid, Stack, Text } from "@mantine/core";
import { IconHistory, IconHome, IconReservedLine } from "@tabler/icons-react";
import { useAtom } from "jotai";
@@ -46,9 +46,9 @@ export default function LayoutJob_Main({
return (
<>
<ComponentGlobal_UI_LayoutTamplate
<LayoutGlobal_UI_Tamplate
header={
<ComponentGlobal_UI_HeaderTamplate
<LayoutGlobal_UI_HeaderTamplate
title="JOB"
routerLeft={RouterHome.main_home}
/>
@@ -118,7 +118,7 @@ export default function LayoutJob_Main({
}
>
{children}
</ComponentGlobal_UI_LayoutTamplate>
</LayoutGlobal_UI_Tamplate>
</>
);
}

10
src/app_modules/job/non_user_view/layout.tsx
View File

@@ -4,8 +4,8 @@ import { AppShell, Center } from "@mantine/core";
import React from "react";
import ComponentJob_HeaderTamplate from "../component/header_tamplate";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
import ComponentGlobal_UI_LayoutTamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import ComponentGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
import LayoutGlobal_UI_Tamplate from "@/app_modules/component_global/ui/ui_layout_tamplate";
import LayoutGlobal_UI_HeaderTamplate from "@/app_modules/component_global/ui/ui_header_tamplate";
export default function LayoutJob_NonUserView({
children,
@@ -14,11 +14,11 @@ export default function LayoutJob_NonUserView({
}) {
return (
<>
<ComponentGlobal_UI_LayoutTamplate
header={<ComponentGlobal_UI_HeaderTamplate title="Job Vacancy" />}
<LayoutGlobal_UI_Tamplate
header={<LayoutGlobal_UI_HeaderTamplate title="Job Vacancy" />}
>
{children}
</ComponentGlobal_UI_LayoutTamplate>
</LayoutGlobal_UI_Tamplate>
</>
);
}

2
src/app_modules/job/splash/ui_splash.tsx
View File

@@ -18,7 +18,7 @@ export function Job_UiSplash() {
setTimeout(() => {
setHotMenu(1);
setStatus("Publish");
router.replace(RouterJob.beranda);
router.replace(RouterJob.beranda, { scroll: false });
}, 1000);
}, []);
return (