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

update

Browse Source
This commit is contained in:
Alex Santos 2022-05-19 17:08:11 -03:00
parent 60ad6c4478
commit 906162182c
10 changed files with 92 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/footer/Footer.tsx Normal file
View File

@ -0,0 +1,20 @@
/* eslint-disable no-mixed-spaces-and-tabs */
import * as React from 'react';
import CssBaseline from '@mui/material/CssBaseline';
import Box from '@mui/material/Box';
import Typography from '@mui/material/Typography';
import Container from '@mui/material/Container';
import Link from '@mui/material/Link';
import { FooterView } from './footerView'
export default function Footer() {
return (
<FooterView>
<p>© 2022 - Smart Energia </p>
</FooterView>
);
}

28
src/components/footer/FooterView.ts Normal file
View File

@ -0,0 +1,28 @@
import styled from "styled-components";
export const FooterView = styled.footer`
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
background-color: #254F7F;
width: 100%;
height:65px;
bottom: 0;
p{
color: #fff;
margin: 1px 5px 5px 20px;
font-size: 13px;
}
/*responsive*/
`;

5
src/components/sidebar/SidebarView.ts
View File

@ -15,8 +15,7 @@ export const SidebarView = styled.nav<SidebarViewInterface>`
flex-direction: column;
width: 20%;
min-width: 15rem;
min-width: 20rem;
margin: 0;
padding: 0;
@ -191,7 +190,7 @@ export const SidebarView = styled.nav<SidebarViewInterface>`
font-size: 14px;
ul {
li {
height: 3.5rem;
height: 2rem;
}
}
}

7
src/pages/_app.tsx
View File

@ -3,7 +3,7 @@ import { useRouter } from 'next/router'
import { AppProps } from 'next/app'
import NProgress from 'nprogress'
import Footer from '../components/footer/Footer'
import Sidebar from '../components/sidebar/Sidebar'
import { GlobalStyle } from '../styles/globals'
import { AppView } from '../styles/app/AppView'
@ -40,6 +40,7 @@ function MyApp({ Component, pageProps }: AppProps) {
}, [router])
return (
<>
<AppView>
<Head>
<link rel="icon" type="imagem/png" href="/assets/logose.png" />
@ -54,11 +55,15 @@ function MyApp({ Component, pageProps }: AppProps) {
<>
<Sidebar />
<Component {...pageProps} />
</>
:
null
}
</AppView>
<Footer />
</>
)
}

26
src/pages/areaTest.tsx
View File

@ -14,6 +14,7 @@ import FormHelperText from '@mui/material/FormHelperText';
import FormControl from '@mui/material/FormControl';
import TextField from '@mui/material/TextField';
import LineChart from '../components/graph/LineChart'
import Footer from '../components/footer/footer'
@ -44,30 +45,7 @@ export default function areaTest() {
return (
<>
{/* <FormControl sx={{ m: 1, width: '25ch' }} variant="outlined">
<InputLabel htmlFor="outlined-ad
ornment-password">Password</InputLabel>
<OutlinedInput
id="outlined-adornment-password"
type={values.showPassword ? 'text' : 'password'}
value={values.password}
onChange={handleChange('password')}
endAdornment={
<InputAdornment position="end">
<IconButton
aria-label="toggle password visibility"
onClick={handleClickShowPassword}
onMouseDown={handleMouseDownPassword}
edge="end"
>
{values.showPassword ? <Image src="/eye-svgrepo-com.svg" width={50} height={10}/> : <Image src="/eye-svgrepo-com.svg" width={50} height={10} />}
</IconButton>
</InputAdornment>
}
label="Password"
/>
</FormControl> */}
{/* <LineChart title='title' /> */}
<Footer />
</>
)
}

7
src/pages/dashboard.tsx
View File

@ -6,6 +6,7 @@ import MapCard from '../components/mapCard/MapCard'
import GraphCard from '../components/graph/graphCard/ChartCard'
import Header from '../components/header/Header'
import PageTitle from '../components/pageTitle/PageTitle'
import Footer from '../components/footer/footer';
import Link from 'next/link'
import LineChart from '../components/graph/LineChart'
import { SingleBar } from '../components/graph/SingleBar'
@ -26,6 +27,7 @@ export default function Dashboard() {
<title>Smart Energia - Dashboard</title>
</Head>
<Header name='' />
<PageTitle title='Visão Geral' subtitle='Bem Vindo a Smart Energia' />
<Link href={'pld'} >
<section className="cardsSection" >
@ -50,7 +52,12 @@ export default function Dashboard() {
<GraphCard title='Indicador de Custo' subtitle='Valores em R$/ MWh'>
<Chart title='Indicador de Custo' subtitle='(Valores em R$/MWh)' data1={dataEconomiaIndicador.data1} data2={dataEconomiaIndicador.data2} label={dataEconomiaIndicador.labels} />
</GraphCard>
</section>
</DashboardView>
)
}

3
src/pages/index.tsx
View File

@ -2,7 +2,7 @@ import React, { useState } from 'react'
import Image from 'next/image';
import Link from 'next/link';
import { useRouter } from 'next/router'
import Footer from '../components/footer/footer'
import OutlinedInput from '@mui/material/OutlinedInput';
import InputLabel from '@mui/material/InputLabel';
import InputAdornment from '@mui/material/InputAdornment';
@ -86,6 +86,7 @@ export default function Home() {
<p><a href='tel:+55(41) 3012-5900' >+55(41) 3012-5900</a><br/><a href='https://www.energiasmart.com.br' target="_blank" rel="noreferrer" >www.energiasmart.com.br</a></p>
</LoginContainer>
</LoginView>
)
}

4
src/pages/telemetria.tsx
View File

@ -106,8 +106,8 @@ export default function Telemetria() {
<Buttons>
<GradientButton title='GRÁFICO' description='Gerar gráficos com os dados selecionados' orange link />
<GradientButton title='DOWNLOADS' description='Gerar gráficos com os dados selecionados' purple />
<GradientButton title='DADOS' description='Gerar gráficos com os dados selecionados' green />
<GradientButton title='DOWNLOADS' description='DADOS BRUTOS SELECIONADOS' purple />
<GradientButton title='DADOS' description='hORÁRIOS DO MÊS ATUAL' green />
</Buttons>
<p className='paragraph'>
<i>

4
src/styles/app/AppView.ts
View File

@ -3,9 +3,9 @@ import styled from 'styled-components'
export const AppView = styled.main`
display: flex;
height: 100%;
height: calc(20rem[] - 65px);
margin: 0 0 10rem 0;
margin: 0 0 0 0;
padding: 0;
@media (max-width: 1008px) {

2
src/styles/layouts/dashboard/DashboardView.ts
View File

@ -74,6 +74,8 @@ export const DashboardView = styled.main`
width: 100%;
}
}
`