Commit 3cb3c743 authored by Henrique Varella Ehrenfried's avatar Henrique Varella Ehrenfried

Merge branch 'development' into 'master'

Development

See merge request !57
parents 9a5a207f a23df73d
......@@ -36,6 +36,8 @@ import '../Styles/AppModal.css'
* __class__: Name for the button; <br />
* __buttonName__: Text label on the button; <br />
* __text__: Text on modal. <br />
* __large__: Larger height for button. <br />
* __style__: Style of button. <br />
*/
class AppModal extends Component {
......@@ -52,7 +54,7 @@ class AppModal extends Component {
<div id={this.props.id}>
<Modal
header={this.props.header}
trigger={<Button flat={this.props.flat} className={this.props.class}>{this.props.buttonName}</Button>}
trigger={<Button flat={this.props.flat} large={this.props.large} style={this.props.style} className={this.props.class}>{this.props.buttonName}</Button>}
actions={
<div>
<Button flat modal="close" waves="light">Fechar</Button>
......
......@@ -102,7 +102,8 @@ export default class DropdownControl extends Component {
)
}
this.handleSelect("clearFields")
this.props.changeLocation()
if (this.props.changeLocation)
this.props.changeLocation()
if (document.getElementById(`${contrastString}searchButton`)) {
document.getElementById(`${contrastString}searchButton`).click()
......@@ -233,4 +234,4 @@ const states = [
{ region: 'Sul', sigla: 'PR', state: 'Paraná' },
{ region: 'Sul', sigla: 'RS', state: 'Rio Grande do Sul' },
{ region: 'Sul', sigla: 'SC', state: 'Santa Catarina' }
];
\ No newline at end of file
];
......@@ -46,11 +46,11 @@ function NavigationBar() {
let links = (
<React.Fragment>
<li id={`${contrastString}navBarBrasilQ`} className={'z-depth-0 ' + actualPath}><Link to='/quilombolas'>Comunidades Quilombolas</Link></li>
<li id={`${contrastString}navBarCiganos`} className={'z-depth-0 '+actualPath}><Link to='/ciganos'>Povos Ciganos</Link></li>
<li id={`${contrastString}navBarMatrizAficana`} className={'z-depth-0 '+actualPath}><Link to='/matrizAfricana'>Matriz Africana</Link></li>
<li id={`${contrastString}navBarCotasRacias`} className={'z-depth-0 '+actualPath}><Link to='/cotas'>Cotas</Link></li>
<li id={`${contrastString}navBarJuventudeV`} className={'z-depth-0 ' + actualPath}><Link to='/juventude'>Desigualdade Étnico-racial</Link></li>
<li id={`${contrastString}navBarCotasRacias`} className={'z-depth-0 '+actualPath}><Link to='/cotas'>Cotas</Link></li>
<li id={`${contrastString}navBarBrasilQ`} className={'z-depth-0 ' + actualPath}><Link to='/quilombolas'>Comunidades Quilombolas</Link></li>
<li id={`${contrastString}navBarCiganos`} className={'z-depth-0 '+actualPath}><Link to='/ciganos'>Povos Ciganos</Link></li>
<li id={`${contrastString}navBarMatrizAficana`} className={'z-depth-0 '+actualPath}><Link to='/matrizAfricana'>Matriz Africana</Link></li>
<li id={`${contrastString}navBarSinapir`} className={'z-depth-0 '+actualPath}><Link to='/participantesSinapir'>Participantes SINAPIR</Link></li>
<li id={`${contrastString}navBarSobre`} className={'z-depth-0 '+actualPath}><Link to='/sobre'>Sobre</Link></li>
</React.Fragment>
......@@ -85,4 +85,4 @@ function NavigationBar() {
return content;
}
export default NavigationBar;
\ No newline at end of file
export default NavigationBar;
......@@ -34,13 +34,20 @@ import '../Styles/UfBar.css'
class UfBar extends Component {
render() {
var contrastString = this.context.state.contrast;
var space
if (this.props.img && this.props.val)
space = 5
else
space = 12
return (
<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>
<Col s={space}> <h5 id="uf-name">{this.props.ufname}</h5> </Col>
{this.props.val &&
<Col s={6} align='center'> <h5 id="uf-comunidades">{this.props.val}</h5> </Col>
}
</Row>
);
}
......
......@@ -29,6 +29,7 @@ import { Store } from '../Store';
import BuildStackedBar from '../Charts/BuildStackedBar';
import BuildBar from '../Charts/BuildBar';
import Loading from '../Components/Loading';
import GrayBar from '../Components/GrayBar';
import {
getStateExtendedName,
getStateRegion,
......@@ -151,7 +152,7 @@ class AfricanIndicator extends Component {
<UfBar ufname={uf}/>
</Card>
<Card id="african1pannel-2" className={`${contrastString}pannel hoverable`} title="Famílias pertencentes a Comunidade de Terreiro">
<Card id="african1pannel-2" className={`${contrastString}pannel hoverable`} title="Famílias Pertencentes a Comunidade de Terreiro">
<div id={'Famílias pertencentes a Comunidade de Terreiro' + type}>
<BuildBar
dataKey='ano_pesquisa'
......@@ -167,6 +168,7 @@ class AfricanIndicator extends Component {
</Card>
<Card id="african1pannel-3" className={`${contrastString}pannel hoverable`} title='Espécie do Domicílio'>
<GrayBar text="Espécie do domicílio das famílias pertencentes a comunidade de terreiro do CadÚnico" />
<div id={'Espécie do Domicílio' + type}>
<BuildStackedBar
dataKey='Ano'
......@@ -181,7 +183,8 @@ class AfricanIndicator extends Component {
/>
</Card>
<Card id="african1pannel-4" className={`${contrastString}pannel hoverable`} title='Renda Média per Capita (R$)'>
<Card id="african1pannel-4" className={`${contrastString}pannel hoverable`} title='Renda Média'>
<GrayBar text="Renda média(R$) das famílias pertencentes a comunidade de terreiro do CadÚnico" />
<div id={'Renda média per capita' + type}>
<BuildStackedBar
dataKey='Ano'
......@@ -198,6 +201,7 @@ class AfricanIndicator extends Component {
</Card>
<Card id="african1pannel-5" className={`${contrastString}pannel hoverable`} title="Escolaridade">
<GrayBar text="Grau de escolaridade da população pertencente a comunidade de terreiro do CadÚnico" />
<div id={'Escolaridade' + type}>
<BuildBar
dataKey='Ano'
......
......@@ -158,17 +158,16 @@ class AgreementsInExecution extends Component {
return (
<div>
<Row>
<Col l={7} m={7} s={8}>
<Col l={8} m={8} s={8}>
<h4 className={`${contrastString}eixoHeader`}>Convênios em Execução</h4>
</Col>
</Row>
<Row>
<Col s={12}>
<Card id={`${contrastString}cardMap`} className='#ffffff' textClassName='black-text' title="Selecione um estado ou região para filtrar os dados">
<Card id={`${contrastString}cardMap`} className='#ffffff' textClassName='black-text' title="Mapa">
<Row>
<Row>
<p className={`${contrastString}eixoSubHeader`}> Clique sobre qualquer estado no mapa para apresentar
os dados somente daquele estado. </p>
<p className={`${contrastString}eixoSubHeader`}> Clique sobre qualquer estado no mapa para apresentar os dados somente daquele estado. Clique em limpar filtros para voltar aos dados do Brasil. </p>
</Row>
<Col s={10} m={10} l={8} offset={'m1 s1'}>
<Map
......@@ -200,6 +199,7 @@ class AgreementsInExecution extends Component {
</Row>
<Row>
<Col s={12}>
<p>Para visualizar os dados é necessário clicar nas seções desejadas abaixo.</p>
<Collapsible className='agreementsExpanderColor agreementsExpander'>
<CollapsibleContainer header='Convênios em execução - 2019'>
<Table
......@@ -244,4 +244,4 @@ class AgreementsInExecution extends Component {
}
AgreementsInExecution.contextType = Store;
export default AgreementsInExecution;
\ No newline at end of file
export default AgreementsInExecution;
......@@ -29,6 +29,7 @@ import { Store } from '../Store';
import BuildStackedBar from '../Charts/BuildStackedBar';
import BuildBar from '../Charts/BuildBar';
import Loading from '../Components/Loading';
import GrayBar from '../Components/GrayBar';
import {
getStateExtendedName,
getStateRegion,
......@@ -151,7 +152,7 @@ class CiganosIndicator extends Component {
<UfBar ufname={uf}/>
</Card>
<Card id="ciganos1pannel-2" className={`${contrastString}pannel hoverable`} title="Famílias pertencentes a Comunidade de Ciganos">
<Card id="ciganos1pannel-2" className={`${contrastString}pannel hoverable`} title="Famílias Pertencentes a Comunidade de Ciganos">
<div id={'Famílias pertencentes a Comunidade de Ciganos' + type}>
<BuildBar
dataKey='ano_pesquisa'
......@@ -168,6 +169,7 @@ class CiganosIndicator extends Component {
<Card id="ciganos1pannel-3" className={`${contrastString}pannel hoverable`} title='Espécie do Domicílio'>
<div id={'Espécie do Domicílio' + type}>
<GrayBar text="Espécie do domicílio das famílias ciganas do CadÚnico" />
<BuildStackedBar
dataKey='Ano'
data={c[1]}
......@@ -181,7 +183,8 @@ class CiganosIndicator extends Component {
/>
</Card>
<Card id="ciganos1pannel-4" className={`${contrastString}pannel hoverable`} title='Renda Média per Capita (R$)'>
<Card id="ciganos1pannel-4" className={`${contrastString}pannel hoverable`} title='Renda Média'>
<GrayBar text="Renda média(R$) das famílias ciganas do CadÚnico" />
<div id={'Renda média per capita' + type}>
<BuildStackedBar
dataKey='Ano'
......@@ -198,6 +201,7 @@ class CiganosIndicator extends Component {
<Card id="ciganos1pannel-5" className={`${contrastString}pannel hoverable`} title="Escolaridade">
<div id={'Escolaridade' + type}>
<GrayBar text="Grau de escolaridade da população cigana do CadÚnico" />
<BuildBar
dataKey='Ano'
data={c[3]}
......
......@@ -233,7 +233,7 @@ class Eixo1 extends Component {
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
<p>Não há comunidades quilombolas certificadas nos estados do Acre e de Roraima, sendo que a maior
<p>Não há comunidades quilombolas certificadas nos estados do Acre, Roraima e no Distrito Federal, sendo que a maior
concentração está nos estados do Maranhão e da Bahia.</p>
{data.gete1p1()[getStateExtendedName(this.state.clickedInMap).currentState] ? (
......
......@@ -169,7 +169,7 @@ class Eixo2 extends Component {
<Card id="e2pannel-2" className={`${contrastString}pannel hoverable`} title="Abastecimento e Escoamento Sanitário nos Domicílios Cadastrados">
<Row>
<GrayBar text="Forma de abastecimento de água" />
<GrayBar text="Forma de abastecimento de água nos domicílios quilombolas" />
<div id={'Forma de abastecimento de água' + type}>
<BuildStackedBar
dataKey='Ano'
......@@ -185,7 +185,7 @@ class Eixo2 extends Component {
/>
</Row>
<Row>
<GrayBar text="Tipos de escoamento sanitário" />
<GrayBar text="Tipos de escoamento sanitário nos domicílios quilombolas" />
<div id={'Tipos de escoamento sanitário' + type}>
<BuildStackedBar
dataKey='Ano'
......@@ -220,7 +220,7 @@ class Eixo2 extends Component {
/>
</Row>
<Row>
<GrayBar text="Destino do lixo" />
<GrayBar text="Destino do lixo nos domicílios quilombolas" />
<div id={'Destino do lixo' + type}>
<BuildStackedBar
dataKey='Ano'
......
......@@ -148,7 +148,7 @@ class Eixo3 extends Component {
/>
</Card>
<Card id="e3pannel-2" className={`${contrastString}pannel hoverable`} title="Renda média das famílias Quilombolas">
<Card id="e3pannel-2" className={`${contrastString}pannel hoverable`} title="Renda Média das Famílias Quilombolas">
<div id={'Renda média per capita' + type}>
<BuildStackedBar
dataKey='Ano'
......@@ -164,7 +164,7 @@ class Eixo3 extends Component {
</Card>
<Card id="e3pannel-3" className={`${contrastString}pannel hoverable`} title="Bolsa Família">
<GrayBar text="Número total de famílias que recebem Bolsa Família" />
<GrayBar text="Número total de famílias quilombolas que recebem Bolsa Família" />
<div id={'Bolsa Família' + type}>
<BuildBar
dataKey='Ano'
......@@ -180,7 +180,7 @@ class Eixo3 extends Component {
</Card>
<Card id="e3pannel-5" className={`${contrastString}pannel hoverable`} title="Extrativismo">
<GrayBar text="Número total de famílias que sobrevivem do extrativismo" />
<GrayBar text="Número total de famílias quilombolas que sobrevivem do extrativismo" />
<div id={'Extrativismo' + type}>
<BuildBar
dataKey='Ano'
......@@ -196,7 +196,7 @@ class Eixo3 extends Component {
</Card>
<Card id="e3pannel-6" className={`${contrastString}pannel hoverable`} title="Área Rural">
<GrayBar text="Número total de Domicílios Rurais no CadÚnico" />
<GrayBar text="Número total de Domicílios Quilombolas Rurais e Urbanos" />
<div id={'Tipo de domicílio' + type}>
<BuildBar
dataKey='Ano'
......
......@@ -131,7 +131,7 @@ class Eixo4 extends Component {
</Col>
</Row>
<div className="e4pannels">
<Card id="e4pannel-1" className={`${contrastString}pannel hoverable`} title="População quilombola no CadÚnico">
<Card id="e4pannel-1" className={`${contrastString}pannel hoverable`} title="População Quilombola no CadÚnico">
<GrayBar text="por UF" />
<Row>
<p className={`${contrastString}eixoSubHeader`}> Clique sobre qualquer estado no mapa para apresentar os
......@@ -153,6 +153,7 @@ class Eixo4 extends Component {
</Card>
<Card id="e4pannel-2" className={`${contrastString}pannel hoverable`} title="Escolaridade">
<GrayBar text="Grau de escolaridade da população quilombola do CadÚnico" />
<div id={'Escolaridade Segundo CadÚnico' + type}>
<BuildStackedBar
dataKey='Ano'
......@@ -168,7 +169,7 @@ class Eixo4 extends Component {
/>
</Card>
<Card id="e4pannel-3" className={`${contrastString}pannel hoverable`} title="População quilombola por Sexo">
<Card id="e4pannel-3" className={`${contrastString}pannel hoverable`} title="População Quilombola no CadÚnico por Gênero">
<div id={'População no CadÚnico por Sexo' + type}>
<BuildBar
dataKey='Ano'
......@@ -183,7 +184,7 @@ class Eixo4 extends Component {
/>
</Card>
<Card id="e4pannel-4" className={`${contrastString}pannel hoverable`} title="População quilombola por Faixa Etária">
<Card id="e4pannel-4" className={`${contrastString}pannel hoverable`} title="População Quilombola no CadÚnico por Faixa Etária">
<div id={'População no CadÚnico por Faixa Etária' + type}>
<BuildStackedBar
dataKey='Ano'
......
......@@ -122,9 +122,11 @@ class QuotasEducation extends Component {
header={'Entenda os dados'}
flat={true}
class={'right'}
large={true}
style={{display:'flex',color: 'white', background: '#78752e'}}
buttonName={<div style={{display:'flex'}}>
<Icon>info</Icon>
<div style={{marginLeft: 7}}>Entenda os dados</div>
<div style={{marginLeft: 7}}>Clique aqui para entender os dados</div>
</div>}
text={modalText}
/>
......@@ -419,4 +421,4 @@ const modalText = <span id={'modalTextEscolaridade'}>
</span>;
export default QuotasEducation;
\ No newline at end of file
export default QuotasEducation;
......@@ -155,12 +155,12 @@ class SinapirMembers extends Component {
return (
<div>
<Row>
<Col l={7} m={5} s={8}>
<h4 className={`${contrastString}eixoHeader`}>Estados e Municipios Participantes do SINAPIR</h4>
<Col l={8} m={8} s={8}>
<h4 className={`${contrastString}eixoHeader`}>Estados e Municípios Participantes do SINAPIR</h4>
</Col>
</Row>
<div className="sinapir1pannels">
<Card title="Nível de adesão de estados" id="sinapir1pannel-1" className={`${contrastString}pannel hoverable`}>
<Card title="Nível de Adesão de Estados" id="sinapir1pannel-1" className={`${contrastString}pannel hoverable`}>
<Col className="mapCenter">
<Row>
<Row>
......@@ -195,10 +195,10 @@ class SinapirMembers extends Component {
</Col>
</Card>
<Card title="Nível de adesão de municípios" id="sinapir1pannel-2" className={`${contrastString}pannel hoverable`}>
<Card title="Nível de Adesão de Municípios" id="sinapir1pannel-2" className={`${contrastString}pannel hoverable`}>
<p className={`${contrastString}eixoSubHeader`}> Clique
sobre qualquer município na tabela de adesão de municípios
para apresentar os dados somente daquele município.</p>
para apresentar os dados somente daquele município na tabela de Gestores e Informações de Contato (CadPIR).</p>
<p className={`${contrastString}eixoSubHeader`}> Clique sobre a informação desejada para ordenar a listagem em ordem alfabética </p>
<PageTable columns={["Estado", "Município", "Modalidade da Gestão", "Data da adesão"]}
mode={'normal'}
......@@ -216,7 +216,7 @@ class SinapirMembers extends Component {
<CardFooter data={this.state.municipiosCsv} source=" Entes federados participantes do SINAPIR e modalidades de gestão (2019)"></CardFooter>
</Card>
<Card title="Gestores e informações de contato (CadPIR)" id="sinapir1pannel-3" className={`${contrastString}pannel hoverable`}>
<Card title="Gestores e Informações de Contato (CadPIR)" id="sinapir1pannel-3" className={`${contrastString}pannel hoverable`}>
<p className={`${contrastString}eixoSubHeader`}>Clique sobre a informação desejada para ordenar a listagem em ordem alfabética </p>
<Row>
<Input className='filled-in' type='checkbox'
......@@ -263,4 +263,4 @@ class SinapirMembers extends Component {
}
SinapirMembers.contextType = Store;
export default SinapirMembers;
\ No newline at end of file
export default SinapirMembers;
......@@ -134,13 +134,13 @@ class YouthEducation extends Component {
</Col>
</Row>
<div className="jv2pannels">
<Card id="jv2pannel-1" className={`${contrastString}pannel hoverable`} title="Jovens de 20 a 29 anos com Ensino Médio completo"
<Card id="jv2pannel-1" className={`${contrastString}pannel hoverable`} title="Jovens de 20 a 29 Anos com Ensino Médio Completo"
>
<Row>
<GrayBar text="Pretos e pardos, por UF" />
<Row>
<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>
dados somente daquele estado em todos os gráficos da página. Clique em limpar mapa para voltar aos dados do Brasil. </p>
</Row>
<Map getMapClick={this.getMapClick}
clicked={this.state.clickedInMap}
......@@ -180,35 +180,34 @@ class YouthEducation extends Component {
data={this.state.charts['Freq Negros']}
customKeys={freq}
/>
<p>Proporção de crianças e jovens negros que frequentam escola (ou creche) em relação ao total de crianças e jovens negros da mesma faixa etária.</p>
<p>Total de crianças e jovens negros que frequentam escola (ou creche) e proporção deles em relação ao total de crianças e jovens negros da faixa etária de 3 a 20 anos.</p>
<GrayBar text="Brancos entre 3 e 20 anos, por UF" />
<BuildStackedBar
dataKey='Ano'
data={this.state.charts['Freq Brancos']}
customKeys={freq}
/>
<p>Proporção de crianças e jovens brancos que frequentam escola (ou creche) em relação ao total de crianças e jovens brancos da mesma faixa etária.</p>
<p>Total de crianças e jovens brancos que frequentam escola (ou creche) e proporção deles em relação ao total de crianças e jovens brancos da faixa etária de 3 a 20 anos.</p>
<CardFooter data={serverURL + 'youth_education?dims=year,cor_raca,age,in_escola,uf,&format=csv'} source='Pesquisa Nacional por Amostra de Domicílios Continua(PNAD Continua), IBGE (2012-2018)' />
</Card>
<Card id="jv2pannel-4" className={`${contrastString}pannel hoverable`} title="Maior Nível de Estudo Concluído">
<GrayBar text="Pretos e pardos, por UF" />
<Card id="jv2pannel-4" className={`${contrastString}pannel hoverable`} title="Maior Nível de Estudo Concluído de Jovens">
<GrayBar text="Pretos e pardos de 15 a 29 anos, por UF" />
<BuildStackedBar
dataKey='Ano'
data={this.state.charts['Maior Nivel N']}
customKeys={Mnivel}
/>
<GrayBar text="Brancos, por UF" />
<GrayBar text="Brancos de 15 a 29 anos, por UF" />
<BuildStackedBar
dataKey='Ano'
data={this.state.charts['Maior Nivel B']}
customKeys={Mnivel}
/>
<p>Proporção de jovens negros e brancos, de 15 a 29 anos, por maior nível de estudo concluído.</p>
<CardFooter data={serverURL + 'youth_education?dims=year,cor_raca,max_level,age,uf,concluiu&format=csv'} source="Pesquisa Nacional por Amostra de Domicílios Continua(PNAD Continua), IBGE (2012-2018)" />
</Card>
<Card id="jv2pannel-5" className={`${contrastString}pannel hoverable`} title="Taxa de distorção Idade-Série">
<Card id="jv2pannel-5" className={`${contrastString}pannel hoverable`} title="Taxa de Distorção Idade-Série">
<GrayBar text="9º ano do fundamental, por UF" />
<BuildBar
dataKey='Ano'
......
......@@ -145,12 +145,12 @@ class YouthJob extends Component {
</Col>
</Row>
<div className="jv3pannels">
<Card id="jv3pannel-1" className={`${contrastString}pannel hoverable`} title="Renda Média dos Jovens Negros (R$)">
<Card id="jv3pannel-1" className={`${contrastString}pannel hoverable`} title="Renda Média dos Jovens Negros">
<Row>
<GrayBar text="Pretos e pardos, entre 15 e 29 anos, por UF" />
<GrayBar text="Pretos e pardos entre 15 e 29 anos, por UF" />
<Row>
<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>
dados somente daquele estado em todos os gráficos da página. Clique em limpar mapa para voltar aos dados do Brasil. </p>
</Row>
<Map getMapClick={this.getMapClick}
clicked={this.state.clickedInMap}
......@@ -158,19 +158,19 @@ class YouthJob extends Component {
<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']} />
<Table body={this.vetoriza(this.state.charts['Renda Media'])} header={['Renda Média (R$)']} />
<CardFooter data={serverURL + earningsData + '&format=csv'} source=" Pesquisa Nacional por Amostra de Domicílios Continua(PNAD Continua), IBGE (2012-2018)" />
</Card>
<Card id="jv3pannel-2" className={`${contrastString}pannel hoverable`} title="Trabalhou na Semana de Referência">
<GrayBar text="Pretos e Pardos, entre 15 e 29 anos" />
<GrayBar text="Pretos e Pardos entre 15 e 29 anos" />
<BuildStackedBar
dataKey='Ano'
data={this.state.charts['Trabalhou Referencia Preto Pardo']}
customKeys={TrabPP}
/>
<p>Número total de jovens negros que trabalharam ou estavam afastados do trabalho na semana de referência da pesquisa com relação aos que não trabalharam nem estavam afastados.</p>
<GrayBar text="Brancos, entre 15 e 29 anos" />
<GrayBar text="Brancos entre 15 e 29 anos" />
<BuildStackedBar
dataKey='Ano'
data={this.state.charts['Trabalhou Referencia Branco']}
......@@ -180,33 +180,35 @@ class YouthJob extends Component {
<CardFooter data={serverURL + 'youth_jobs?dims=year,cor_raca,trabalhou,uf&format=csv'} source=" Pesquisa Nacional por Amostra de Domicílios Continua(PNAD Continua), IBGE (2012-2018)" />
</Card>
<Card id="jv3pannel-3" className={`${contrastString}pannel hoverable`} title="Trabalhadores Jovens Negros segundo vinculo">
<GrayBar text="Pretos e Pardos, 15 a 29 anos" />
<Card id="jv3pannel-3" className={`${contrastString}pannel hoverable`} title=" Jovens Negros Trabalhadores Segundo Vínculo">
<GrayBar text="Pretos e Pardos entre 15 e 29 anos" />
<BuildStackedBar
dataKey='Ano'
data={this.state.charts['Trabalhador Vinculo']}
customKeys={TrabVin}
/>
<p/>
<p>Tipo de contratação do jovem negro no trabalho exercido durante a semana de referência da pesquisa.</p>
<CardFooter data={serverURL + 'youth_jobs?dims=year,cor_raca,vinculo,uf&format=csv'} source=" Pesquisa Nacional por Amostra de Domicílios Continua(PNAD Continua), IBGE (2012-2018)" />
</Card>
<Card id="jv3pannel-4" className={`${contrastString}pannel hoverable`} title="Distribuição nas Faixas Salariais">
<GrayBar text="Pretos e Pardos, 15 a 29 anos" />
<GrayBar text="Pretos e Pardos entre 15 e 29 anos" />
<BuildStackedBar
dataKey='Ano'
data={this.state.charts['Faixa Salario']}
customKeys={FaixaSal}
height={400}
/>
<GrayBar text="Brancos, 15 a 29 anos" />
<p>SM significa Salário Minimo.</p>
<GrayBar text="Brancos entre 15 e 29 anos" />
<BuildStackedBar
dataKey='Ano'
data={this.state.charts['Faixa Salario Brancos']}
customKeys={FaixaSal}
height={400}
/>
<p>1SM é 1 Salário Minimo</p>
<p>SM significa Salário Minimo.</p>
<CardFooter data={serverURL + 'youth_jobs?dims=year,cor_raca,rendimento_faixa,uf&format=csv'} source=" Pesquisa Nacional por Amostra de Domicílios Continua(PNAD Continua), IBGE (2012-2018)" />
</Card>
</div>
......
......@@ -99,7 +99,7 @@ class YouthVulnerabilities extends Component {
<div>
<Row>
<Col l={2} m={3} s={5}>
<h4 className={`${contrastString}eixoHeaderY`}>Vulnerabilidade</h4>
<h4 className={`${contrastString}eixoHeaderY`}>Vulnerabilidades</h4>
</Col>
</Row>
......@@ -118,46 +118,48 @@ class YouthVulnerabilities extends Component {
<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" height='700'/>
<p/>
<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" className={`${contrastString}pannel hoverable`} title="Evolução dos Homicídios de Jovens">
<GrayBar text="Evolução Anual, entre jovens de 15 a 29 anos"/>
<GrayBar text="Evolução anual, entre jovens de 15 a 29 anos por raça/cor"/>
<div id={"Evolução dos Homicídios de Jovens"+type}>
<BuildLineNotFixed data={c[0]} customKeys={{"ano":"ano","Branca":"Branca","Parda":"Parda","Preta":"Preta","Indígena":"Indígena","Amarela":"Amarela"}} dataKey="ano"/>
</div>
<Loading/>
<p>Esse gráfico mostra o número absoluto de homicídios de jovens ao longo dos anos. Consideram-se jovens as pessoas na faixa etária de 15 a 29 anos.</p>
<p>Esse gráfico apresenta o número absoluto de homicídios de jovens ao longo dos anos. Consideram-se jovens as pessoas na faixa etária de 15 a 29 anos.</p>
<CardFooter data={serverURL + queries['Evolução dos Homicídios de Jovens']+'&format=csv'} source="SIM / Min. da Saúde (1996-2016)"/>
</Card>
<Card id="jv1pannel-4" className={`${contrastString}pannel hoverable`} title="Taxa de Homicídios Comparada">
<GrayBar text="por Raça/Cor"/>
<GrayBar text="por raça/cor"/>
<div id={"Taxa de Homicídios Comparada"+type}>
<BuildBar data={c[2]} customKeys={{"taxa":"Número de homicídios por 100 mil"}} dataKey="raca_cor"/>
</div>
<Loading/>
<p>São considerados homicídios os seguintes CIDs 10: X85-Y09 e Y35-Y36, óbitos causados por agressão e intervenção legal.</p>
<p>São considerados homicídios os seguintes CIDs 10: X85-Y09, Y35-Y36, óbitos causados por agressão e intervenção legal.</p>
<CardFooter data={serverURL + queries['Taxa de Homicídios Comparada']+'&format=csv'} source="SIM (MS, 2016) e PNAD (IBGE, 2016)"/>
</Card>
<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"/>
<Card id="jv1pannel-6" className={`${contrastString}pannel hoverable`} title="Distribuição de Homicídios">
<GrayBar text="Todas as idades, por raça/cor"/>
{ c[1] ? <BuildPie data={c[1]} dataKey="total" nameKey="def_raca_cor"/> : <div/>}
<p>Número total dos homicídios, de todas as idades, divididos por raça/cor</p>
<p>Número total de homicídios, de todas as idades, divididos por raça/cor</p>
<CardFooter data={serverURL + queries['Distribuição de Homicídios por Raça/Cor']+'&format=csv'} source="SIM (MS, 2016)"/>
</Card>
<Card id="jv1pannel-7" className={`${contrastString}pannel hoverable`} 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 nos Municípios Prioritários">
<GrayBar text="A taxa está multiplicada por 1000. Por exemplo, se a taxa de jovens negros está 400.00, entende-se que 0.4% dos jovens negros sofreram homícidio em relação ao total de jovens negros. Consideram-se jovens as pessoas na faixa etária de 15 a 29 anos."/>
<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)"/>
<CardFooter data={csv8} source="Ministério das Mulheres, da Igualdade Racial, da Juventude e dos Direitos Humanos (Mar, 2016)"/>
</Card>
<Card id="jv1pannel-8" className={`${contrastString}pannel hoverable`} title="Municípios que Aderiram ao Plano">
<Card id="jv1pannel-8" className={`${contrastString}pannel hoverable`} title="Municípios que Aderiram ao Plano Juventude Viva">
<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)"/>
<CardFooter data={csv7} source="Sistema de Informações de Mortalidade (SIM) (MS, 2010) e Censo Demográfico (IBGE, 2010)"/>
</Card>
</div>
</div>
......
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