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

Merge branch 'dev' of https://gitlab.com/kluppsoftware/smart-energia-web into dev

Browse Source
This commit is contained in:
joseCorte-exe 2022-05-19 17:12:51 -03:00
commit c9157191d1
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; flex-direction: column;
width: 20%; width: 20%;
min-width: 15rem; min-width: 20rem;
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -191,7 +190,7 @@ export const SidebarView = styled.nav<SidebarViewInterface>`
font-size: 14px; font-size: 14px;
ul { ul {
li { 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 { AppProps } from 'next/app'
import NProgress from 'nprogress' import NProgress from 'nprogress'
import Footer from '../components/footer/Footer'
import Sidebar from '../components/sidebar/Sidebar' import Sidebar from '../components/sidebar/Sidebar'
import { GlobalStyle } from '../styles/globals' import { GlobalStyle } from '../styles/globals'
import { AppView } from '../styles/app/AppView' import { AppView } from '../styles/app/AppView'
@ -40,6 +40,7 @@ function MyApp({ Component, pageProps }: AppProps) {
}, [router]) }, [router])
return ( return (
<>
<AppView> <AppView>
<Head> <Head>
<link rel="icon" type="imagem/png" href="/assets/logose.png" /> <link rel="icon" type="imagem/png" href="/assets/logose.png" />
@ -54,11 +55,15 @@ function MyApp({ Component, pageProps }: AppProps) {
<> <>
<Sidebar /> <Sidebar />
<Component {...pageProps} /> <Component {...pageProps} />
</> </>
: :
null null
} }
</AppView> </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 FormControl from '@mui/material/FormControl';
import TextField from '@mui/material/TextField'; import TextField from '@mui/material/TextField';
import LineChart from '../components/graph/LineChart' import LineChart from '../components/graph/LineChart'
import Footer from '../components/footer/footer'
@ -44,30 +45,7 @@ export default function areaTest() {
return ( return (
<> <>
{/* <FormControl sx={{ m: 1, width: '25ch' }} variant="outlined"> <Footer />
<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' /> */}
</> </>
) )
} }

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 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 Footer from '../components/footer/footer';
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'
@ -26,6 +27,7 @@ export default function Dashboard() {
<title>Smart Energia - Dashboard</title> <title>Smart Energia - Dashboard</title>
</Head> </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'} >
<section className="cardsSection" > <section className="cardsSection" >
@ -50,7 +52,12 @@ export default function Dashboard() {
<GraphCard title='Indicador de Custo' subtitle='Valores em R$/ MWh'> <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} barLabel/> <Chart title='Indicador de Custo' subtitle='(Valores em R$/MWh)' data1={dataEconomiaIndicador.data1} data2={dataEconomiaIndicador.data2} label={dataEconomiaIndicador.labels} barLabel/>
</GraphCard> </GraphCard>
</section> </section>
</DashboardView> </DashboardView>
) )
} }

3
src/pages/index.tsx
View File

@ -2,7 +2,7 @@ import React, { useState } from 'react'
import Image from 'next/image'; import Image from 'next/image';
import Link from 'next/link'; import Link from 'next/link';
import { useRouter } from 'next/router' import { useRouter } from 'next/router'
import Footer from '../components/footer/footer'
import OutlinedInput from '@mui/material/OutlinedInput'; import OutlinedInput from '@mui/material/OutlinedInput';
import InputLabel from '@mui/material/InputLabel'; import InputLabel from '@mui/material/InputLabel';
import InputAdornment from '@mui/material/InputAdornment'; 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> <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> </LoginContainer>
</LoginView> </LoginView>
) )
} }

4
src/pages/telemetria.tsx
View File

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

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

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

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

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