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='/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='/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='/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>

4
src/pages/aboutUs.tsx
View File

@ -1,3 +1,4 @@
import Head from 'next/head'
import Image from 'next/image'
import React from 'react'
import Banner from '../components/banner/Banner'
@ -7,6 +8,9 @@ import { AboutUsView } from '../styles/layouts/aboutUs/AboutUsView'
export default function aboutUs() {
return (
<AboutUsView>
<Head>
<title>Smart Energia - About Us</title>
</Head>
<Header name='' />
<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 Chart from '../components/graph/Chart'
@ -11,6 +12,9 @@ import { AccumulatedSavingsView } from '../styles/layouts/economy/accumulatedSav
export default function AccumulatedSavings() {
return (
<AccumulatedSavingsView>
<Head>
<title>Smart Energia - Economia Acumulada</title>
</Head>
<Header name='' />
<PageTitle title='Economia Acumulada' subtitle='Economia Bruta Estimada e Acumulada anual (Valores em R$ mil)' />
<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 Header from '../components/header/Header'
import PageTitle from '../components/pageTitle/PageTitle'
import Head from 'next/head'
export default function chartTelemetry() {
return (
<ChatTelemetryView>
<Head>
<title>Smart Energia - Graficos Telemetria</title>
</Head>
<Header name='' />
<PageTitle title='Telemetria - Graficos' subtitle='Gráficos' />
<section className='chartContainer' >

4
src/pages/consumption.tsx
View File

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

4
src/pages/costIndicator.tsx
View File

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

4
src/pages/dashboard.tsx
View File

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

4
src/pages/estimatedCost.tsx
View File

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

4
src/pages/faq.tsx
View File

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

30
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 RenderIf from '../utils/renderIf';
import Alert from '@mui/material/Alert';
import Head from 'next/head';
export default function ForgotPassword() {
const router = useRouter()
@ -41,23 +42,26 @@ export default function ForgotPassword() {
return (
<ForgotPasswordView auth={rota} >
<Image src='/assets/marca1.svg' width={350} height={350} />
<ForgotPasswordContainer>
<h1>Bem-Vindo</h1>
<h2>Estratégias Inteligentes em<br /> Gestão de Energia</h2>
<Head>
<title>Smart Energia - Esqueceu a Senha</title>
</Head>
<Image src='/assets/marca1.svg' width={350} height={350} />
<ForgotPasswordContainer>
<h1>Bem-Vindo</h1>
<h2>Estratégias Inteligentes em<br /> Gestão de Energia</h2>
<TextField id="outlined-basic" sx={{ m: 1, width: '90%' }} value={password} label="Senha" onChange={value => setPassword(value.target.value)} variant="outlined"/>
<TextField id="outlined-basic" sx={{ m: 1, width: '90%' }} value={confirmPassword} label="Confirmar Senha" onChange={value => setConfirmPassword(value.target.value)} variant="outlined"/>
<TextField id="outlined-basic" sx={{ m: 1, width: '90%' }} value={password} label="Senha" onChange={value => setPassword(value.target.value)} variant="outlined"/>
<TextField id="outlined-basic" sx={{ m: 1, width: '90%' }} value={confirmPassword} label="Confirmar Senha" onChange={value => setConfirmPassword(value.target.value)} variant="outlined"/>
<LoginButton title='Redefinir Senha' onClick={() => handleChangePassword()} />
<LoginButton title='Redefinir Senha' onClick={() => handleChangePassword()} />
<fieldset className="line">
<legend className="text">Ou</legend>
</fieldset>
<fieldset className="line">
<legend className="text">Ou</legend>
</fieldset>
<p><a href='tel:+55(41) 3012-5900' >+55(41) 3012-5900</a><br/><a href='https://www.energiasmart.com.br' >www.energiasmart.com.br</a></p>
<p><a href='tel:+55(41) 3012-5900' >+55(41) 3012-5900</a><br/><a href='https://www.energiasmart.com.br' >www.energiasmart.com.br</a></p>
</ForgotPasswordContainer>
</ForgotPasswordView>
</ForgotPasswordContainer>
</ForgotPasswordView>
)
}

4
src/pages/grossSavings.tsx
View File

@ -1,3 +1,4 @@
import Head from 'next/head'
import React from 'react'
import Chart from '../components/graph/Chart'
@ -11,6 +12,9 @@ import { GrossSavingsView } from '../styles/layouts/economy/grossSavings/GrossSa
export default function GrossSavings() {
return (
<GrossSavingsView>
<Head>
<title>Smart Energia - Economia Acumulada</title>
</Head>
<Header name='' />
<PageTitle title='Economia Bruta' subtitle='Economia Bruta Estimada e Acumulada anual (Valores em R$ mil)' />
<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 { LoginView, LoginContainer } from '../styles/layouts/login/LoginView';
import Head from 'next/head';
export default function Home() {
const [state, setstate]=useState(false);
@ -43,6 +44,9 @@ export default function Home() {
return (
<LoginView auth={rota} >
<Head>
<title>Smart Energia - Login</title>
</Head>
<Image src='/assets/marca1.svg' width={350} height={350} />
<LoginContainer>
<h1>Bem-Vindo</h1>

14
src/pages/industryInfo.tsx
View File

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

4
src/pages/news.tsx
View File

@ -3,10 +3,14 @@ import Banner from '../components/banner/Banner'
import Header from '../components/header/Header'
import BasicButton from '../components/buttons/basicButton/BasicButton';
import { NewsView, Button } from '../styles/layouts/news/NewsView'
import Head from 'next/head';
export default function aboutUs() {
return (
<NewsView>
<Head>
<title>Smart Energia - Noticias</title>
</Head>
<Header name='' />
<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 CommonQuestionsCard from '../components/faqQuestionsCard/FaqQuestionsCard'
import Header from '../components/header/Header'
@ -7,6 +8,9 @@ import { FaqView } from '../styles/layouts/commonQuestions/FaqView'
export default function Notifications() {
return (
<FaqView>
<Head>
<title>Smart Energia - Notificações</title>
</Head>
<Header name='' />
<PageTitle title='Notifications' subtitle='' />
<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 { Pagination, TableView } from '../styles/layouts/ResumoOperacao/ResumoOperacaoView';
import Head from 'next/head';
export default function ResumoOperacao() {
return(
<TableView>
<Head>
<title>Smart Energia - Resumo de Operação</title>
</Head>
<Header name='' />
<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 Select, { SelectChangeEvent } from '@mui/material/Select';
import Link from 'next/link';
import Head from 'next/head';
@ -23,8 +24,10 @@ export default function Telemetria() {
};
return(
<TelemetriaView>
<Head>
<title>Smart Energia - Telemetria</title>
</Head>
<Header name='' />
<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,

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