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

first commit new version

Browse Source
This commit is contained in:
Bagasbanuna02
2023-09-18 17:19:55 +08:00
parent 1da05f6520
commit 6b777f905a
33 changed files with 23 additions and 408 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
public/img/logo_1.png → public/img/logo.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.0 KiB

After

Width:  |  Height:  |  Size: 6.0 KiB

8
src/app/contoh/page.tsx
View File

@@ -1,8 +0,0 @@
import Halaman, { Menu } from "@/modules/contoh";
export default function ContohPage() {
return <>
<Halaman />
<Menu />
</>
}

7
src/app/dev/auth/splash/page.tsx Normal file
View File

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

64
src/app/dev/dashboard-admin/layout.tsx
View File

@@ -1,64 +0,0 @@
"use client";
import {
AppShell,
Box,
Burger,
Button,
Flex,
Group,
Header,
MediaQuery,
Menu,
Text,
useMantineTheme,
} from "@mantine/core";
import router from "next/router";
import { useState } from "react";
export default function LayoutDashboardAdmin({
children,
}: {
children: React.ReactNode;
}) {
const theme = useMantineTheme();
const [opened, setOpened] = useState(false);
return (
<>
<AppShell
styles={{
main: {
background:
theme.colorScheme === "dark"
? theme.colors.dark[8]
: theme.colors.gray[0],
},
}}
// navbarOffsetBreakpoint="sm"
// asideOffsetBreakpoint="sm"
header={
<Header height={{ base: 50, md: 70 }} p="md">
<div style={{ height: "100%" }}>
<MediaQuery largerThan="sm" styles={{ display: "none" }}>
<Burger
opened={opened}
onClick={() => setOpened((o) => !o)}
size="sm"
color={theme.colors.gray[6]}
mr="xl"
/>
</MediaQuery>
<Group position="apart">
<Text>Dashboard Admin</Text>
<Button>Admin</Button>
</Group>
</div>
</Header>
}
>
{children}
</AppShell>
</>
);
}

7
src/app/dev/dashboard-admin/page.tsx
View File

@@ -1,7 +0,0 @@
import DashboardAdmin from "@/modules/dashboard_admin";
export default function PageDashboardAdmin(){
return <>
<DashboardAdmin/>
</>
}

64
src/app/dev/dashboard-super-admin/layout.tsx
View File

@@ -1,64 +0,0 @@
"use client";
import {
AppShell,
Box,
Burger,
Button,
Flex,
Group,
Header,
MediaQuery,
Menu,
Text,
useMantineTheme,
} from "@mantine/core";
import router from "next/router";
import { useState } from "react";
export default function LayoutDashboardSuperAdmin({
children,
}: {
children: React.ReactNode;
}) {
const theme = useMantineTheme();
const [opened, setOpened] = useState(false);
return (
<>
<AppShell
styles={{
main: {
background:
theme.colorScheme === "dark"
? theme.colors.dark[8]
: theme.colors.gray[0],
},
}}
// navbarOffsetBreakpoint="sm"
// asideOffsetBreakpoint="sm"
header={
<Header height={{ base: 50, md: 70 }} p="md">
<div style={{ height: "100%" }}>
<MediaQuery largerThan="sm" styles={{ display: "none" }}>
<Burger
opened={opened}
onClick={() => setOpened((o) => !o)}
size="sm"
color={theme.colors.gray[6]}
mr="xl"
/>
</MediaQuery>
<Group position="apart">
<Text>Dashboard Super Admin</Text>
<Button>Super Admin</Button>
</Group>
</div>
</Header>
}
>
{children}
</AppShell>
</>
);
}

7
src/app/dev/dashboard-super-admin/page.tsx
View File

@@ -1,7 +0,0 @@
import DashboardSuperAdmin from "@/modules/dashboard_super_admin";
export default function PageDashboardSuperAdmin(){
return <>
<DashboardSuperAdmin/>
</>
}

110
src/app/dev/landing-page/layout.tsx
View File

@@ -1,110 +0,0 @@
"use client";
import {
ActionIcon,
AppShell,
Aside,
AspectRatio,
Box,
Burger,
Button,
Flex,
Footer,
Grid,
Group,
Header,
HoverCard,
Image,
MediaQuery,
Menu,
Navbar,
Text,
useMantineTheme,
} from "@mantine/core";
import { useShallowEffect } from "@mantine/hooks";
import Link from "next/link";
import { useRouter } from "next/navigation";
import React, { useState } from "react";
export default function LayoutLandingPage({
children,
}: {
children: React.ReactNode;
}) {
const router = useRouter();
const theme = useMantineTheme();
const [opened, setOpened] = useState(false);
//menunggu rendering client karena tampilan di mulai dirender pada server
const [waiting, setWaiting] = useState(false);
useShallowEffect(() => {
if (window) setWaiting(true);
}, []);
if (!waiting) return <></>;
return (
<>
<AppShell
styles={{
main: {
background:
theme.colorScheme === "dark"
? theme.colors.dark[8]
: theme.colors.gray[0],
},
}}
// navbarOffsetBreakpoint="sm"
// asideOffsetBreakpoint="sm"
header={
<Header height={{ base: 50, md: 70 }} p="md">
<div style={{ height: "100%" }}>
<MediaQuery largerThan="sm" styles={{ display: "none" }}>
<Burger
opened={opened}
onClick={() => setOpened((o) => !o)}
size="sm"
color={theme.colors.gray[6]}
mr="xl"
/>
</MediaQuery>
<Group position="apart">
<Image maw={150} src="/img/logo_1.png" alt="Random image" />
<Box>
<Flex gap={"xl"}>
<Text>Beranda</Text>
<Text>Tentang Kami</Text>
<Text>Informasi</Text>
<Text>Galeri</Text>
</Flex>
</Box>
<Menu position="bottom">
<Menu.Target>
<Button>Login</Button>
</Menu.Target>
<Menu.Dropdown>
<Menu.Item onClick={() => router.push("/dev/login")}>
Login
</Menu.Item>
<Menu.Item
onClick={() => router.push("/dev/dashboard-admin")}
>
Dashboard Admin
</Menu.Item>
<Menu.Item
onClick={() => router.push("/dev/dashboard-super-admin")}
>
Dashboard Super Admin
</Menu.Item>
</Menu.Dropdown>
</Menu>
</Group>
</div>
</Header>
}
>
{children}
</AppShell>
</>
);
}

10
src/app/dev/landing-page/page.tsx
View File

@@ -1,10 +0,0 @@
import LandingPage from "@/modules/landing_page";
import { Button, Menu, Stack } from "@mantine/core";
export default function PageLandingPage() {
return (
<>
<LandingPage />
</>
);
}

9
src/app/dev/login/page.tsx
View File

@@ -1,9 +0,0 @@
import { LoginPage } from "@/modules/login";
export default function PageLogin() {
return (
<>
<LoginPage />
</>
);
}

9
src/app/dev/page.tsx
View File

@@ -1,9 +0,0 @@
import PageLandingPage from "./landing-page/page";
export default async function PageDev() {
return (
<>
<PageLandingPage />
</>
);
}

7
src/app/dev/registrasi/page.tsx
View File

@@ -1,7 +0,0 @@
import { RegisterPage } from "@/modules/login";
export default function PageRegister(){
return <>
<RegisterPage/>
</>
}

19
src/app/page.tsx
View File

@@ -1,20 +1,7 @@
import LayoutLandingPage from "./dev/landing-page/layout";
import PageLandingPage from "./dev/landing-page/page";
import PageDev from "./dev/page";
import { redirect } from "next/navigation";
export default async function Page() {
return (
// <Page1 data={store.get("session")?.value} />
// <div>
// <center>
// <h1>HIPMI PROJECT</h1>
// <p>Bip Production@Team_wibu</p>
// <a href="/dev">Project</a>
// </center>
// </div>
<LayoutLandingPage>
<PageLandingPage/>
</LayoutLandingPage>
);
return redirect("/dev/auth/splash")
}

3
src/app_modules/auth/index.ts Normal file
View File

@@ -0,0 +1,3 @@
import SplashScreen from "./splash/view";
export {SplashScreen}

10
src/app_modules/auth/splash/view.tsx Normal file
View File

@@ -0,0 +1,10 @@
"use client"
import { Title } from "@mantine/core"
export default function SplashScreen(){
return <>
<Title>Splash Screen</Title>
</>
}

3
src/modules/contoh/fun/index.ts
View File

@@ -1,3 +0,0 @@
import { funLihatNama } from "./lihat_nama";
export { funLihatNama }

3
src/modules/contoh/fun/lihat_nama.ts
View File

@@ -1,3 +0,0 @@
export function funLihatNama() {
console.log("nama malik")
}

6
src/modules/contoh/index.ts
View File

@@ -1,6 +0,0 @@
import valNama from "./val/get_nama";
import Halaman, { Menu } from "./view";
export default Halaman
export { valNama }
export { Menu }

2
src/modules/contoh/val/get_nama.ts
View File

@@ -1,2 +0,0 @@
const valNama = "malik"
export default valNama

5
src/modules/contoh/view/halaman/index.tsx
View File

@@ -1,5 +0,0 @@
export default function Halaman() {
return <>
<div>Halaman</div>
</>
}

5
src/modules/contoh/view/index.ts
View File

@@ -1,5 +0,0 @@
import Halaman from "./halaman";
import Menu from "./menu";
export default Halaman
export { Menu }

5
src/modules/contoh/view/menu/index.tsx
View File

@@ -1,5 +0,0 @@
export default function Menu() {
return <>
ini adalah Menu
</>
}

9
src/modules/dashboard_admin/dashboard_admin.tsx
View File

@@ -1,9 +0,0 @@
"use client"
export function DashboardAdmin(){
return <>
<div>
ini dashboard admin
</div>
</>
}

3
src/modules/dashboard_admin/index.ts
View File

@@ -1,3 +0,0 @@
import { DashboardAdmin } from "./dashboard_admin";
export default DashboardAdmin

7
src/modules/dashboard_super_admin/dashboard_super_admin.tsx
View File

@@ -1,7 +0,0 @@
"use client"
export function DashboardSuperAdmin(){
return <>
<div>Ini super admin</div>
</>
}

3
src/modules/dashboard_super_admin/index.ts
View File

@@ -1,3 +0,0 @@
import { DashboardSuperAdmin } from "./dashboard_super_admin";
export default DashboardSuperAdmin

5
src/modules/landing_page/index.tsx
View File

@@ -1,5 +0,0 @@
import { LandingPage } from "./landing-page";
export default LandingPage;

11
src/modules/landing_page/landing-page.tsx
View File

@@ -1,11 +0,0 @@
"use client"
import { Box } from "@mantine/core"
export function LandingPage(){
return <>
<Box>
ini Landing
</Box>
</>
}

5
src/modules/login/index.ts
View File

@@ -1,5 +0,0 @@
import LoginPage from "./login_page";
import RegisterPage from "./register_page";
export {LoginPage}
export {RegisterPage}

3
src/modules/login/login_page/index.ts
View File

@@ -1,3 +0,0 @@
import { LoginPage } from "./login_page";
export default LoginPage

12
src/modules/login/login_page/login_page.tsx
View File

@@ -1,12 +0,0 @@
"use client"
import { Button } from "@mantine/core"
import { useRouter } from "next/navigation"
export function LoginPage(){
const router = useRouter()
return <>
<div>ini login</div>
<Button onClick={() =>router.push("/dev/registrasi") }>Register</Button>
</>
}

3
src/modules/login/register_page/index.ts
View File

@@ -1,3 +0,0 @@
import { RegisterPage } from "./register_page";
export default RegisterPage

7
src/modules/login/register_page/register_page.tsx
View File

@@ -1,7 +0,0 @@
"use client"
export function RegisterPage(){
return <>
<div>ini register</div>
</>
}