Commit 41ae0879 authored by Edu Trevisan's avatar Edu Trevisan

Small changes

parent 552a2feb
......@@ -49,7 +49,7 @@ class CardFooter extends Component {
icon="assessment"
tooltip="Acesso aos Dados"
// tooltipOptions={{ position: 'top' }}
style={{ margin:'3px'}}
style={{ margin: '3px'}}
>
</Button>
</Col>
......
......@@ -76,8 +76,11 @@ class Table extends Component {
}
render() {
const tableHeight = (this.props.height ? this.props.height : 550);
return (
<div className={this.props.divClasses}>
<div className={this.props.divClasses} style={{maxHeight:tableHeight+'px'}}>
<table id={this.props.id} className={this.props.classes}>
<thead>
{this.props.extraHeader ? this.loadExtraHeader() : null}
......
......@@ -35,15 +35,13 @@ class UfBar extends Component {
render() {
var contrastString = this.context.state.contrast;
return (
<div className={`${contrastString}uf-bar z-depth-1`}>
<Row >
{this.props.img &&
<Col s={2}> <img src={this.props.img} alt="img"/></Col>
}
<Col s={5}> <h5 id="uf-name">{this.props.ufname}</h5> </Col>
<Col s={5}> <h5 id="uf-comunidades">{this.props.val}</h5> </Col>
</Row>
</div>
<Row className={`${contrastString}uf-bar z-depth-1 valign-wrapper`}>
{this.props.img &&
<Col s={2}> <img src={this.props.img} alt="img"/></Col>
}
<Col s={5}> <h5 id="uf-name">{this.props.ufname}</h5> </Col>
<Col s={5}> <h5 id="uf-comunidades">{this.props.val}</h5> </Col>
</Row>
);
}
}
......
src/Images/ciganos.png

63.1 KB | W: | H:

src/Images/ciganos.png

383 KB | W: | H:

src/Images/ciganos.png
src/Images/ciganos.png
src/Images/ciganos.png
src/Images/ciganos.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -30,6 +30,7 @@ a {
.footer{
margin-top: 10px;
width:100%;
}
/* Contrast rules */
......
......@@ -59,6 +59,9 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
.mainPageDarkBlue:hover{
text-decoration: underline;
}
.mainPageYellow:hover{
text-decoration: underline;
}
.spacingInCard{
margin-top: 15px;
......@@ -89,7 +92,7 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
width: 100%;
flex: auto;
justify-content: space-between;
}
}
@media only screen and (max-width: 1292px) {
.tabs {
......@@ -117,6 +120,7 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
border: 1px solid white;
display:flex;
flex-direction: column;
width:100%;
}
.Contrastcard-MainPage .card-reveal{
......
......@@ -25,7 +25,7 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
height: 100%;
width: 100%;
overflow: auto;
max-height: 550px;
/* max-height: 550px; */
/* margin: 0px 0px;
padding: 0px 0px; */
/* overflow-x: scroll; */
......
......@@ -22,6 +22,9 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
.uf-bar{
background-color: #EEE;
width:100%;
margin-top:10px;
margin-bottom:10px;
}
.Contrastuf-bar{
......
......@@ -42,6 +42,7 @@ import {
} from '../enviroment';
import axios from 'axios';
import './Styles/AfricanIndicator.css'
import './Styles/Pannel.css'
const serverURL = getServerURL();
const type = "african";
......@@ -151,9 +152,7 @@ class AfricanIndicator extends Component {
<Map getMapClick={this.getMapClick} />
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
<Row>
<UfBar ufname={uf}/>
</Row>
<UfBar ufname={uf}/>
</Card>
<Card id="african1pannel-2" className={`${contrastString}pannel hoverable`} title="Famílias pertencentes a Comunidade de Terreiro">
......@@ -217,7 +216,7 @@ class AfricanIndicator extends Component {
/>
</Card>
<Card id="african1pannel-6" className={`${contrastString}pannel hoverable`} title="Localização do Domicílio">
{/* <Card id="african1pannel-6" className={`${contrastString}pannel hoverable`} title="Localização do Domicílio">
<AutocompleteApp
whichAutocomplete={'african_culture'}
mainPage={'african_culture'} chartDiv={'location_homes_african'}
......@@ -236,7 +235,7 @@ class AfricanIndicator extends Component {
data={serverURL + queries['Localização do Domicílio'] + ',uf&format=csv'}
source=" Cadastro Único para Programas Sociais (CadÚnico)"
/>
</Card>
</Card> */}
</div>
</div>
......
......@@ -42,6 +42,7 @@ import {
} from '../enviroment';
import axios from 'axios';
import './Styles/CiganosIndicator.css'
import './Styles/Pannel.css'
const serverURL = getServerURL();
const type = "ciganos";
......@@ -151,9 +152,7 @@ class CiganosIndicator extends Component {
<Map getMapClick={this.getMapClick} />
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
<Row>
<UfBar ufname={uf}/>
</Row>
<UfBar ufname={uf}/>
</Card>
<Card id="ciganos1pannel-2" className={`${contrastString}pannel hoverable`} title="Famílias pertencentes a Comunidade de Ciganos">
......@@ -216,7 +215,7 @@ class CiganosIndicator extends Component {
/>
</Card>
<Card id="ciganos1pannel-6" className={`${contrastString}pannel hoverable`} title="Localização do Domicílio">
{/* <Card id="ciganos1pannel-6" className={`${contrastString}pannel hoverable`} title="Localização do Domicílio">
<AutocompleteApp
whichAutocomplete={'ciganos_culture'}
mainPage={'ciganos_culture'} chartDiv={'location_homes_Ciganos'}
......@@ -235,7 +234,7 @@ class CiganosIndicator extends Component {
data={serverURL + queries['Escolaridade'] + ',uf&format=csv'}
source=" Cadastro Único para Programas Sociais (CadÚnico)"
/>
</Card>
</Card> */}
</div>
</div>
......
......@@ -34,8 +34,8 @@ import BrasilMap from '../Components/Map';
import { Map, TileLayer, Polygon } from 'react-leaflet';
import PageTable from '../Components/PageTable'
import { findFileById, mapNotExists } from '../Components/Communities';
import './Styles/Eixo1.css'
import './Styles/Pannel.css'
import { Store } from '../Store';
......@@ -167,7 +167,7 @@ class Eixo1 extends Component {
>
{this.state.modalOpen ?
<Row>
<Col s={6}>
<Col s={12} l={6}>
{ (this.state.clickedRow && this.state.clickedRow.lat) ?
<Map
center={this.state.clickedRow.lat ? [this.state.clickedRow.lat, this.state.clickedRow.lng] : this.shapeMap()[0][0][1]}
......@@ -185,7 +185,7 @@ class Eixo1 extends Component {
/>
</Map> : <span>Não há mapas disponíveis para está comunidade.</span>}
</Col>
<Col s={6}>
<Col s={12} l={6}>
<Table className="striped">
<tbody>
<tr>
......@@ -226,10 +226,11 @@ class Eixo1 extends Component {
<div className="e1pannels">
<Card id="e1pannel-1" className={`${contrastString}pannel hoverable`} title="Certificações Emitidas">
<GrayBar text="por UF" />
<BrasilMap getMapClick={this.getMapClick} />
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
<Row>
<GrayBar text="por UF" />
<BrasilMap getMapClick={this.getMapClick} />
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
<p>As comunidades certificadas estão distribuídas por todo o Brasil, com
maior concentração nos estados do Maranhão e da Bahia.</p>
......
......@@ -41,6 +41,7 @@ import {
getServerURL,
} from '../enviroment';
import './Styles/Eixo2.css'
import './Styles/Pannel.css'
const serverURL = getServerURL();
const type = "eixo_2";
......@@ -156,17 +157,15 @@ class Eixo2 extends Component {
<Map getMapClick={this.getMapClick}/>
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
<Row>
{c[0] ? (
<UfBar img={family} ufname={uf} val={c[0][c[0].length-1].total + " familias"}/>
):(
<UfBar img={family} ufname={uf} val="Sem informação"/>
)}
<CardFooter
data={serverURL + queries['Número de famílias']+',uf&format=csv'}
source = " Cadastro Único para Programas Sociais (CadÚnico)"
/>
</Row>
{c[0] ? (
<UfBar img={family} ufname={uf} val={c[0][c[0].length-1].total + " familias"}/>
):(
<UfBar img={family} ufname={uf} val="Sem informação"/>
)}
<CardFooter
data={serverURL + queries['Número de famílias']+',uf&format=csv'}
source = " Cadastro Único para Programas Sociais (CadÚnico)"
/>
</Card>
<Card id="e2pannel-2" className={`${contrastString}pannel hoverable`} title="Abastecimento e Escoamento Sanitário nos Domicílios Cadastrados">
......
......@@ -42,6 +42,7 @@ import {
} from '../enviroment';
import axios from 'axios';
import './Styles/Eixo3.css'
import './Styles/Pannel.css'
const serverURL = getServerURL();
const type = "eixo_3";
......@@ -138,17 +139,15 @@ class Eixo3 extends Component {
<Map getMapClick={this.getMapClick} />
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
<Row>
{c[0] ? (
<UfBar img={coins} ufname={uf} val={"R$ " + c[0][c[0].length-1]['average']} />
) : (
<UfBar img={coins} ufname={uf} val="Sem informação" />
)}
<CardFooter
data={serverURL + queries['Renda média per capita'] + ',uf&format=csv'}
source=" Cadastro Único para Programas Sociais (CadÚnico)"
/>
</Row>
{c[0] ? (
<UfBar img={coins} ufname={uf} val={"R$ " + c[0][c[0].length-1]['average']} />
) : (
<UfBar img={coins} ufname={uf} val="Sem informação" />
)}
<CardFooter
data={serverURL + queries['Renda média per capita'] + ',uf&format=csv'}
source=" Cadastro Único para Programas Sociais (CadÚnico)"
/>
</Card>
<Card id="e3pannel-2" className={`${contrastString}pannel hoverable`} title="Renda média das famílias Quilombolas">
......
......@@ -43,6 +43,7 @@ import {
createIntervals,
} from '../enviroment';
import './Styles/Eixo4.css'
import './Styles/Pannel.css'
const serverURL = getServerURL();
const type = "eixo_4";
......@@ -136,22 +137,20 @@ class Eixo4 extends Component {
</Row>
<div className="e4pannels">
<Card id="e4pannel-1" className={`${contrastString}pannel hoverable`} title="População quilombola no CadÚnico">
<GrayBar text="por UF" />
<Row>
<GrayBar text="por UF" />
<Map getMapClick={this.getMapClick} />
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
<Row>
{c[0] ? (
<UfBar img={family} ufname={uf} val={c[0][c[0].length - 1].total + " pessoas"} />
) : (
<UfBar img={family} ufname={uf} val="Sem informação" />
)}
<CardFooter
data={serverURL + queries['Número de pessoas'] + ',uf&format=csv'}
source=" Cadastro Único para Programas Sociais (CadÚnico)"
/>
</Row>
{c[0] ? (
<UfBar img={family} ufname={uf} val={c[0][c[0].length - 1].total + " pessoas"} />
) : (
<UfBar img={family} ufname={uf} val="Sem informação" />
)}
<CardFooter
data={serverURL + queries['Número de pessoas'] + ',uf&format=csv'}
source=" Cadastro Único para Programas Sociais (CadÚnico)"
/>
</Card>
<Card id="e4pannel-2" className={`${contrastString}pannel hoverable`} title="Escolaridade">
......
......@@ -157,7 +157,7 @@ class SinapirMembers extends Component {
</Col>
</Row>
<div className="sinapir1pannels">
<Card title="Nível de adesão de estados" id="sinapir1pannel-1" className={`${contrastString}pannel hoverable adesaoTable`}>
<Card title="Nível de adesão de estados" id="sinapir1pannel-1" className={`${contrastString}pannel hoverable`}>
<Col className="mapCenter">
<Row>
<HeatBR
......@@ -188,7 +188,7 @@ class SinapirMembers extends Component {
</Col>
</Card>
<Card title="Nível de adesão de municípios" id="sinapir1pannel-2" className={`${contrastString}pannel hoverable adesaoTable`}>
<Card title="Nível de adesão de municípios" id="sinapir1pannel-2" className={`${contrastString}pannel hoverable`}>
<PageTable columns={["Estado", "Município", "Modalidade da Gestão", "Data da adesão"]}
mode={'normal'}
data={this.municipiosTable()}
......
......@@ -53,7 +53,7 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
.e1pannels{
display:grid;
grid-template-columns: auto;
grid-template-rows: repeat(5,auto);
grid-template-rows: repeat(4,auto);
grid-gap: 1rem;
padding: 1rem;
grid-template-areas: "pan1"
......@@ -113,6 +113,7 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
.pannel{
background-color: #FFF;
overflow-y: auto;
}
......@@ -139,11 +140,12 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
/* Map css */
.leaflet-container {
height: 51vh;
width: 40vw;
height: 45vh;
/* width: 40vw; */
margin: 0 auto;
}
.map-modal {
width: 90%;
height: 90vh;
}
\ No newline at end of file
.pannel {
display:flex;
flex-direction: column;
width:100%;
background-color: #FFF;
}
.pannel > .card-content, .pannel > .card-content > div{
display:flex;
flex-direction:column;
width:100%;
flex:auto;
justify-content:space-around;
}
.Contrastpannel > .card-content, .Contrastpannel > .card-content > div {
display:flex;
flex-direction:column;
width:100%;
flex:auto;
justify-content:space-around;
}
.Contrastpannel {
display:flex;
flex-direction: column;
/* width:100%; */
color: yellow;
background-color: black;
border: 1px solid white;
}
.Contrastpannel > .card-content > .card-title{
color: yellow !important;
}
......@@ -70,6 +70,7 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
.pannel{
background-color: #FFF;
overflow-y: auto;
}
/* Contrast Colors */
......
......@@ -54,7 +54,8 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
grid-template-areas: "pan1 pan2"
"pan3 pan4"
"pan5 pan6"
"pan7 pan8";
"pan7 pan7"
"pan8 pan8";
}
}
......@@ -70,8 +71,7 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
"pan1 pan2 pan6"
"pan4 pan5 pan6"
"pan4 pan5 pan8"
"pan7 pan7 pan8"
"pan7 pan7 blank";
"pan7 pan7 pan8";
}
}
......
......@@ -33,6 +33,7 @@ import { getServerURL } from '../enviroment'
import './Styles/YouthEducation.css'
import BuildStackedBar from '../Charts/BuildStackedBar'
import BuildBar from '../Charts/BuildBar'
import './Styles/Pannel.css'
......@@ -148,9 +149,7 @@ class YouthEducation extends Component {
/>
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
<Row>
<UfBar ufname={getStateExtendedName(this.state.clickedInMap).currentState} />
</Row>
<UfBar ufname={getStateExtendedName(this.state.clickedInMap).currentState} />
<BuildStackedBar
dataKey='Ano'
data={this.state.charts['Medio Comp']}
......
......@@ -35,6 +35,7 @@ import axios from 'axios';
import { getServerURL } from '../enviroment'
import './Styles/YouthJob.css'
import './Styles/Pannel.css'
const serverURL = getServerURL();
const defaultData = 'youth_jobs?dims=year,cor_raca,trabalhou,vinculo,rendimento_faixa,uf'
......@@ -150,12 +151,13 @@ class YouthJob extends Component {
</Row>
<div className="jv3pannels">
<Card id="jv3pannel-1" className={`${contrastString}pannel hoverable`} title="Renda Média dos Jovens Negros (R$)">
<GrayBar text="Pretos e pardos, entre 15 e 29 anos, por UF" />
<Map getMapClick={this.getMapClick}
clicked={this.state.clickedInMap}
/>
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
<Row>
<GrayBar text="Pretos e pardos, entre 15 e 29 anos, por UF" />
<Map getMapClick={this.getMapClick}
clicked={this.state.clickedInMap}
/>
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
<UfBar ufname={getStateExtendedName(this.state.clickedInMap).currentState} />
<Table body={this.vetoriza(this.state.charts['Renda Media'])} header={['Renda Média']} />
<CardFooter data={serverURL + earningsData + '&format=csv'} source=" Pesquisa Nacional por Amostra de Domicílios Continua(PNAD Continua), IBGE (2012-2018)" />
......
......@@ -22,6 +22,7 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
import React, { Component } from 'react';
import './Styles/YouthPresentation.css'
import './Styles/Pannel.css'
import { Store } from '../Store'
/**
......
......@@ -32,6 +32,7 @@ import BuildLineNotFixed from '../Charts/BuildLineNotFixed'
import BuildBar from '../Charts/BuildBar'
import BuildPie from '../Charts/BuildPie'
import Table from '../Components/Table'
import './Styles/Pannel.css'
import * as data from '../JsonsAntigos/juventude-viva/jvvu'
import './Styles/YouthVulnerabilities.css'
......@@ -75,10 +76,10 @@ class YouthVulnerabilities extends Component {
return (
<div>
<Row>
<Col l={3} m={4} s={5}>
<Col l={3} m={5} s={12}>
<h4 className={`${contrastString}eixoHeaderY`}>Vulnerabilidade</h4>
</Col>
<Col l={9} m={8} s={12}>
<Col l={9} m={7} s={12}>
<br />
<p className={`${contrastString}eixoSubHeader`}> Clique sobre qualquer estado no mapa para apresentar os
dados somente daquele estado. Clique em limpar mapa para voltar aos dados do Brasil. </p>
......@@ -87,17 +88,18 @@ class YouthVulnerabilities extends Component {
<div className="jv1pannels">
<Card id="jv1pannel-1" className={`${contrastString}pannel hoverable`} title="Taxa de Homicídios de Jovens Negros (por 100 Mil)">
<Row>
<Map getMapClick={this.getMapClick}/>
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
<Map getMapClick={this.getMapClick}/>
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
<p>Refere-se ao número de homicídios por 100 mil jovens, por Estado em que residem. Consideram-se jovens as pessoas na faixa etária de 15 a 29 anos. Apenas jovens pretos e pardos são considerados.</p>
<UfBar ufname={getStateExtendedName(this.state.clickedInMap).currentState} img={group} val={data.getvup1()[getStateExtendedName(this.state.clickedInMap).currentState]['Taxa de Homicídios (Negros, 15 a 29 anos)'] + " por cem mil"}/>
<CardFooter data={csv1} source="Sistema de Informações de Mortalidade (SIM) (MS, 2014) e Pesquisa Nacional de Amostras de Domicílios (IBGE, 2014)"/>
</Card>
<Card id="jv1pannel-2" className={`${contrastString}pannel hoverable`} title="Índice de Vulnerabilidade à Violência (IVJ)">
<Table header={["Unidade Federal","IVJ"]} body ={data.getvup2()} classes="striped smallCells" divClasses="scrolltable"/>
<Table header={["Unidade Federal","IVJ"]} body ={data.getvup2()} classes="striped smallCells" divClasses="scrolltable" height='700'/>
<span>Indicador composto por dados referentes à violência entre os jovens, pobreza, desigualdade, frequência à escola e situação de emprego. Seu índice varia de 0 a 1, sendo quanto mais próximo de 1 maior a vulnerabilidade à violência dos jovens.</span>
<UfBar ufname={getStateExtendedName(this.state.clickedInMap).currentState} img={group} val={"IVJ: " + data.getvup22()[getStateExtendedName(this.state.clickedInMap).currentState].IVJ}/>
<CardFooter data={csv2} source=" Relatório do Índice de Vulnerabilidade Juvenil à Violência e do Índice de Vulnerabilidade Juvenil à Violência e Desigualdade Racial, 2017"/>
......@@ -139,7 +141,7 @@ class YouthVulnerabilities extends Component {
</Card>
<Card id="jv1pannel-8" className={`${contrastString}pannel hoverable`} title="Municípios que Aderiram ao Plano">
<Table header={["Nome","UF","Data de adesão"]} body ={this.fixDataP8(data.getvup8()[getStateExtendedName(this.state.clickedInMap).currentState])} classes="striped smallCells" divClasses="scrolltable"/>
<Table header={["Nome","UF","Data de adesão"]} body ={this.fixDataP8(data.getvup8()[getStateExtendedName(this.state.clickedInMap).currentState])} classes="striped smallCells" divClasses="scrolltable" height='800'/>
<CardFooter data={csv8} source="Sistema de Informações de Mortalidade (SIM) (MS, 2010) e Censo Demográfico (IBGE, 2010)"/>
......
......@@ -58,7 +58,7 @@ export function getServerURL() {
// return "//smppirhomologa.c3sl.ufpr.br:4545/api/v1/"
// return '//localhost:4000/api/v1/'
//caso for fazer build para homologa, utilizar o return de baixo ao invés do de cima
return "//seppirhomologa.c3sl.ufpr.br/data/api/v1/"
return "https://seppirhomologa.c3sl.ufpr.br/data/api/v1/"
}
export function homeURL() {
// Get the current URL
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment