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!95
This commit is contained in:
José Corte 2022-07-01 18:29:07 +00:00
commit 0a4df803da
5 changed files with 8 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/buttons/gradientButton/GradientButtonView.ts
View File

@ -20,7 +20,7 @@ export const GradientButtonView = styled.button`
color: #FFFFFF; color: #FFFFFF;
background: ${ props => props.color==='orange'? background: ${ props => props.color==='orange'?
'linear-gradient(200.86deg, #e7992f 8.03%, #e7992f 91.97%), #FFFFFF' 'linear-gradient(200.86deg, #ff7f59 8.03%, #df4b1f 91.97%),#FFFFFF'
: :
props.color === 'purple'? props.color === 'purple'?
'linear-gradient(200.69deg, #254f7f 9%, #254f7f 98%), #FFFFFF' 'linear-gradient(200.69deg, #254f7f 9%, #254f7f 98%), #FFFFFF'

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

@ -47,11 +47,11 @@ export default function Chart({ title, data1, data2, label, subtitle, dataset1,
const options: any = { const options: any = {
responsive: true, responsive: true,
scales: { scales: {
yAxes: [{ x: {
gridLines: { grid: {
color: "rgba(0, 0, 0, 0)", display: false
} }
}] },
}, },
plugins: { plugins: {
datalabels: { datalabels: {

2
src/components/graph/Chart2.tsx
View File

@ -93,7 +93,7 @@ export default function Chart({ title, data1, data2, label, subtitle, dataset1,
label: dataset1? dataset1 : '2021', label: dataset1? dataset1 : '2021',
data: data1.map(value => value.economia_acumulada? value.economia_acumulada : 0), data: data1.map(value => value.economia_acumulada? value.economia_acumulada : 0),
backgroundColor: (value, ctx) => { backgroundColor: (value, ctx) => {
return data2[value.dataIndex]?.dad_estimado == false ? '#255488' : draw('diagonal-right-left', '#C2d5fb'); return data1[value.dataIndex]?.dad_estimado == false ? '#255488' : draw('diagonal-right-left', '#C2d5fb');
}, },
}, },
{ {

2
src/pages/telemetria/index.tsx
View File

@ -349,7 +349,7 @@ export default function Telemetria({userName, clients}: any) {
<Buttons> <Buttons>
<GradientButton title='DADOS' description='CLIQUE AQUI PARA GERAR GRÁFICO DO MÊS ATUAL' onClick={() => setShowChart(!showChart)} purple /> <GradientButton title='DADOS' description='CLIQUE AQUI PARA GERAR GRÁFICO DO MÊS ATUAL' onClick={() => setShowChart(!showChart)} purple />
<GradientButton title='GRÁFICO' description='CLIQUE AQUI PARA GERAR GRÁFICO DO PERÍODO SELECIONADO' onClick={() => handleVerifyFields()} orange /> <GradientButton title='GRÁFICO' description='CLIQUE AQUI PARA GERAR GRÁFICO DO PERÍODO SELECIONADO' onClick={() => handleVerifyFields()} orange />
<GradientButton title='DOWNLOADS' description={`CLIEQUE AQUI PARA BAIXAR OS DADOS EM FORMATO EXCEL DO PESÍODO SELECIONADO`} green onClick={() => { <GradientButton title='DOWNLOADS' description={`CLIQUE AQUI PARA BAIXAR OS DADOS EM FORMATO EXCEL DO PERÍODO SELECIONADO`} green onClick={() => {
const html = document.querySelector("table").outerHTML; const html = document.querySelector("table").outerHTML;
htmlToCSV(html, "telemetria.csv"); htmlToCSV(html, "telemetria.csv");
}}/> }}/>

5
src/styles/layouts/Telemetria/TelemetriaView.ts
View File

@ -255,11 +255,6 @@ export const Buttons = styled.div`
color: #FFFFFF; color: #FFFFFF;
:nth-child(2) {
font-size: 11px;
background: linear-gradient(200.86deg, #F48665 8.03%, #F48665 91.97%), #FFFFFF;
}
box-shadow: 0.5px 3px 10px rgba(119, 119, 119, 0.1); box-shadow: 0.5px 3px 10px rgba(119, 119, 119, 0.1);
border-style: none; border-style: none;