Smart/smartEnergyView-frontend
2
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

✨ add title page

Browse Source
This commit is contained in:
joseCorte-exe 2022-05-18 15:37:47 -03:00
parent 702989efd3
commit 90c9aaa295
18 changed files with 87 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/sidebar/Sidebar.tsx
View File

@ -36,7 +36,7 @@ export default function Sidebar() {
<Link href='/telemetria'><li className={router.pathname=='/telemetria'? 'actualPath' : null}><Image src='/assets/sidebar/telemetryIcon.svg' width={25} height={25} />{'Telemetria >'}</li></Link> <Link href='/telemetria'><li className={router.pathname=='/telemetria'? 'actualPath' : null}><Image src='/assets/sidebar/telemetryIcon.svg' width={25} height={25} />{'Telemetria >'}</li></Link>
<Link href='/resumoOperacao'><li className={router.pathname=='/resumoOperacao'? 'actualPath' : null} ><Image src='/assets/sidebar/summaryOperationsIcon.svg' width={25} height={25} />{'Resumo de Op. '}</li></Link> <Link href='/resumoOperacao'><li className={router.pathname=='/resumoOperacao'? 'actualPath' : null} ><Image src='/assets/sidebar/summaryOperationsIcon.svg' width={25} height={25} />{'Resumo de Op. '}</li></Link>
<Link href='/news'><li className={router.pathname=='/news'? 'actualPath' : null}><Image src='/assets/sidebar/newsIcon.svg' width={25} height={25} />{'Notícias >'}</li></Link> <Link href='/news'><li className={router.pathname=='/news'? 'actualPath' : null}><Image src='/assets/sidebar/newsIcon.svg' width={25} height={25} />{'Notícias >'}</li></Link>
<Link href='/industryInfo'><li className={router.pathname=='/sectorialInfo'? 'actualPath' : null}><Image src='/assets/sidebar/sectorialInfoIcon.svg' width={25} height={25} />{'Info Setorial >'}</li></Link> <Link href='/industryInfo'><li className={router.pathname=='/industryInfo'? 'actualPath' : null}><Image src='/assets/sidebar/sectorialInfoIcon.svg' width={25} height={25} />{'Info Setorial >'}</li></Link>
{/* <Link href='/consumption'><li className={router.pathname=='/consumption'? 'actualPath' : null} ><Image src='/assets/sidebar/consumptionIcon.svg' width={25} height={25} />{'Consumo'}</li></Link> */} {/* <Link href='/consumption'><li className={router.pathname=='/consumption'? 'actualPath' : null} ><Image src='/assets/sidebar/consumptionIcon.svg' width={25} height={25} />{'Consumo'}</li></Link> */}
<Link href='/notifications'><li className={router.pathname=='/notifications'? 'actualPath' : null}><Image src='/assets/sidebar/notificationsIcon.svg' width={25} height={25} />{'Notificações >'}</li></Link> <Link href='/notifications'><li className={router.pathname=='/notifications'? 'actualPath' : null}><Image src='/assets/sidebar/notificationsIcon.svg' width={25} height={25} />{'Notificações >'}</li></Link>
<Link href='/aboutUs'><li className={router.pathname=='/aboutUs'? 'actualPath' : null}><Image src='/assets/sidebar/dashboardIcon.svg' width={25} height={25} />{'Sobre Nós >'}</li></Link> <Link href='/aboutUs'><li className={router.pathname=='/aboutUs'? 'actualPath' : null}><Image src='/assets/sidebar/dashboardIcon.svg' width={25} height={25} />{'Sobre Nós >'}</li></Link>

4
src/pages/aboutUs.tsx
View File

@ -1,3 +1,4 @@
import Head from 'next/head'
import Image from 'next/image' import Image from 'next/image'
import React from 'react' import React from 'react'
import Banner from '../components/banner/Banner' import Banner from '../components/banner/Banner'
@ -7,6 +8,9 @@ import { AboutUsView } from '../styles/layouts/aboutUs/AboutUsView'
export default function aboutUs() { export default function aboutUs() {
return ( return (
<AboutUsView> <AboutUsView>
<Head>
<title>Smart Energia - About Us</title>
</Head>
<Header name='' /> <Header name='' />
<Banner title='Quem Somos' subtitle='Soluções inteligentes em Gestão de Energia' imgSource='/assets/banners/aboutUsBanner.png' /> <Banner title='Quem Somos' subtitle='Soluções inteligentes em Gestão de Energia' imgSource='/assets/banners/aboutUsBanner.png' />

4
src/pages/accumulatedSavings.tsx
View File

@ -1,3 +1,4 @@
import Head from 'next/head'
import React from 'react' import React from 'react'
import Chart from '../components/graph/Chart' import Chart from '../components/graph/Chart'
@ -11,6 +12,9 @@ import { AccumulatedSavingsView } from '../styles/layouts/economy/accumulatedSav
export default function AccumulatedSavings() { export default function AccumulatedSavings() {
return ( return (
<AccumulatedSavingsView> <AccumulatedSavingsView>
<Head>
<title>Smart Energia - Economia Acumulada</title>
</Head>
<Header name='' /> <Header name='' />
<PageTitle title='Economia Acumulada' subtitle='Economia Bruta Estimada e Acumulada anual (Valores em R$ mil)' /> <PageTitle title='Economia Acumulada' subtitle='Economia Bruta Estimada e Acumulada anual (Valores em R$ mil)' />
<section> <section>

4
src/pages/chartTelemetry.tsx
View File

@ -10,11 +10,15 @@ import LineChart from '../components/graph/LineChart'
import { LineBarChart } from '../components/graph/LineBarChart' import { LineBarChart } from '../components/graph/LineBarChart'
import Header from '../components/header/Header' import Header from '../components/header/Header'
import PageTitle from '../components/pageTitle/PageTitle' import PageTitle from '../components/pageTitle/PageTitle'
import Head from 'next/head'
export default function chartTelemetry() { export default function chartTelemetry() {
return ( return (
<ChatTelemetryView> <ChatTelemetryView>
<Head>
<title>Smart Energia - Graficos Telemetria</title>
</Head>
<Header name='' /> <Header name='' />
<PageTitle title='Telemetria - Graficos' subtitle='Gráficos' /> <PageTitle title='Telemetria - Graficos' subtitle='Gráficos' />
<section className='chartContainer' > <section className='chartContainer' >

4
src/pages/consumption.tsx
View File

@ -1,3 +1,4 @@
import Head from 'next/head'
import React from 'react' import React from 'react'
import Chart from '../components/graph/Chart' import Chart from '../components/graph/Chart'
import Header from '../components/header/Header' import Header from '../components/header/Header'
@ -8,6 +9,9 @@ import { ConsumptionView } from '../styles/layouts/consumption/ConsumptionView'
export default function Consumption() { export default function Consumption() {
return ( return (
<ConsumptionView> <ConsumptionView>
<Head>
<title>Smart Energia - Consumo</title>
</Head>
<Header name='' /> <Header name='' />
<PageTitle title='Consumo' subtitle='Análise de Consumo'/> <PageTitle title='Consumo' subtitle='Análise de Consumo'/>
<section> <section>

4
src/pages/costIndicator.tsx
View File

@ -1,3 +1,4 @@
import Head from 'next/head'
import React from 'react' import React from 'react'
import Chart from '../components/graph/Chart' import Chart from '../components/graph/Chart'
@ -11,6 +12,9 @@ import { CostIndicatorView } from '../styles/layouts/economy/costIndicator/CostI
export default function CostIndicator() { export default function CostIndicator() {
return ( return (
<CostIndicatorView> <CostIndicatorView>
<Head>
<title>Smart Energia - Indicador de Custos</title>
</Head>
<Header name='' /> <Header name='' />
<PageTitle title='Indicador de Custo' subtitle='Valores em R$/MWh'/> <PageTitle title='Indicador de Custo' subtitle='Valores em R$/MWh'/>
<section> <section>

4
src/pages/dashboard.tsx
View File

@ -16,11 +16,15 @@ import { EconomiaAcumulada } from '../services/economiaAcumulada'
import Chart from '../components/graph/Chart' import Chart from '../components/graph/Chart'
import { LineBarChart } from '../components/graph/LineBarChart' import { LineBarChart } from '../components/graph/LineBarChart'
import { ConsumoEstimado } from '../services/consumoEstimado' import { ConsumoEstimado } from '../services/consumoEstimado'
import Head from 'next/head'
export default function Dashboard() { export default function Dashboard() {
return ( return (
<DashboardView> <DashboardView>
<Head>
<title>Smart Energia - Dashboard</title>
</Head>
<Header name='' /> <Header name='' />
<PageTitle title='Visão Geral' subtitle='Bem Vindo a Smart Energia' /> <PageTitle title='Visão Geral' subtitle='Bem Vindo a Smart Energia' />
<Link href={'pld'} > <Link href={'pld'} >

4
src/pages/estimatedCost.tsx
View File

@ -1,3 +1,4 @@
import Head from 'next/head'
import React from 'react' import React from 'react'
import Chart from '../components/graph/Chart' import Chart from '../components/graph/Chart'
@ -11,6 +12,9 @@ import { EstimatedCostView } from '../styles/layouts/economy/estimatedCost/Estim
export default function EstimatedCost() { export default function EstimatedCost() {
return ( return (
<EstimatedCostView> <EstimatedCostView>
<Head>
<title>Smart Energia - Custos Estimados</title>
</Head>
<Header name='' /> <Header name='' />
<PageTitle title='Custos Estimados' subtitle='Comparativo de Custo Estimado' /> <PageTitle title='Custos Estimados' subtitle='Comparativo de Custo Estimado' />
<section> <section>

4
src/pages/faq.tsx
View File

@ -1,3 +1,4 @@
import Head from 'next/head'
import React from 'react' import React from 'react'
import CommonQuestionsCard from '../components/faqQuestionsCard/FaqQuestionsCard' import CommonQuestionsCard from '../components/faqQuestionsCard/FaqQuestionsCard'
import Header from '../components/header/Header' import Header from '../components/header/Header'
@ -6,6 +7,9 @@ import { FaqView } from '../styles/layouts/commonQuestions/FaqView'
export default function commonQuestions() { export default function commonQuestions() {
return ( return (
<FaqView> <FaqView>
<Head>
<title>Smart Energia - FAQ</title>
</Head>
<Header name='' /> <Header name='' />
<h1>Perguntas Frequentes</h1> <h1>Perguntas Frequentes</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

4
src/pages/forgotPassword.tsx
View File

@ -7,6 +7,7 @@ import TextField from '@mui/material/TextField';
import { ForgotPasswordContainer, ForgotPasswordView } from '../styles/layouts/forgotPassword/ForgotPasswordView'; import { ForgotPasswordContainer, ForgotPasswordView } from '../styles/layouts/forgotPassword/ForgotPasswordView';
import RenderIf from '../utils/renderIf'; import RenderIf from '../utils/renderIf';
import Alert from '@mui/material/Alert'; import Alert from '@mui/material/Alert';
import Head from 'next/head';
export default function ForgotPassword() { export default function ForgotPassword() {
const router = useRouter() const router = useRouter()
@ -41,6 +42,9 @@ export default function ForgotPassword() {
return ( return (
<ForgotPasswordView auth={rota} > <ForgotPasswordView auth={rota} >
<Head>
<title>Smart Energia - Esqueceu a Senha</title>
</Head>
<Image src='/assets/marca1.svg' width={350} height={350} /> <Image src='/assets/marca1.svg' width={350} height={350} />
<ForgotPasswordContainer> <ForgotPasswordContainer>
<h1>Bem-Vindo</h1> <h1>Bem-Vindo</h1>

4
src/pages/grossSavings.tsx
View File

@ -1,3 +1,4 @@
import Head from 'next/head'
import React from 'react' import React from 'react'
import Chart from '../components/graph/Chart' import Chart from '../components/graph/Chart'
@ -11,6 +12,9 @@ import { GrossSavingsView } from '../styles/layouts/economy/grossSavings/GrossSa
export default function GrossSavings() { export default function GrossSavings() {
return ( return (
<GrossSavingsView> <GrossSavingsView>
<Head>
<title>Smart Energia - Economia Acumulada</title>
</Head>
<Header name='' /> <Header name='' />
<PageTitle title='Economia Bruta' subtitle='Economia Bruta Estimada e Acumulada anual (Valores em R$ mil)' /> <PageTitle title='Economia Bruta' subtitle='Economia Bruta Estimada e Acumulada anual (Valores em R$ mil)' />
<section> <section>

4
src/pages/index.tsx
View File

@ -14,6 +14,7 @@ import TextField from '@mui/material/TextField';
import {AiOutlineEyeInvisible, AiOutlineEye} from 'react-icons/ai'; import {AiOutlineEyeInvisible, AiOutlineEye} from 'react-icons/ai';
import { LoginView, LoginContainer } from '../styles/layouts/login/LoginView'; import { LoginView, LoginContainer } from '../styles/layouts/login/LoginView';
import Head from 'next/head';
export default function Home() { export default function Home() {
const [state, setstate]=useState(false); const [state, setstate]=useState(false);
@ -43,6 +44,9 @@ export default function Home() {
return ( return (
<LoginView auth={rota} > <LoginView auth={rota} >
<Head>
<title>Smart Energia - Login</title>
</Head>
<Image src='/assets/marca1.svg' width={350} height={350} /> <Image src='/assets/marca1.svg' width={350} height={350} />
<LoginContainer> <LoginContainer>
<h1>Bem-Vindo</h1> <h1>Bem-Vindo</h1>

4
src/pages/industryInfo.tsx
View File

@ -1,3 +1,4 @@
import Head from 'next/head'
import React from 'react' import React from 'react'
import BasicButton from '../components/buttons/basicButton/BasicButton' import BasicButton from '../components/buttons/basicButton/BasicButton'
import Header from '../components/header/Header' import Header from '../components/header/Header'
@ -7,6 +8,9 @@ import { IndustryInfoView } from '../styles/layouts/industryInfo/IndustryInfoVie
export default function industryInfo() { export default function industryInfo() {
return ( return (
<IndustryInfoView> <IndustryInfoView>
<Head>
<title>Smart Energia - Info de Setor</title>
</Head>
<Header name='' /> <Header name='' />
<div className='title'> <div className='title'>
<PageTitle title='Info Setorial' subtitle='info setorial' /> <PageTitle title='Info Setorial' subtitle='info setorial' />

4
src/pages/news.tsx
View File

@ -3,10 +3,14 @@ import Banner from '../components/banner/Banner'
import Header from '../components/header/Header' import Header from '../components/header/Header'
import BasicButton from '../components/buttons/basicButton/BasicButton'; import BasicButton from '../components/buttons/basicButton/BasicButton';
import { NewsView, Button } from '../styles/layouts/news/NewsView' import { NewsView, Button } from '../styles/layouts/news/NewsView'
import Head from 'next/head';
export default function aboutUs() { export default function aboutUs() {
return ( return (
<NewsView> <NewsView>
<Head>
<title>Smart Energia - Noticias</title>
</Head>
<Header name='' /> <Header name='' />
<Banner title='Notícias' subtitle='Tudo de importante no setor de energia' imgSource='/assets/banners/news.png' /> <Banner title='Notícias' subtitle='Tudo de importante no setor de energia' imgSource='/assets/banners/news.png' />

4
src/pages/notifications.tsx
View File

@ -1,3 +1,4 @@
import Head from 'next/head'
import React from 'react' import React from 'react'
import CommonQuestionsCard from '../components/faqQuestionsCard/FaqQuestionsCard' import CommonQuestionsCard from '../components/faqQuestionsCard/FaqQuestionsCard'
import Header from '../components/header/Header' import Header from '../components/header/Header'
@ -7,6 +8,9 @@ import { FaqView } from '../styles/layouts/commonQuestions/FaqView'
export default function Notifications() { export default function Notifications() {
return ( return (
<FaqView> <FaqView>
<Head>
<title>Smart Energia - Notificações</title>
</Head>
<Header name='' /> <Header name='' />
<PageTitle title='Notifications' subtitle='' /> <PageTitle title='Notifications' subtitle='' />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

4
src/pages/resumoOperacao.tsx
View File

@ -5,10 +5,14 @@ import BasicButton from '../components/buttons/basicButton/BasicButton';
import Sidebar from '../components/sidebar/Sidebar'; import Sidebar from '../components/sidebar/Sidebar';
import { Pagination, TableView } from '../styles/layouts/ResumoOperacao/ResumoOperacaoView'; import { Pagination, TableView } from '../styles/layouts/ResumoOperacao/ResumoOperacaoView';
import Head from 'next/head';
export default function ResumoOperacao() { export default function ResumoOperacao() {
return( return(
<TableView> <TableView>
<Head>
<title>Smart Energia - Resumo de Operação</title>
</Head>
<Header name='' /> <Header name='' />
<PageTitle title='Resumo de Operaçoes' subtitle='Operações detalhadas' /> <PageTitle title='Resumo de Operaçoes' subtitle='Operações detalhadas' />

5
src/pages/telemetria.tsx
View File

@ -9,6 +9,7 @@ import MenuItem from '@mui/material/MenuItem';
import FormControl from '@mui/material/FormControl'; import FormControl from '@mui/material/FormControl';
import Select, { SelectChangeEvent } from '@mui/material/Select'; import Select, { SelectChangeEvent } from '@mui/material/Select';
import Link from 'next/link'; import Link from 'next/link';
import Head from 'next/head';
@ -23,8 +24,10 @@ export default function Telemetria() {
}; };
return( return(
<TelemetriaView> <TelemetriaView>
<Head>
<title>Smart Energia - Telemetria</title>
</Head>
<Header name='' /> <Header name='' />
<Banner title ='Telemetria' subtitle='Dados Coletados do Sistema de Coleta de Dados de Energia - <Banner title ='Telemetria' subtitle='Dados Coletados do Sistema de Coleta de Dados de Energia -
SCDE da Câmara de Comercialização de Energia Elétrica - CCEE, SCDE da Câmara de Comercialização de Energia Elétrica - CCEE,

4
src/pages/verifyEmail.tsx
View File

@ -9,6 +9,7 @@ import Alert from '@mui/material/Alert';
import { VerifyEmailContainer, VerifyEmailView } from '../styles/layouts/forgotPassword/verifyEmail'; import { VerifyEmailContainer, VerifyEmailView } from '../styles/layouts/forgotPassword/verifyEmail';
import RenderIf from '../utils/renderIf'; import RenderIf from '../utils/renderIf';
import Head from 'next/head';
export default function VerifyEmail() { export default function VerifyEmail() {
const [sent, setSent]=useState(false); const [sent, setSent]=useState(false);
@ -42,6 +43,9 @@ export default function VerifyEmail() {
return ( return (
<VerifyEmailView auth={rota} > <VerifyEmailView auth={rota} >
<Head>
<title>Smart Energia - Verificar Email</title>
</Head>
<Image src='/assets/marca1.svg' width={350} height={350} /> <Image src='/assets/marca1.svg' width={350} height={350} />
<VerifyEmailContainer> <VerifyEmailContainer>
<h1>Bem-Vindo</h1> <h1>Bem-Vindo</h1>