Commit f3aa1747 authored by Edu Trevisan's avatar Edu Trevisan

Small changes

parent eea88f9c
......@@ -110,8 +110,8 @@ const renderTooltipContent = (o) => {
if (newData !== null && newData !== undefined && newData.length > 0)
return (
<ResponsiveContainer height={cardHeight}>
<BarChart width={600} height={cardHeight} data={newData}
<ResponsiveContainer minHeight={cardHeight}>
<BarChart width={600} data={newData}
margin={{ top: 20, right: 0, left: 0, bottom: 5 }}>
<XAxis dataKey={dataKey} interval={interval} />
<YAxis />
......
......@@ -21,7 +21,7 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
import React, { Component } from 'react';
import { Icon, Row, Col } from 'react-materialize'
import { Icon, Row, Col, Button } from 'react-materialize'
import { Store } from '../Store';
import '../Styles/CardFooter.css'
......@@ -36,23 +36,29 @@ class CardFooter extends Component {
render() {
var contrastString = this.context.state.contrast;
return (
<div className="footer">
<Row className="z-depth-1">
<Col s={9}>
<Row className="z-depth-1 valign-wrapper footer">
<Col>
<span><b>Fonte:</b>{this.props.source}</span>
</Col>
{this.props.data ?
<Col s={3} className={`${contrastString}dataSource center`}>
<a href={this.props.data}>
<Icon>assessment</Icon>
<p>Acesso aos Dados</p>
</a>
</Col>
: null
<Col s={2}>
<Button
node="a"
href={this.props.data}
className={'grey right'}
floating
icon="assessment"
tooltip="Acesso aos Dados"
tooltipOptions={{ position: 'top' }}
style={{ margin:'3px'}}
>
</Button>
</Col>
:
null
}
</Row>
</div>
);
}
}
......
......@@ -59,14 +59,14 @@ export default class CollapsibleContainer extends React.Component {
}
handleSelect (key) {
// const { onSelect } = this.props;
const { onSelect } = this.props;
// if (onSelect) { onSelect(key); }
if (onSelect) { onSelect(key); }
// if (this.state.activeKey === key) { key = null; }
if (this.state.activeKey === key) { key = null; }
// if (this.props.accordion) {
// this.setState({ activeKey: key });
// }
if (this.props.accordion) {
this.setState({ activeKey: key });
}
}
}
......@@ -29,7 +29,7 @@ a {
}
.footer{
margin: 10px;
margin-top: 10px;
}
/* Contrast rules */
......
......@@ -22,12 +22,17 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
.scrolltable{
display: block;
height: 100%;
width: 100%;
overflow: auto;
overflow-x: scroll;
height: 450px;
max-height: 550px;
/* margin: 0px 0px;
padding: 0px 0px; */
/* overflow-x: scroll; */
}
.smallCells td, th{
padding: 0px 0px;
margin: 0px 0px;
}
@media only screen and (max-width: 900px ) {
......
......@@ -223,7 +223,7 @@ class Eixo1 extends Component {
) : (
<UfBar img={MapMarker} ufname={getStateExtendedName(this.state.clickedInMap).currentState} val="Sem informação" />
)}
<CardFooter source="Fundação Cultural Palmares / MinC (Jan, 2016)" />
<CardFooter source=" Fundação Cultural Palmares / MinC (Jan, 2016)" />
</Card>
<Card id="e1pannel-2" className={`${contrastString}pannel hoverable`} title="Evoluções de Certificações e Regularizações">
......@@ -236,7 +236,7 @@ class Eixo1 extends Component {
<BuildLineNotFixed data={nullInfo} customKeys={nullKeys} dataKey="Ano" />
)}
<CardFooter source="Comitê Gestor do Programa Brasil Quilombola, Fundação Cultural Palmares e INCRA (Jan, 2016)" />
<CardFooter source=" Comitê Gestor do Programa Brasil Quilombola, Fundação Cultural Palmares e INCRA (Jan, 2016)" />
</Card>
<Card id="e1pannel-3" className={`${contrastString}pannel hoverable`} title="Lista de Comunidades Reconhecidas Oficialmente pelo estado">
......@@ -248,7 +248,7 @@ class Eixo1 extends Component {
onClick={this.openModal}
/>
<CardFooter source="Comitê Gestor do Programa Brasil Quilombola, Fundação Cultural Palmares / MinC e INCRA (Jan, 2016)" />
<CardFooter source=" Comitê Gestor do Programa Brasil Quilombola, Fundação Cultural Palmares / MinC e INCRA (Jan, 2016)" />
</Card>
<Card id="e1pannel-4" className={`${contrastString}pannel hoverable`} title="Estágio dos processos">
......@@ -259,7 +259,7 @@ class Eixo1 extends Component {
<BuildPie data={nullInfo} dataKey="valor" nameKey="tipo" />
)}
<CardFooter source="INCRA (Jan, 2016)" />
<CardFooter source=" INCRA (Jan, 2016)" />
</Card>
</div>
</div>
......
......@@ -157,7 +157,7 @@ class QuotasLoan extends Component {
id={"tableData"}
customBody={this.state.charts['Tipo de Financiamento']}
extraHeader={extraHeaderTypeLoan}
classes={tableClasses}
classes="striped smallCells centered bordered" divClasses="scrolltable"
customKeys={typeLoansKeys}
bodyStyles={bodyStyles}
headerStyles={headerStyles}
......
......@@ -103,7 +103,7 @@ class QuotasOfferVacancies extends Component {
header={tableHeader}
body={this.state.finalData}
extraHeader={extraHeader}
classes={tableClasses}
classes="striped smallCells centered bordered" divClasses="scrolltable"
customKeys={tableCustomKey}
/>
</Col>
......
......@@ -20,18 +20,6 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
#tableData {
display: block;
height: 100%;
overflow: scroll;
max-height: 600px
}
#empty {
border: 1px solid black;
width: 20px;
height: 20px;
}
.legendCard {
border: 1px solid #C1C1C1;
......@@ -41,10 +29,6 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
border-right: 1px solid rgb(184, 184, 184);
}
.smallCells td, th {
padding: 5px 5px !important;
}
/* Contrast Colors */
#ContrastbrownCollapsible > .collapsible-header{
......
......@@ -21,8 +21,9 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
#brownShiftCollapsible > .collapsible-body {
height: 475px;
overflow-y: auto;
/* height: 520px; */
overflow: auto;
padding: 1rem 0rem;
}
.dropdownCampi{
......
......@@ -33,12 +33,12 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
grid-template-columns: 1fr;
grid-template-rows: repeat(5,auto);
grid-gap: 1rem;
grid-row-gap: 1rem;
grid-template-areas: "pan1"
"pan2"
"pan3"
"pan4"
"pan5";
padding: 1rem;
grid-template-areas: "p1"
"p2"
"p3"
"p4"
"p5";
}
@media only screen and (min-width: 900px) {
......@@ -47,10 +47,10 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(3, auto);
grid-gap: 1rem;
grid-row-gap: 1rem;
grid-template-areas: "pan1 pan2"
"pan1 pan3"
"pan4 pan5";
padding: 1rem;
grid-template-areas: "p1 p2"
"p4 p3"
"p5 p5";
}
}
......@@ -58,44 +58,43 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
@media only screen and (min-width: 1300px) {
.jv2pannels{
display:grid;
grid-template-columns: auto auto auto;
grid-template-columns: 2fr 1fr 1fr 2fr;
grid-template-rows: auto auto;
grid-gap: 1rem;
grid-row-gap: 1rem;
grid-template-areas:"pan1 pan2 pan3"
"pan1 pan4 pan5";
padding: 1rem;
grid-template-areas:"p1 p2 p2 p3"
"p4 p4 p5 p5";
}
}
#jv2pannel-1{
background-color: #FFF;
grid-area: pan1;
grid-area: p1;
}
#jv2pannel-2{
background-color: #FFF;
grid-area: pan2;
grid-area: p2;
}
#jv2pannel-3{
background-color: #FFF;
grid-area: pan3;
grid-area: p3;
}
#jv2pannel-4{
background-color: #FFF;
grid-area: pan4;
grid-area: p4;
}
#jv2pannel-5{
background-color: #FFF;
grid-area: pan5;
grid-area: p5;
}
.card{
margin: 0;
}
.pannel{
background-color: #FFF;
}
/* Contrast Colors */
.ContrasteixoHeaderY{
......@@ -105,4 +104,14 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
.ContrasteixoSubHeader{
color: white;
font-style: italic;
}
.Contrastpannel{
color: yellow;
background-color: black;
border: 1px solid white;
}
.Contrastpannel > .card-content > .card-title{
color: yellow !important;
}
\ No newline at end of file
......@@ -33,8 +33,8 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
grid-template-columns: 1fr;
grid-template-rows: repeat(8,auto);
grid-gap: 1rem;
grid-row-gap: 1rem;
grid-template-areas: "pan1"
padding: 1rem;
grid-template-areas: "pan1"
"pan2"
"pan3"
"pan4"
......@@ -50,7 +50,7 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(4, auto);
grid-gap: 1rem;
grid-row-gap: 1rem;
padding: 1rem;
grid-template-areas: "pan1 pan2"
"pan3 pan4"
"pan5 pan6"
......@@ -65,51 +65,45 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
grid-template-columns: auto auto auto;
grid-template-rows: auto auto auto auto;
grid-gap: 1rem;
grid-row-gap: 1rem;
padding: 1rem;
grid-template-areas:"pan1 pan2 pan3"
"pan1 pan2 b"
"pan1 pan2 pan6"
"pan4 pan5 pan6"
"pan7 pan7 pan8";
"pan4 pan5 pan8"
"pan7 pan7 pan8"
"pan7 pan7 blank";
}
}
#jv1pannel-1{
background-color: #FFF;
grid-area: pan1;
}
#jv1pannel-2{
background-color: #FFF;
grid-area: pan2;
}
#jv1pannel-3{
background-color: #FFF;
grid-area: pan3;
}
#jv1pannel-4{
background-color: #FFF;
grid-area: pan4;
}
#jv1pannel-5{
background-color: #FFF;
grid-area: pan5;
}
#jv1pannel-6{
background-color: #FFF;
grid-area: pan6;
}
#jv1pannel-7{
background-color: #FFF;
grid-area: pan7;
}
#jv1pannel-8{
background-color: #FFF;
grid-area: pan8;
}
......@@ -117,6 +111,10 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
margin: 0;
}
.pannel{
background-color: #FFF;
}
/* Contrast Colors */
......@@ -127,4 +125,14 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
.ContrasteixoSubHeader{
color: white;
font-style: italic;
}
.Contrastpannel{
color: yellow;
background-color: black;
border: 1px solid white;
}
.Contrastpannel > .card-content > .card-title{
color: yellow !important;
}
\ No newline at end of file
This diff is collapsed.
......@@ -86,7 +86,7 @@ class YouthVulnerabilities extends Component {
</Row>
<div className="jv1pannels">
<Card id="jv1pannel-1" title="Taxa de Homicídios de Jovens Negros (por 100 Mil)">
<Card id="jv1pannel-1" className={`${contrastString}pannel hoverable`} title="Taxa de Homicídios de Jovens Negros (por 100 Mil)">
<Map getMapClick={this.getMapClick}/>
......@@ -96,21 +96,21 @@ class YouthVulnerabilities extends Component {
<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" title="Índice de Vulnerabilidade à Violência (IVJ)">
<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"/>
<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"/>
</Card>
<Card id="jv1pannel-3" title="Evolução dos Homicídios de Jovens">
<Card id="jv1pannel-3" className={`${contrastString}pannel hoverable`} title="Evolução dos Homicídios de Jovens">
<GrayBar text="Evolução Anual, entre jovens de 15 a 29 anos"/>
<BuildLineNotFixed data={data.getvup3()[getStateExtendedName(this.state.clickedInMap).currentState]} customKeys={{"Ano":"Ano","Homicídios de Jovens Brancos":"Homicídios de Jovens Brancos","Homicídios de Jovens Negros":"Homicídios de Jovens Negros"}} dataKey="Ano"/>
<p>Esse gráfico mostra o número absoluto de homicídios de jovens brancos e negros, ao longo dos anos. Consideram-se jovens as pessoas na faixa etária de 15 a 29 anos.</p>
<CardFooter data={csv3} source="SIM / Min. da Saúde (2000-2014)"/>
</Card>
<Card id="jv1pannel-4" title="Taxa de Homicídios Comparada">
<Card id="jv1pannel-4" className={`${contrastString}pannel hoverable`} title="Taxa de Homicídios Comparada">
<GrayBar text="por Raça/Cor"/>
<BuildBar data={this.fixDataP4(data.getvup4()[getStateExtendedName(this.state.clickedInMap).currentState])}
customKeys={{"Quantidade":"Quantidade","Brancos, 15 a 29 anos":"Brancos, 15 a 29 anos","Negros, 15 a 29 anos":"Negros, 15 a 29 anos","Total, 15 a 29 anos":"Total, 15 a 29 anos"}} dataKey="Quantidade"/>
......@@ -118,27 +118,27 @@ class YouthVulnerabilities extends Component {
<CardFooter data={csv4} source="SIM (MS, 2014) e PNAD (IBGE, 2014)"/>
</Card>
<Card id="jv1pannel-5" title="População por Faixa Etária">
<Card id="jv1pannel-5" className={`${contrastString}pannel hoverable`} title="População por Faixa Etária">
<GrayBar text="por Raça/Cor"/>
<BuildBar data={data.getvup5()[getStateExtendedName(this.state.clickedInMap).currentState]} dataKey="Faixa Etária" customKeys={{"Faixa Etária": "Faixa Etária","Brancos": "Brancos","Negros": "Negros"}}/>
<p>O Plano Juventude Viva tem o seu foco na população negra na faixa etária entre 15 e 29 anos. Esses jovens têm sido a parcela da população mais vulnerável à violência.</p>
<CardFooter data={csv5} source="Pesquisa Nacional de Amostra de Domicílios (PNAD), (IBGE, 2014)"/>
</Card>
<Card id="jv1pannel-6" title="Distribuição de Homicídios por Raça/Cor">
<Card id="jv1pannel-6" className={`${contrastString}pannel hoverable`} title="Distribuição de Homicídios por Raça/Cor">
<GrayBar text="Todas as idades, por Raça/Cor"/>
<BuildPie data={data.getvup6()[getStateExtendedName(this.state.clickedInMap).currentState]} dataKey="Homicídios" nameKey="Raça"/>
<p>Número total dos homicídios, de todas as idades, divididos por raça/cor</p>
<CardFooter data={csv6} source="SIM (MS, 2014)"/>
</Card>
<Card id="jv1pannel-7" title="Taxa de Homicídios (por 100 Mil) nos Municípios Prioritários">
<Card id="jv1pannel-7" className={`${contrastString}pannel hoverable`} title="Taxa de Homicídios (por 100 Mil) nos Municípios Prioritários">
<Table header={["Código","Nome","UF","Jovens Negros","Jovens Brancos","Todos os Jovens"]} body ={this.fixDataP7(data.getvup7()[getStateExtendedName(this.state.clickedInMap).currentState])} classes="striped smallCells" divClasses="scrolltable"/>
<CardFooter data={csv7} source="Ministério das Mulheres, da Igualdade Racial, da Juventude e dos Direitos Humanos (Mar, 2016)"/>
</Card>
<Card id="jv1pannel-8" title="Municípios que Aderiram ao Plano">
<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"/>
<CardFooter data={csv8} source="Sistema de Informações de Mortalidade (SIM) (MS, 2010) e Censo Demográfico (IBGE, 2010)"/>
......
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