Skip to content

2
2023-029
Commit 7e1916c0 authored by janithGamage's avatar janithGamage
Browse files
Options

fix: update 

Desc : side bar updated
parent a1fe9bf6
Show whitespace changes
Inline Side-by-side
Showing with 303 additions and 110 deletions
Project/Frontend/Web_App/src/layouts/dashboard/nav/config.tsx
View file @ 7e1916c0
......@@ -41,6 +41,15 @@ const navConfig = [
items: [
{ title: 'app', path: PATH_DASHBOARD.general.app, icon: ICONS.dashboard },
{ title: 'blank', path: PATH_DASHBOARD.blank, icon: ICONS.blank },
//Spoken language to Sign Language Module items
{
title: 'Spoken language Translation Module',
path: PATH_DASHBOARD.spokenLanguageTranslationModule.root,
icon: ICONS.chat,
children: [
{ title: 'Home', path: PATH_DASHBOARD.spokenLanguageTranslationModule.spokenLanguageTranslationHome },
],
},
// Sign Language Learning Module items
{
title: 'Learning Module',
......
Project/Frontend/Web_App/src/pages/auth/register.tsx
View file @ 7e1916c0
// next
import Head from 'next/head';
// auth
import GuestGuard from '../../auth/GuestGuard';
// sections
import Register from '../../sections/auth/Register';
......@@ -14,9 +13,7 @@ export default function RegisterPage() {
<title> Register | SignConnect+</title>
</Head>
<GuestGuard>
<Register />
</GuestGuard>
</>
);
}
Project/Frontend/Web_App/src/pages/dashboard/learning-module/leadBoard/index.tsx
View file @ 7e1916c0
import { Container, Typography } from '@mui/material';
import { Box, Container, Stack, Typography } from '@mui/material';
import Head from 'next/head';
import { ComingSoonIllustration } from 'src/assets/illustrations';
import useCountdown from 'src/hooks/useCountdown';
import { useSettingsContext } from '../../../../components/settings';
import DashboardLayout from '../../../../layouts/dashboard';
import CustomBreadcrumbs from 'src/components/custom-breadcrumbs/CustomBreadcrumbs';
import Iconify from 'src/components/iconify/Iconify';
LeadBoardHomePage.getLayout = (page: React.ReactElement) => <DashboardLayout>{page}</DashboardLayout>;
export default function LeadBoardHomePage() {
const { themeStretch } = useSettingsContext();
const { days, hours, minutes, seconds } = useCountdown(new Date('06/20/2023 21:30'));
return (
<>
<Head>
{/* <Head>
<title> Lead Board Home | SignLink </title>
</Head>
......@@ -32,7 +33,52 @@ export default function LeadBoardHomePage() {
</Container>
<Container maxWidth={themeStretch ? false : 'xl'}>
</Container> */}
<Head>
<title> Coming Soon | SignConnect+</title>
</Head>
<Container maxWidth={themeStretch ? false : 'xl'}>
<Typography variant="h3" paragraph>
Coming Soon!
</Typography>
<Typography sx={{ color: 'text.secondary' }}>
We are currently working hard on this page!
</Typography>
<ComingSoonIllustration sx={{ my: 10, height: 240 }} />
<Stack
direction="row"
justifyContent="center"
divider={<Box sx={{ mx: { xs: 1, sm: 2.5 } }}>:</Box>}
sx={{ typography: 'h2' }}
>
<TimeBlock label="Days" value={days} />
<TimeBlock label="Hours" value={hours} />
<TimeBlock label="Minutes" value={minutes} />
<TimeBlock label="Seconds" value={seconds} />
</Stack>
</Container>
</>
);
}
type TimeBlockProps = {
label: string;
value: string;
};
function TimeBlock({ label, value }: TimeBlockProps) {
return (
<div>
<Box> {value} </Box>
<Box sx={{ color: 'text.secondary', typography: 'body1' }}>{label}</Box>
</div>
);
}
\ No newline at end of file
Project/Frontend/Web_App/src/pages/dashboard/learning-module/questionAndAnswers/index.tsx
View file @ 7e1916c0
import { Container } from '@mui/material';
import { Box, Container, Stack, Typography } from '@mui/material';
import Head from 'next/head';
import CustomBreadcrumbs from 'src/components/custom-breadcrumbs/CustomBreadcrumbs';
import Iconify from 'src/components/iconify/Iconify';
import { ComingSoonIllustration } from 'src/assets/illustrations';
import useCountdown from 'src/hooks/useCountdown';
import { useSettingsContext } from '../../../../components/settings';
import DashboardLayout from '../../../../layouts/dashboard';
......@@ -9,10 +9,11 @@ QuestionAndAnswersHomePage.getLayout = (page: React.ReactElement) => <DashboardL
export default function QuestionAndAnswersHomePage() {
const { themeStretch } = useSettingsContext();
const { days, hours, minutes, seconds } = useCountdown(new Date('06/20/2023 21:30'));
return (
<>
<Head>
{/* <Head>
<title> Questions & Answers Home | SignLink </title>
</Head>
......@@ -33,7 +34,52 @@ export default function QuestionAndAnswersHomePage() {
</Container>
<Container maxWidth={themeStretch ? false : 'xl'}>
</Container> */}
<Head>
<title> Coming Soon | SignConnect+</title>
</Head>
<Container maxWidth={themeStretch ? false : 'xl'}>
<Typography variant="h3" paragraph>
Coming Soon!
</Typography>
<Typography sx={{ color: 'text.secondary' }}>
We are currently working hard on this page!
</Typography>
<ComingSoonIllustration sx={{ my: 10, height: 240 }} />
<Stack
direction="row"
justifyContent="center"
divider={<Box sx={{ mx: { xs: 1, sm: 2.5 } }}>:</Box>}
sx={{ typography: 'h2' }}
>
<TimeBlock label="Days" value={days} />
<TimeBlock label="Hours" value={hours} />
<TimeBlock label="Minutes" value={minutes} />
<TimeBlock label="Seconds" value={seconds} />
</Stack>
</Container>
</>
);
}
type TimeBlockProps = {
label: string;
value: string;
};
function TimeBlock({ label, value }: TimeBlockProps) {
return (
<div>
<Box> {value} </Box>
<Box sx={{ color: 'text.secondary', typography: 'body1' }}>{label}</Box>
</div>
);
}
\ No newline at end of file
Project/Frontend/Web_App/src/pages/dashboard/spokenLanguageTranslation-module/index.tsx 0 → 100644
View file @ 7e1916c0
import { Container, Typography } from '@mui/material';
import Head from 'next/head';
import { useSettingsContext } from '../../../components/settings';
import DashboardLayout from '../../../layouts/dashboard';
SpokenLanguageTranslationHomePage.getLayout = (page: React.ReactElement) => <DashboardLayout>{page}</DashboardLayout>;
export default function SpokenLanguageTranslationHomePage() {
const { themeStretch } = useSettingsContext();
return (
<>
<Head>
<title> Blank Page | SignConnect+</title>
</Head>
<Container maxWidth={themeStretch ? false : 'xl'}>
<Typography variant="h6"> Blank </Typography>
</Container>
</>
);
}
Project/Frontend/Web_App/src/pages/home.tsx 0 → 100644
View file @ 7e1916c0
import { m, useScroll, useSpring } from 'framer-motion';
// next
import Head from 'next/head';
// @mui
import { useTheme } from '@mui/material/styles';
import { Box } from '@mui/material';
// layouts
import MainLayout from '../layouts/main';
// sections
import {
HomeHero,
HomeMinimal,
HomeDarkMode,
HomeLookingFor,
HomeForDesigner,
HomeColorPresets,
HomePricingPlans,
HomeAdvertisement,
HomeCleanInterfaces,
HomeHugePackElements,
} from '../sections/home';
// ----------------------------------------------------------------------
HomePage.getLayout = (page: React.ReactElement) => <MainLayout> {page} </MainLayout>;
// ----------------------------------------------------------------------
export default function HomePage() {
const theme = useTheme();
const { scrollYProgress } = useScroll();
const scaleX = useSpring(scrollYProgress, {
stiffness: 100,
damping: 30,
restDelta: 0.001,
});
const progress = (
<m.div
style={{
top: 0,
left: 0,
right: 0,
height: 3,
zIndex: 1999,
position: 'fixed',
transformOrigin: '0%',
backgroundColor: theme.palette.primary.main,
scaleX,
}}
/>
);
return (
<>
<Head>
<title> The starting point for your next project | SignConnect+</title>
</Head>
{progress}
<HomeHero />
<Box
sx={{
overflow: 'hidden',
position: 'relative',
bgcolor: 'background.default',
}}
>
<HomeMinimal />
<HomeHugePackElements />
<HomeForDesigner />
<HomeDarkMode />
<HomeColorPresets />
<HomeCleanInterfaces />
<HomePricingPlans />
<HomeLookingFor />
<HomeAdvertisement />
</Box>
</>
);
}
Project/Frontend/Web_App/src/pages/index.tsx
View file @ 7e1916c0
import { m, useScroll, useSpring } from 'framer-motion';
// next
import Head from 'next/head';
// @mui
import { useTheme } from '@mui/material/styles';
import { Box } from '@mui/material';
// layouts
import MainLayout from '../layouts/main';
// sections
import {
HomeHero,
HomeMinimal,
HomeDarkMode,
HomeLookingFor,
HomeForDesigner,
HomeColorPresets,
HomePricingPlans,
HomeAdvertisement,
HomeCleanInterfaces,
HomeHugePackElements,
} from '../sections/home';
import LoginPage from "./auth/login";
// ----------------------------------------------------------------------
HomePage.getLayout = (page: React.ReactElement) => <MainLayout> {page} </MainLayout>;
// ----------------------------------------------------------------------
export default function HomePage() {
const theme = useTheme();
const { scrollYProgress } = useScroll();
const scaleX = useSpring(scrollYProgress, {
stiffness: 100,
damping: 30,
restDelta: 0.001,
});
const progress = (
<m.div
style={{
top: 0,
left: 0,
right: 0,
height: 3,
zIndex: 1999,
position: 'fixed',
transformOrigin: '0%',
backgroundColor: theme.palette.primary.main,
scaleX,
}}
/>
);
return (
<>
<Head>
<title> The starting point for your next project | SignConnect+</title>
</Head>
{progress}
<HomeHero />
<Box
sx={{
overflow: 'hidden',
position: 'relative',
bgcolor: 'background.default',
}}
>
<HomeMinimal />
<HomeHugePackElements />
<HomeForDesigner />
<HomeDarkMode />
<HomeColorPresets />
<HomeCleanInterfaces />
<HomePricingPlans />
<HomeLookingFor />
<HomeAdvertisement />
</Box>
</>
);
}
export default LoginPage
\ No newline at end of file
Project/Frontend/Web_App/src/routes/paths.ts
View file @ 7e1916c0
......@@ -97,6 +97,10 @@ export const PATH_DASHBOARD = {
view: (title: string) => path(ROOTS_DASHBOARD, `/blog/post/${title}`),
demoView: path(ROOTS_DASHBOARD, '/blog/post/apply-these-7-secret-techniques-to-improve-event'),
},
spokenLanguageTranslationModule: {
root: path(ROOTS_DASHBOARD, '/spokenLanguageTranslation-module'),
spokenLanguageTranslationHome: path(ROOTS_DASHBOARD, '/spokenLanguageTranslation-module'),
},
learningModule: {
root: path(ROOTS_DASHBOARD, '/learning-module'),
curriculumHome: path(ROOTS_DASHBOARD, '/learning-module/curriculum'),
......
Project/Frontend/Web_App/src/sections/@dashboard/spokenLanguageTranslation-module/HomeWidget.tsx 0 → 100644
View file @ 7e1916c0
import { Box, CardProps, Stack, Typography } from '@mui/material';
import { useTheme } from '@mui/material/styles';
import Iconify from 'src/components/iconify/Iconify';
import { ColorSchema } from 'src/theme/palette';
interface Props extends CardProps {
icon: string;
title: string;
subTitle: string
color?: ColorSchema;
handleClick?: any
}
export default function HomeWidget({
title,
icon,
color = 'primary',
subTitle,
sx,
handleClick,
...other
}: Props) {
const theme = useTheme();
return (
<Stack
direction="row"
alignItems="center"
sx={{
p: 3,
borderRadius: 2,
overflow: 'hidden',
position: 'relative',
color: 'common.white',
bgcolor: `${color}.dark`,
...sx,
}}
{...other}
>
<Box sx={{ ml: 3 }}>
<Typography variant="h4"
onClick={() => {
console.log(title);
handleClick(title)
}}
sx={{ cursor: 'pointer' }}
> {title}</Typography>
<Typography variant="body2" sx={{ opacity: 0.72 }}>
{subTitle}
</Typography>
</Box>
<Iconify
icon={icon}
sx={{
width: 120,
height: 120,
opacity: 0.12,
position: 'absolute',
right: theme.spacing(-0),
}}
/>
</Stack>
);
}
Project/Frontend/Web_App/src/sections/auth/Login.tsx
View file @ 7e1916c0
......@@ -20,7 +20,7 @@ export default function Login() {
return (
<LoginLayout>
<Stack spacing={2} sx={{ mb: 5, position: 'relative' }}>
<Typography variant="h4">Sign in to Minimal</Typography>
<Typography variant="h4">Sign in to SignConnect+</Typography>
<Stack direction="row" spacing={0.5}>
<Typography variant="body2">New user?</Typography>
......@@ -45,8 +45,6 @@ export default function Login() {
</Alert>
<AuthLoginForm />
<AuthWithSocial />
</LoginLayout>
);
}
Project/Frontend/Web_App/src/sections/auth/Register.tsx
View file @ 7e1916c0
// next
import NextLink from 'next/link';
// @mui
import { Stack, Typography, Link } from '@mui/material';
import { Link, Stack, Typography } from '@mui/material';
// layouts
import LoginLayout from '../../layouts/login';
// routes
import { PATH_AUTH } from '../../routes/paths';
//
import AuthWithSocial from './AuthWithSocial';
import AuthRegisterForm from './AuthRegisterForm';
// ----------------------------------------------------------------------
......@@ -44,7 +43,6 @@ export default function Register() {
.
</Typography>
<AuthWithSocial />
</LoginLayout>
);
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment