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

Test server

Browse Source
This commit is contained in:
Bagasbanuna02
2024-04-19 14:51:03 +08:00
parent a6580e9594
commit 3dcbc98ae0
7 changed files with 257 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/app/makuro/page.tsx
View File

@@ -5,12 +5,14 @@ import {
Button, Button,
Center, Center,
Paper, Paper,
ScrollArea,
SimpleGrid, SimpleGrid,
Stack, Stack,
Text, Text,
TextInput, TextInput,
Title, Title,
} from "@mantine/core"; } from "@mantine/core";
import _ from "lodash";
// import ViewMakuro from "./_server/makuro_view"; // import ViewMakuro from "./_server/makuro_view";
// import mqtt_client from "@/util/mqtt_client"; // import mqtt_client from "@/util/mqtt_client";
// import { useState } from "react"; // import { useState } from "react";
@@ -69,17 +71,38 @@ import {
export default function Page() { export default function Page() {
return ( return (
<Stack> <Box>
<Center> <Box
style={{
zIndex: 99,
}}
w={"100%"}
bg={"green"}
pos={"sticky"}
top={0}
h={"10vh"}
>
satu
</Box>
<Box bg={"red"} pos={"static"}>
<Stack> <Stack>
<Title>LOGIN</Title> {Array.from(new Array(300)).map((v, k) => (
<TextInput /> <Title key={k}>INI DIMANA {k+1}</Title>
<TextInput /> ))}
<TextInput />
<TextInput />
<Button>LOGIN</Button>
</Stack> </Stack>
</Center> </Box>
</Stack> <Text
style={{
zIndex: 98,
}}
w={"100%"}
bg={"blue"}
pos={"sticky"}
bottom={0}
h={"10vh"}
>
satu
</Text>
</Box>
); );
} }

2
src/app_modules/auth/index.ts
View File

@@ -4,7 +4,6 @@ import Validasi from "./validasi/view";
import LayoutValidasi from "./validasi/layout"; import LayoutValidasi from "./validasi/layout";
import Register from "./register/view"; import Register from "./register/view";
import User_Logout from "./logout/view"; import User_Logout from "./logout/view";
import LayoutLogin from "./login/layout";
export { export {
SplashScreen, SplashScreen,
@@ -13,5 +12,4 @@ export {
Register, Register,
User_Logout as Logout, User_Logout as Logout,
LayoutValidasi, LayoutValidasi,
LayoutLogin,
}; };

22
src/app_modules/auth/login/layout.tsx
View File

@@ -1,22 +0,0 @@
"use client";
import {
AppShell,
Center,
Footer,
Header,
Image,
Paper,
Text,
Title,
} from "@mantine/core";
import React from "react";
export default function LayoutLogin({
children,
}: {
children: React.ReactNode;
}) {
return <>
{children}</>;
}

12
src/app_modules/auth/validasi/layout.tsx
View File

@@ -13,8 +13,16 @@ export default function LayoutValidasi({
const router = useRouter(); const router = useRouter();
return ( return (
<Stack> <Stack >
<Box p={"md"}> <Box
bg={"white"}
p={"md"}
style={{
position: "sticky",
top: 0,
zIndex: 99,
}}
>
<ActionIcon variant="transparent" onClick={() => router.back()}> <ActionIcon variant="transparent" onClick={() => router.back()}>
<IconChevronLeft /> <IconChevronLeft />
</ActionIcon> </ActionIcon>

47
src/app_modules/auth/validasi/view.tsx
View File

@@ -105,53 +105,8 @@ export default function Validasi({ dataOtp }: { dataOtp: any }) {
return ( return (
<> <>
{/* <Flex
align={"center"}
justify={"center"}
direction={"column"}
gap={50}
h={"80vh"}
>
<Title order={4}>Validasi Kode OTP</Title>
<IconCircleLetterH size={150} />
<Flex direction={"column"} gap={"xl"} align={"center"}>
<Flex
justify={"center"}
gap={1}
direction={"column"}
align={"center"}
>
<Text>Enter the 4-digit OTP , we’ve just sent</Text>
<Text>to +{nomor}</Text>
</Flex>
<PinInput
ref={focusTrapRef}
spacing={"md"}
mt={"md"}
onChange={(val) => {
setInputOtp(val);
}}
/>
<Button
w={100}
mt={"md"}
compact
radius={50}
bg={Warna.hijau_tua}
color="green"
onClick={() => {
onValid();
// myConsole("ok")
}}
>
Submit
</Button>
</Flex>
</Flex> */}
{/* <pre>{JSON.stringify(code)}</pre> */} <Center h={"100vh"}>
<Center h={"80%"}>
<Stack px={"lg"} spacing={"xl"} w={{ base: 400 }} justify="center"> <Stack px={"lg"} spacing={"xl"} w={{ base: 400 }} justify="center">
<Center> <Center>
<IconCloudLockOpen size={130} /> <IconCloudLockOpen size={130} />

224
src/app_modules/home/layout.tsx
View File

@@ -3,6 +3,7 @@ import {
ActionIcon, ActionIcon,
AppShell, AppShell,
Avatar, Avatar,
Box,
Center, Center,
Flex, Flex,
Footer, Footer,
@@ -14,6 +15,7 @@ import {
Stack, Stack,
Text, Text,
ThemeIcon, ThemeIcon,
Title,
} from "@mantine/core"; } from "@mantine/core";
import { HomeView } from "."; import { HomeView } from ".";
import { import {
@@ -40,7 +42,7 @@ export default function HomeLayout({
}) { }) {
const router = useRouter(); const router = useRouter();
const [user, setUser] = useState(dataUser); const [user, setUser] = useState(dataUser);
const [loading, setLoading] = useState(false); const [loadingProfil, setLoadingProfile] = useState(false);
const [loadingUS, setLoadingUS] = useState(false); const [loadingUS, setLoadingUS] = useState(false);
const listFooter = [ const listFooter = [
{ {
@@ -57,33 +59,226 @@ export default function HomeLayout({
}, },
]; ];
const Compo_Footer = (
<Footer height={70} w={"100%"} bg={"black"}>
<Grid p={"xs"}>
<Grid.Col span={"auto"}>
{loadingUS ? (
<Center>
<Loader />
</Center>
) : (
<Center>
<Stack
align="center"
spacing={0}
onClick={() => {
if (user?.Profile === null) {
ComponentGlobal_NotifikasiPeringatan("Lengkapi Profile");
} else {
setLoadingUS(true);
// router.push(RouterProfile.katalog + `${user.Profile.id}`);
router.push(RouterUserSearch.main);
}
}}
>
<ActionIcon variant={"transparent"}>
<IconUserSearch color="white" />
</ActionIcon>
<Text fz={"xs"} c={"white"}>
Temukan pengguna
</Text>
</Stack>
</Center>
)}
</Grid.Col>
<Grid.Col span={"auto"}>
{loadingProfil ? (
<Center>
<Loader />
</Center>
) : (
<Center>
<Stack
align="center"
spacing={2}
onClick={() => {
setLoadingProfile(true);
if (user?.Profile === null) {
router.push(RouterProfile.create + `${user.id}`);
} else {
router.push(RouterProfile.katalog + `${user.Profile.id}`);
}
}}
>
<ActionIcon variant={"transparent"}>
{user?.Profile === null ? (
<IconUserCircle color="white" />
) : (
<Avatar
radius={"xl"}
size={25}
sx={{
borderStyle: "solid",
borderWidth: "0.5px",
borderColor: "white",
}}
src={
RouterProfile.api_foto_profile +
`${user?.Profile.imagesId}`
}
/>
)}
</ActionIcon>
<Text fz={"xs"} c={"white"}>
Profile
</Text>
</Stack>
</Center>
)}
</Grid.Col>
</Grid>
</Footer>
);
return (
<>
<Box>
<Box
style={{
zIndex: 99,
}}
w={"100%"}
bg={"black"}
pos={"sticky"}
top={0}
h={50}
>
<Center h={"100%"}>
<Title order={4} c={"white"}>
HIPMI
</Title>
</Center>
</Box>
<Box p={"sm"} pos={"static"}>
{children}
</Box>
<Box
style={{
zIndex: 98,
}}
w={"100%"}
bg={"black"}
pos={"sticky"}
bottom={0}
h={"10vh"}
>
<SimpleGrid cols={2}>
<Center h={"10vh"}>
{loadingUS ? (
<Center>
<Loader />
</Center>
) : (
<Center>
<Stack
align="center"
spacing={0}
onClick={() => {
if (user?.Profile === null) {
ComponentGlobal_NotifikasiPeringatan(
"Lengkapi Profile"
);
} else {
setLoadingUS(true);
// router.push(RouterProfile.katalog + `${user.Profile.id}`);
router.push(RouterUserSearch.main);
}
}}
>
<ActionIcon variant={"transparent"}>
<IconUserSearch color="white" />
</ActionIcon>
<Text fz={"xs"} c={"white"}>
Temukan pengguna
</Text>
</Stack>
</Center>
)}
</Center>
<Center h={"10vh"}>
{loadingProfil ? (
<Center>
<Loader />
</Center>
) : (
<Center>
<Stack
align="center"
spacing={2}
onClick={() => {
setLoadingProfile(true);
if (user?.Profile === null) {
router.push(RouterProfile.create + `${user.id}`);
} else {
router.push(
RouterProfile.katalog + `${user.Profile.id}`
);
}
}}
>
<ActionIcon variant={"transparent"}>
{user?.Profile === null ? (
<IconUserCircle color="white" />
) : (
<Avatar
radius={"xl"}
size={25}
sx={{
borderStyle: "solid",
borderWidth: "0.5px",
borderColor: "white",
}}
src={
RouterProfile.api_foto_profile +
`${user?.Profile.imagesId}`
}
/>
)}
</ActionIcon>
<Text fz={"xs"} c={"white"}>
Profile
</Text>
</Stack>
</Center>
)}
</Center>
</SimpleGrid>
</Box>
</Box>
</>
);
return ( return (
<> <>
<AppShell <AppShell
header={ header={
<Header height={50} bg={"dark"}> <Header height={50} bg={"dark"}>
<Group position="center" align="center" h={50} p={"sm"}> <Group position="center" align="center" h={50} p={"sm"}>
{/* <Group spacing={"sm"}>
<ActionIcon>
<IconAward />
</ActionIcon>
</Group> */}
<Text color="white" fw={"bold"}> <Text color="white" fw={"bold"}>
HIPMI HIPMI
</Text> </Text>
{/* <Logout/> */} {/* <Logout/> */}
{/* <Group spacing={"sm"}>
<ActionIcon>
<IconQrcode />
</ActionIcon>
</Group> */}
</Group> </Group>
</Header> </Header>
} }
footer={ footer={
<Footer height={70} bg={"dark"}> <Footer height={70} bg={"dark"}>
<Grid p={"xs"}> <Grid p={"xs"} bg={"blue"}>
<Grid.Col <Grid.Col
bg={"red"}
span={"auto"} span={"auto"}
onClick={() => { onClick={() => {
if (user?.Profile === null) { if (user?.Profile === null) {
@@ -111,9 +306,10 @@ export default function HomeLayout({
)} )}
</Grid.Col> </Grid.Col>
<Grid.Col <Grid.Col
bg={"cyan"}
span={"auto"} span={"auto"}
onClick={() => { onClick={() => {
setLoading(true); setLoadingProfile(true);
if (user?.Profile === null) { if (user?.Profile === null) {
router.push(RouterProfile.create + `${user.id}`); router.push(RouterProfile.create + `${user.id}`);
} else { } else {
@@ -121,7 +317,7 @@ export default function HomeLayout({
} }
}} }}
> >
{loading ? ( {loadingProfil ? (
<Center> <Center>
<Loader /> <Loader />
</Center> </Center>

6
src/app_modules/home/view.tsx
View File

@@ -105,8 +105,8 @@ export default function HomeView({ dataUser }: { dataUser: MODEL_USER }) {
<> <>
{visible ? <ComponentGlobal_V2_LoadingPage /> : ""} {visible ? <ComponentGlobal_V2_LoadingPage /> : ""}
<Box> <Box h={"100%"}>
<Paper bg={"dark"} radius={5} my={"xs"}> <Paper bg={"dark"} radius={5} mb={"xs"}>
<Image alt="logo" src={"/aset/home/home-hipmi.png"} /> <Image alt="logo" src={"/aset/home/home-hipmi.png"} />
</Paper> </Paper>
@@ -157,7 +157,7 @@ export default function HomeView({ dataUser }: { dataUser: MODEL_USER }) {
> >
{e.icon} {e.icon}
</ActionIcon> </ActionIcon>
<Text c={e.link === "" ? "gray" : "teal"}>{e.name}</Text> <Text c={e.link === "" ? "gray" : "teal"} fz={"sm"}>{e.name}</Text>
</Flex> </Flex>
</Paper> </Paper>
))} ))}