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

Merge branch 'administativePages' into 'dev'

Browse Source 
Administative pages

See merge request kluppsoftware/smart-energia-web!87
This commit is contained in:
José Corte 2022-06-29 14:01:20 +00:00
commit a4a5f90392
22 changed files with 434 additions and 269 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/graph/Chart.tsx
View File

@ -48,7 +48,10 @@ export default function Chart({ title, data1, data2, label, subtitle, dataset1,
plugins: { plugins: {
datalabels: { datalabels: {
display: true, display: true,
color: barLabel? 'black' : "rgba(255, 255, 255, 0)", color: (value, ctx) => {
console.log(value)
return value.dataset.label==='2021'? 'black' : 'white'
},
formatter: (value, ctx) => { formatter: (value, ctx) => {
let sum = 0; let sum = 0;
const dataArr = ctx.chart.data.datasets[0].data; const dataArr = ctx.chart.data.datasets[0].data;
@ -59,11 +62,13 @@ export default function Chart({ title, data1, data2, label, subtitle, dataset1,
return value==null? null : result return value==null? null : result
}, },
anchor: "end", anchor: "start",
offset: -20, offset: 20,
align: "start", align: "end",
rotation: -90,
font: { font: {
size: 12 size: 14,
weight: 800
} }
}, },
legend: { legend: {

4
src/components/graph/SingleBar.tsx
View File

@ -28,8 +28,6 @@ interface SingleBarInterface{
} }
export function SingleBar({ title, subtitle, dataProps, label, dataset, barLabel, brutoAnual }: SingleBarInterface) { export function SingleBar({ title, subtitle, dataProps, label, dataset, barLabel, brutoAnual }: SingleBarInterface) {
const currentTime = new Date();
const options: object = { const options: object = {
responsive: true, responsive: true,
series: { series: {
@ -90,7 +88,7 @@ export function SingleBar({ title, subtitle, dataProps, label, dataset, barLabel
}, },
{ {
label: '', label: '',
data: [dataProps[0]?.economia_acumulada?dataProps[0].economia_acumulada*1.1:1], data: [dataProps[0]?.economia_acumulada?dataProps[0].economia_acumulada*1.1 : 1],
backgroundColor: 'transparent', backgroundColor: 'transparent',
datalabels: { datalabels: {
display: false display: false

8
src/pages/aboutUs.tsx → src/pages/aboutUs/index.tsx
View File

@ -3,10 +3,10 @@ import Head from 'next/head'
import Image from 'next/image' import Image from 'next/image'
import { parseCookies } from 'nookies' import { parseCookies } from 'nookies'
import React from 'react' import React from 'react'
import Banner from '../components/banner/Banner' import Banner from '../../components/banner/Banner'
import Header from '../components/header/Header' import Header from '../../components/header/Header'
import getAPIClient from '../services/ssrApi' import getAPIClient from '../../services/ssrApi'
import { AboutUsView } from '../styles/layouts/aboutUs/AboutUsView' import { AboutUsView } from '../../styles/layouts/aboutUs/AboutUsView'
export default function aboutUs({userName, text}) { export default function aboutUs({userName, text}) {
return ( return (

23
src/pages/accumulatedSavings.tsx → src/pages/accumulatedSavings/index.tsx
View File

@ -3,14 +3,14 @@ import Head from 'next/head'
import { parseCookies } from 'nookies' import { parseCookies } from 'nookies'
import React from 'react' import React from 'react'
import Chart from '../components/graph/Chart' import Chart from '../../components/graph/Chart'
import { SingleBar } from '../components/graph/SingleBar' import { SingleBar } from '../../components/graph/SingleBar'
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 { EconomiaAcumulada } from '../services/economiaAcumulada' import { EconomiaAcumulada } from '../../services/economiaAcumulada'
import { dataEconomiaBruta } from '../services/economiaBruta' import { dataEconomiaBruta } from '../../services/economiaBruta'
import getAPIClient from '../services/ssrApi' import getAPIClient from '../../services/ssrApi'
import { AccumulatedSavingsView } from '../styles/layouts/economy/accumulatedSavings/AccumulatedSavingsView' import { AccumulatedSavingsView } from '../../styles/layouts/economy/accumulatedSavings/AccumulatedSavingsView'
export default function AccumulatedSavings({graphData, years, userName}: any) { export default function AccumulatedSavings({graphData, years, userName}: any) {
return ( return (
@ -22,12 +22,7 @@ export default function AccumulatedSavings({graphData, years, userName}: any) {
<PageTitle title='Economia Bruta Mensal' subtitle='Economia Bruta Estimada e Acumulada mensal - Valores em R$ mil' /> <PageTitle title='Economia Bruta Mensal' subtitle='Economia Bruta Estimada e Acumulada mensal - Valores em R$ mil' />
<section> <section>
<SingleBar title='' subtitle='' dataset='Consolidada' <SingleBar title='' subtitle='' dataset='Consolidada'
dataProps={graphData.sort((a, b) => { dataProps={graphData}
if (parseFloat(a.mes.slice(0,2)) > parseFloat(b.mes.slice(1,2))) return 1
if (parseFloat(a.mes.slice(0,2)) < parseFloat(b.mes.slice(1,2))) return -1
return 0
})}
label={years} barLabel/> label={years} barLabel/>
</section> </section>
</AccumulatedSavingsView> </AccumulatedSavingsView>

30
src/pages/chartTelemetry.tsx → src/pages/chartTelemetry/index.tsx
View File

@ -1,15 +1,15 @@
import React, { useEffect, useState } from 'react' import React, { useEffect, useState } from 'react'
import { SingleBar } from '../components/graph/SingleBar' import { SingleBar } from '../../components/graph/SingleBar'
import { ChatTelemetryView } from '../styles/layouts/ChatTelemetry/ChatTelemetryView' import { ChatTelemetryView } from '../../styles/layouts/ChatTelemetry/ChatTelemetryView'
// import router, { useRouter } from 'next/router' // import router, { useRouter } from 'next/router'
import { FatorPotencia } from '../services/fatorPotencia' import { FatorPotencia } from '../../services/fatorPotencia'
import { ConsumoDecretizadoBar } from '../services/consumoDiscretizadoBar' import { ConsumoDecretizadoBar } from '../../services/consumoDiscretizadoBar'
import { ConsumoDecretizadoLine } from '../services/consumoDiscretizadoLine' import { ConsumoDecretizadoLine } from '../../services/consumoDiscretizadoLine'
import LineChart from '../components/graph/LineChart' 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' import Head from 'next/head'
import Box from '@mui/material/Box'; import Box from '@mui/material/Box';
@ -18,14 +18,14 @@ import Typography from '@mui/material/Typography';
import Modal from '@mui/material/Modal'; import Modal from '@mui/material/Modal';
import { GetServerSideProps } from 'next' import { GetServerSideProps } from 'next'
import { parseCookies } from 'nookies' import { parseCookies } from 'nookies'
import getAPIClient from '../services/ssrApi' import getAPIClient from '../../services/ssrApi'
import { api } from '../services/api' import { api } from '../../services/api'
import FatorPotenciaChart from '../components/graph/fatorPotenciaChart' import FatorPotenciaChart from '../../components/graph/fatorPotenciaChart'
// import { DemRegXDemConChart } from '../components/graph/demRegXDemConChart' // import { DemRegXDemConChart } from '../components/graph/demRegXDemConChart'
import { DiscretizedConsumptionChart } from '../components/graph/DiscretizedConsumptionChart' import { DiscretizedConsumptionChart } from '../../components/graph/DiscretizedConsumptionChart'
import DiscretizedConsumptionChartLine from '../components/graph/DiscretizedConsumptionChartLine' import DiscretizedConsumptionChartLine from '../../components/graph/DiscretizedConsumptionChartLine'
import router, { useRouter } from 'next/router' import router, { useRouter } from 'next/router'
import { DemRegXDemConChart } from '../components/graph/DemRegXDemConChart' import { DemRegXDemConChart } from '../../components/graph/DemRegXDemConChart'
const style = { const style = {
display: 'flex', display: 'flex',

10
src/pages/consumption.tsx → src/pages/consumption/index.tsx
View File

@ -2,11 +2,11 @@ import { GetServerSideProps } from 'next'
import Head from 'next/head' import Head from 'next/head'
import { parseCookies } from 'nookies' import { parseCookies } from 'nookies'
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'
import PageTitle from '../components/pageTitle/PageTitle' import PageTitle from '../../components/pageTitle/PageTitle'
import { dataEconomiaIndicador } from '../services/economiaIndicador' import { dataEconomiaIndicador } from '../../services/economiaIndicador'
import { ConsumptionView } from '../styles/layouts/consumption/ConsumptionView' import { ConsumptionView } from '../../styles/layouts/consumption/ConsumptionView'
export default function Consumption({userName}: any) { export default function Consumption({userName}: any) {
return ( return (

10
src/pages/costIndicator.tsx → src/pages/costIndicator/index.tsx
View File

@ -3,11 +3,11 @@ import Head from 'next/head'
import { parseCookies } from 'nookies' import { parseCookies } from 'nookies'
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'
import PageTitle from '../components/pageTitle/PageTitle' import PageTitle from '../../components/pageTitle/PageTitle'
import getAPIClient from '../services/ssrApi' import getAPIClient from '../../services/ssrApi'
import { CostIndicatorView } from '../styles/layouts/economy/costIndicator/CostIndicatorView' import { CostIndicatorView } from '../../styles/layouts/economy/costIndicator/CostIndicatorView'
export default function CostIndicator({graphData, userName}: any) { export default function CostIndicator({graphData, userName}: any) {
return ( return (

32
src/pages/dashboard.tsx → src/pages/dashboard/index.tsx
View File

@ -1,27 +1,27 @@
import React from 'react' import React from 'react'
import { DashboardView } from '../styles/layouts/dashboard/DashboardView' import { DashboardView } from '../../styles/layouts/dashboard/DashboardView'
import MapCard from '../components/mapCard/MapCard' import MapCard from '../../components/mapCard/MapCard'
import GraphCard from '../components/graph/graphCard/ChartCard' import GraphCard from '../../components/graph/graphCard/ChartCard'
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 Link from 'next/link' import Link from 'next/link'
import LineChart from '../components/graph/LineChart' import LineChart from '../../components/graph/LineChart'
import { SingleBar } from '../components/graph/SingleBar' import { SingleBar } from '../../components/graph/SingleBar'
import { dataEconomiaBruta } from '../services/economiaBruta' import { dataEconomiaBruta } from '../../services/economiaBruta'
import { dataEconomiaIndicador } from '../services/economiaIndicador' import { dataEconomiaIndicador } from '../../services/economiaIndicador'
import { EconomiaAcumulada } from '../services/economiaAcumulada' 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 { LineBarChart2 } from '../components/graph/LineBarChart2' import { LineBarChart2 } from '../../components/graph/LineBarChart2'
import { ConsumoEstimado } from '../services/consumoEstimado' import { ConsumoEstimado } from '../../services/consumoEstimado'
import Head from 'next/head' import Head from 'next/head'
import recoverUserInformation from '../services/auth' import recoverUserInformation from '../../services/auth'
import { parseCookies } from 'nookies' import { parseCookies } from 'nookies'
import { GetServerSideProps } from 'next' import { GetServerSideProps } from 'next'
import getAPIClient from '../services/ssrApi' import getAPIClient from '../../services/ssrApi'
export default function Dashboard({grossAnualGraph, grossAnualYears, grossMensalGraph, grossMensalYears, acumulatedGraph, mapsInfo, userName, costIndicator} : any) { export default function Dashboard({grossAnualGraph, grossAnualYears, grossMensalGraph, grossMensalYears, acumulatedGraph, mapsInfo, userName, costIndicator} : any) {
return ( return (

16
src/pages/estimatedCost.tsx → src/pages/estimatedCost/index.tsx
View File

@ -3,14 +3,14 @@ import Head from 'next/head'
import { parseCookies } from 'nookies' import { parseCookies } from 'nookies'
import React from 'react' import React from 'react'
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 { LineBarChart2 } from '../components/graph/LineBarChart2' import { LineBarChart2 } from '../../components/graph/LineBarChart2'
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 { ConsumoEstimado } from '../services/consumoEstimado' import { ConsumoEstimado } from '../../services/consumoEstimado'
import getAPIClient from '../services/ssrApi' import getAPIClient from '../../services/ssrApi'
import { EstimatedCostView } from '../styles/layouts/economy/estimatedCost/EstimatedCostView' import { EstimatedCostView } from '../../styles/layouts/economy/estimatedCost/EstimatedCostView'
export default function EstimatedCost({graphData, userName}: any) { export default function EstimatedCost({graphData, userName}: any) {
return ( return (

12
src/pages/faq.tsx → src/pages/faq/index.tsx
View File

@ -2,12 +2,12 @@ import { GetServerSideProps } from 'next'
import Head from 'next/head' import Head from 'next/head'
import { parseCookies } from 'nookies' import { parseCookies } from 'nookies'
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'
import PageTitle from '../components/pageTitle/PageTitle' import PageTitle from '../../components/pageTitle/PageTitle'
import { api } from '../services/api' import { api } from '../../services/api'
import getAPIClient from '../services/ssrApi' import getAPIClient from '../../services/ssrApi'
import { FaqView } from '../styles/layouts/commonQuestions/FaqView' import { FaqView } from '../../styles/layouts/commonQuestions/FaqView'
export default function commonQuestions({faqData, userName}) { export default function commonQuestions({faqData, userName}) {

67
src/pages/forgotPassword.tsx
View File

@ -1,67 +0,0 @@
import React, { useState, useEffect } from 'react'
import Image from 'next/image';
import { useRouter } from 'next/router'
import LoginButton from '../components/buttons/loginButton/LoginButton';
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()
const rota = router.pathname
const [password, setPassword] = useState<string>('')
const [confirmPassword, setConfirmPassword] = useState<string>('')
const [same, setSame] = useState<boolean>(false)
useEffect(() => {
setPassword('')
setConfirmPassword('')
setSame(false)
}, [rota])
function handleChangePassword() {
if (same) {
router.push('/')
} else {
null
}
}
useEffect(() => {
if (password == confirmPassword && password != '') {
setSame(false)
} else {
setSame(true)
}
}, [password])
return (
<ForgotPasswordView auth={rota} >
<Head>
<title>Smart Energia</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"/>
<LoginButton title='Redefinir Senha' onClick={() => handleChangePassword()} />
<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>
</ForgotPasswordContainer>
</ForgotPasswordView>
)
}

116
src/pages/forgotPassword/index.tsx Normal file
View File

@ -0,0 +1,116 @@
import React, { useState, useEffect } from 'react'
import Image from 'next/image';
import { useRouter } from 'next/router'
import FormData from 'form-data';
import Snackbar from '@mui/material/Snackbar';
import LoginButton from '../../components/buttons/loginButton/LoginButton';
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';
import { GetServerSideProps } from 'next';
import { parseCookies } from 'nookies';
import getAPIClient from '../../services/ssrApi';
import { api } from '../../services/api';
export default function ForgotPassword() {
const router = useRouter()
const rota = router.pathname
const formData = new FormData();
const [openSnackSuccess, setOpenSnackSuccess] = useState<boolean>(false);
const [openSnackError, setOpenSnackError] = useState<boolean>(false);
const [password, setPassword] = useState<string>('')
const [confirmPassword, setConfirmPassword] = useState<string>('')
const [same, setSame] = useState<boolean>(false)
const [email, setEmail] = useState<any>();
useEffect(() => {
setPassword('')
setConfirmPassword('')
setSame(false)
}, [rota])
const handleCloseSnack = (event?: React.SyntheticEvent | Event, reason?: string) => {
if (reason === 'clickaway') {
return;
}
setOpenSnackError(false);
setOpenSnackSuccess(false);
};
useEffect(() => {
if (password == confirmPassword && password != '') {
setSame(false)
} else {
setSame(true)
}
}, [password])
function handleSendEmail() {
formData.append('email', email)
api.post('/auth/forgot-password', formData).then(res => {
setOpenSnackSuccess(true)
}).catch(res => {
setOpenSnackError(true)
})
}
return (
<ForgotPasswordView auth={rota}>
<Head>
<title>Smart Energia</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"/>
<LoginButton title='Redefinir Senha' onClick={() => handleSendEmail()} />
<Snackbar open={openSnackSuccess} autoHideDuration={4000} onClose={handleCloseSnack}>
<Alert onClose={handleCloseSnack} severity="success" sx={{ width: '100%' }}>
PDF enviado com Sucesso!
</Alert>
</Snackbar>
<Snackbar open={openSnackError} autoHideDuration={4000} onClose={handleCloseSnack}>
<Alert onClose={handleCloseSnack} severity="error" sx={{ width: '100%' }}>
Falha ao enviar PDF!
</Alert>
</Snackbar>
<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>
</ForgotPasswordContainer>
</ForgotPasswordView>
)
}
export const getServerSideProps: GetServerSideProps = async (ctx) => {
const { ['@smartAuth-token']: token } = parseCookies(ctx)
const { ['user-name']: userName } = parseCookies(ctx)
if (!token) {
return {
redirect: {
destination: '/',
permanent: false
}
}
}
return {
props: {
userName
}
}
}

14
src/pages/grossSavings.tsx → src/pages/grossSavings/index.tsx
View File

@ -3,14 +3,14 @@ import Head from 'next/head'
import { parseCookies } from 'nookies' import { parseCookies } from 'nookies'
import React from 'react' import React from 'react'
import Chart from '../components/graph/Chart' import Chart from '../../components/graph/Chart'
import { SingleBar } from '../components/graph/SingleBar' import { SingleBar } from '../../components/graph/SingleBar'
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 { dataEconomiaBruta } from '../services/economiaBruta' import { dataEconomiaBruta } from '../../services/economiaBruta'
import getAPIClient from '../services/ssrApi' import getAPIClient from '../../services/ssrApi'
import { GrossSavingsView } from '../styles/layouts/economy/grossSavings/GrossSavings' import { GrossSavingsView } from '../../styles/layouts/economy/grossSavings/GrossSavings'
export default function GrossSavings({graphData, years, userName}: any) { export default function GrossSavings({graphData, years, userName}: any) {
return ( return (

10
src/pages/industryInfo.tsx → src/pages/industryInfo/index.tsx
View File

@ -2,11 +2,11 @@ import { GetServerSideProps } from 'next'
import Head from 'next/head' import Head from 'next/head'
import { parseCookies } from 'nookies' import { parseCookies } from 'nookies'
import React, { useState } from 'react' import React, { useState } 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'
import PageTitle from '../components/pageTitle/PageTitle' import PageTitle from '../../components/pageTitle/PageTitle'
import { api } from '../services/api' import { api } from '../../services/api'
import { IndustryInfoView } from '../styles/layouts/industryInfo/IndustryInfoView' import { IndustryInfoView } from '../../styles/layouts/industryInfo/IndustryInfoView'
import Snackbar from '@mui/material/Snackbar'; import Snackbar from '@mui/material/Snackbar';
import MuiAlert, { AlertProps } from '@mui/material/Alert'; import MuiAlert, { AlertProps } from '@mui/material/Alert';

10
src/pages/news.tsx → src/pages/news/index.tsx
View File

@ -6,11 +6,11 @@ import { Router } from 'next/router';
import { parseCookies } from 'nookies'; import { parseCookies } from 'nookies';
import React from 'react' import React from 'react'
import Banner from '../components/banner/Banner' import Banner from '../../components/banner/Banner'
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'
import getAPIClient from '../services/ssrApi'; import getAPIClient from '../../services/ssrApi';
import { Button, NewsView } from '../styles/layouts/news/NewsView' import { Button, NewsView } from '../../styles/layouts/news/NewsView'
export default function aboutUs({userName, news}: any) { export default function aboutUs({userName, news}: any) {
console.log(news.channel.item) console.log(news.channel.item)

12
src/pages/notifications.tsx → src/pages/notifications/index.tsx
View File

@ -2,12 +2,12 @@ import { GetServerSideProps } from 'next'
import Head from 'next/head' import Head from 'next/head'
import { parseCookies } from 'nookies' import { parseCookies } from 'nookies'
import React from 'react' import React from 'react'
import NotificationQuestionsCard from '../components/NotificationQuestionsCard/NotificationQuestionsCard' import NotificationQuestionsCard from '../../components/NotificationQuestionsCard/NotificationQuestionsCard'
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 { api } from '../services/api' import { api } from '../../services/api'
import getAPIClient from '../services/ssrApi' import getAPIClient from '../../services/ssrApi'
import { FaqView } from '../styles/layouts/commonQuestions/FaqView' import { FaqView } from '../../styles/layouts/commonQuestions/FaqView'
export default function Notifications({notificationData, userName}: any) { export default function Notifications({notificationData, userName}: any) {
return ( return (

16
src/pages/resumoOperacao.tsx → src/pages/resumoOperacao/index.tsx
View File

@ -10,15 +10,15 @@ import React, { useEffect, useState } from 'react';
// import Teste from '../files/teste.csv'; // import Teste from '../files/teste.csv';
import { CSVDownload, CSVLink } from "react-csv"; import { CSVDownload, CSVLink } from "react-csv";
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';
import PageTitle from '../components/pageTitle/PageTitle'; import PageTitle from '../../components/pageTitle/PageTitle';
import Sidebar from '../components/sidebar/Sidebar'; import Sidebar from '../../components/sidebar/Sidebar';
import { api } from '../services/api'; import { api } from '../../services/api';
// import { dados } from '../services/DadosTabelaResumoOperacao'; // import { dados } from '../services/DadosTabelaResumoOperacao';
import data from '../services/dados.json' import data from '../../services/dados.json'
import getAPIClient from '../services/ssrApi'; import getAPIClient from '../../services/ssrApi';
import { Pagination, TableView } from '../styles/layouts/ResumoOperacao/ResumoOperacaoView'; import { Pagination, TableView } from '../../styles/layouts/ResumoOperacao/ResumoOperacaoView';
export default function ResumoOperacao({tableData, clientsData, userName, clientMonth}: any) { export default function ResumoOperacao({tableData, clientsData, userName, clientMonth}: any) {
const csvData = tableData; const csvData = tableData;

18
src/pages/telemetria.tsx → src/pages/telemetria/index.tsx
View File

@ -1,9 +1,9 @@
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import Banner from '../components/banner/Banner'; import Banner from '../../components/banner/Banner';
import { TelemetriaView, Buttons} from '../styles/layouts/Telemetria/TelemetriaView'; import { TelemetriaView, Buttons} from '../../styles/layouts/Telemetria/TelemetriaView';
import GradientButton from '../components/buttons/gradientButton/GradientButton' import GradientButton from '../../components/buttons/gradientButton/GradientButton'
import Header from '../components/header/Header'; import Header from '../../components/header/Header';
import MenuItem from '@mui/material/MenuItem'; import MenuItem from '@mui/material/MenuItem';
import InputLabel from '@mui/material/InputLabel'; import InputLabel from '@mui/material/InputLabel';
import FormControl from '@mui/material/FormControl'; import FormControl from '@mui/material/FormControl';
@ -11,15 +11,15 @@ import Select, { SelectChangeEvent } from '@mui/material/Select';
import Link from 'next/link'; import Link from 'next/link';
import Head from 'next/head'; import Head from 'next/head';
import { start } from 'nprogress'; import { start } from 'nprogress';
import LineChart from '../components/graph/LineChart'; import LineChart from '../../components/graph/LineChart';
import { FatorPotencia } from '../services/fatorPotencia'; import { FatorPotencia } from '../../services/fatorPotencia';
import RenderIf from '../utils/renderIf'; import RenderIf from '../../utils/renderIf';
import { GetServerSideProps } from 'next'; import { GetServerSideProps } from 'next';
import { parseCookies } from 'nookies'; import { parseCookies } from 'nookies';
import { api } from '../services/api'; import { api } from '../../services/api';
import Snackbar from '@mui/material/Snackbar' import Snackbar from '@mui/material/Snackbar'
import MuiAlert, { AlertProps } from '@mui/material/Alert' import MuiAlert, { AlertProps } from '@mui/material/Alert'
import getAPIClient from '../services/ssrApi'; import getAPIClient from '../../services/ssrApi';
const style = { const style = {
position: 'absolute' as const, position: 'absolute' as const,

81
src/pages/verifyEmail.tsx
View File

@ -1,81 +0,0 @@
import React, { useEffect, useState } from 'react'
import Image from 'next/image';
import { useRouter } from 'next/router'
import LoginButton from '../components/buttons/loginButton/LoginButton';
import TextField from '@mui/material/TextField';
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);
const [code, setCode]=useState<string>('')
const [codeStatus, setCodeStatus]=useState<boolean>(null)
const [values, setValues] = React.useState({
password: '',
showPassword: false,
});
const router = useRouter()
const rota = router.pathname
useEffect(() => {
setCode('')
setSent(false)
setCodeStatus(null)
}, [rota])
function verifyConfirmationCode() {
if (code === '0000') {
setTimeout(() => {
router.push('/forgotPassword')
}, 2500);
setCodeStatus(true)
} else {
setCodeStatus(false)
}
}
return (
<VerifyEmailView auth={rota} >
<Head>
<title>Smart Energia - Verificar Email</title>
</Head>
<Image style={{cursor:'pointer'}} src='/assets/marca1.png' width={500} height={340} onClick={() => router.push('/')} />
<VerifyEmailContainer>
<h1>Bem-Vindo</h1>
<h2>Estratégias Inteligentes em<br /> Gestão de Energia</h2>
<TextField id="outlined-basic" sx={{ m: 1, width: '90%' }}label="Email" variant="outlined"/>
<RenderIf isTrue={sent? false : true}>
<LoginButton title='Enviar Email' onClick={() => setSent(true)} />
</RenderIf>
<RenderIf isTrue={sent? true : false}>
<TextField id="outlined-basic" sx={{ m: 1, width: '90%' }}label="Nova Senha" variant="outlined"/>
<TextField id="outlined-basic" sx={{ m: 1, width: '90%' }}label="Codigo de verificação" variant="outlined" onChange={value => setCode(value.target.value)} />
<LoginButton title='Continuar' onClick={() => {verifyConfirmationCode()}} />
<RenderIf isTrue={codeStatus===true? true : false} >
<Alert severity="success">Codigo de veerificação aceito — aguarde um instante!</Alert>
</RenderIf>
<RenderIf isTrue={codeStatus===false? true : false} >
<Alert severity="warning">Codigo de verificação invalido — tente outro!</Alert>
</RenderIf>
</RenderIf>
<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>
</VerifyEmailContainer>
</VerifyEmailView>
)
}

193
src/pages/verifyEmail/index.tsx Normal file
View File

@ -0,0 +1,193 @@
import React, { useEffect, useState } from 'react'
import Image from 'next/image';
import { useRouter } from 'next/router'
import FormData from 'form-data';
import LoginButton from '../../components/buttons/loginButton/LoginButton';
import TextField from '@mui/material/TextField';
import Snackbar from '@mui/material/Snackbar'
import MuiAlert, { AlertProps } from '@mui/material/Alert'
import { VerifyEmailContainer, VerifyEmailView } from '../../styles/layouts/forgotPassword/verifyEmail';
import RenderIf from '../../utils/renderIf';
import Head from 'next/head';
import { api } from '../../services/api';
import { GetServerSideProps } from 'next';
import { parseCookies } from 'nookies';
const Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(
props,
ref
) {
return <MuiAlert elevation={6} ref={ref} variant="filled" {...props} />
})
export default function VerifyEmail() {
const [sent, setSent]=useState(false);
const [code, setCode]=useState<string>('')
const [codeStatus, setCodeStatus]=useState<boolean>(null)
const [openSnackSuccess, setOpenSnackSuccess] = useState<boolean>(false);
const [openSnackError, setOpenSnackError] = useState<boolean>(false);
const [openSnackSuccessPassword, setOpenSnackSuccessPassword] = useState<boolean>(false);
const [openSnackErrorPassword, setOpenSnackErrorPassword] = useState<boolean>(false);
const [email, setEmail] = useState<any>();
const [token, setToken] = useState<any>();
const [password, setPassword] = useState<any>();
const [password_confirmation, setPassword_confirmation] = useState<any>();
const router = useRouter()
const rota = router.pathname
const handleCloseSnack = (
event?: React.SyntheticEvent | Event,
reason?: string
) => {
if (reason === 'clickaway') {
return
}
setOpenSnackError(false)
setOpenSnackSuccess(false)
setOpenSnackErrorPassword(false)
setOpenSnackSuccessPassword(false)
}
function handleSendEmail() {
api.post('/auth/forgot-password', {
email
}).then(res => {
setSent(true)
setOpenSnackSuccess(true)
}).catch(res => {
setOpenSnackError(true)
})
}
function verifyConfirmationCode() {
api.post('/auth/reset-password', {
email,
password,
password_confirmation,
token
}).then(res => {
setSent(true)
setOpenSnackSuccessPassword(true)
setTimeout(() => {
router.push('/')
}, 2000);
}).catch(res => {
setOpenSnackErrorPassword(true)
})
}
useEffect(() => {
setCode('')
setSent(false)
setCodeStatus(null)
}, [rota])
return (
<VerifyEmailView auth={rota} >
<Head>
<title>Smart Energia - Verificar Email</title>
</Head>
<Snackbar
open={openSnackSuccess}
autoHideDuration={4000}
onClose={handleCloseSnack}
>
<Alert
onClose={handleCloseSnack}
severity="success"
sx={{ width: '100%' }}
>
Email enviado com sucesso!
</Alert>
</Snackbar>
<Snackbar
open={openSnackError}
autoHideDuration={4000}
onClose={handleCloseSnack}
>
<Alert
onClose={handleCloseSnack}
severity="error"
sx={{ width: '100%' }}
>
Email não enviado!
</Alert>
</Snackbar>
<Snackbar
open={openSnackSuccessPassword}
autoHideDuration={4000}
onClose={handleCloseSnack}
>
<Alert
onClose={handleCloseSnack}
severity="success"
sx={{ width: '100%' }}
>
Senha alterada com sucesso!
</Alert>
</Snackbar>
<Snackbar
open={openSnackErrorPassword}
autoHideDuration={4000}
onClose={handleCloseSnack}
>
<Alert
onClose={handleCloseSnack}
severity="error"
sx={{ width: '100%' }}
>
Senha não alterada!
</Alert>
</Snackbar>
<Image style={{cursor:'pointer'}} src='/assets/marca1.png' width={500} height={340} onClick={() => router.push('/')} />
<VerifyEmailContainer>
<h1>Bem-Vindo</h1>
<h2>Estratégias Inteligentes em<br /> Gestão de Energia</h2>
<TextField id="outlined-basic" sx={{ m: 1, width: '90%' }} label="Email" onChange={value => setEmail(value.target.value)} variant="outlined"/>
<RenderIf isTrue={sent? false : true}>
<LoginButton title='Enviar Email' onClick={() => {
handleSendEmail()
}} />
</RenderIf>
<RenderIf isTrue={sent? true : false}>
<TextField id="outlined-basic" sx={{ m: 1, width: '90%' }}label="Nova Senha" variant="outlined" onChange={value => setPassword(value.target.value)}/>
<TextField id="outlined-basic" sx={{ m: 1, width: '90%' }}label="Confirme sua senha" variant="outlined" onChange={value => setPassword_confirmation(value.target.value)}/>
<TextField id="outlined-basic" sx={{ m: 1, width: '90%' }}label="Codigo de verificação" variant="outlined" onChange={value => setToken(value.target.value)}/>
<LoginButton title='Continuar' onClick={() => {verifyConfirmationCode()}} />
<RenderIf isTrue={codeStatus===true? true : false} >
<Alert severity="success">Codigo de veerificação aceito — aguarde um instante!</Alert>
</RenderIf>
<RenderIf isTrue={codeStatus===false? true : false} >
<Alert severity="warning">Codigo de verificação invalido — tente outro!</Alert>
</RenderIf>
</RenderIf>
<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>
</VerifyEmailContainer>
</VerifyEmailView>
)
}
export const getServerSideProps: GetServerSideProps = async (ctx) => {
return {
props: {
}
}
}

3
src/styles/Home.module.css
View File

@ -1,3 +1,6 @@
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
.someCSSModulesClass :global .any-global-class { .someCSSModulesClass :global .any-global-class {
margin: 0; margin: 0;
padding: 0; padding: 0;

3
src/styles/globals.ts
View File

@ -1,6 +1,9 @@
import { createGlobalStyle } from 'styled-components' import { createGlobalStyle } from 'styled-components'
export const GlobalStyle = createGlobalStyle` export const GlobalStyle = createGlobalStyle`
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
body::-webkit-scrollbar { body::-webkit-scrollbar {
width: 15px; width: 15px;
} }