Commit 8397f48d authored by Rafael S Castilho's avatar Rafael S Castilho

Merge branch 'demandas_junho' into 'development'

updating text / images / graphics in general

See merge request !67
parents 91c38638 0b6c87c1
......@@ -27,7 +27,7 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>Portal SMPPIR</title>
<title>Portal SIMOPE</title>
</head>
<body class="">
<noscript>
......
......@@ -39,14 +39,14 @@ function Sobre() {
<Row></Row>
<Row>
<Col s={8} offset={'s2'}>
<Card className='smaller' id={`${contrastString}cardAbout`} title="Sobre o SMPPIR">
<Card className='smaller' id={`${contrastString}cardAbout`} title="Sobre o SIMOPE">
<span>
O Sistema de Monitoramento das Políticas de Promoção da Igualdade Racial - SMPPIR reúne
dados e indicadores que possibilitam o monitoramento das políticas de promoção da igualdade
racial. O sistema é fruto de uma parceria entre a Secretaria de Políticas de Promoção da
Igualdade Racial (Seppir) e o Banco Interamericano de Desenvolvimento - BID, com apoio do
Programa das Nações Unidas para o Desenvolvimento (PNUD), da Fundação Ford e do Instituto
Brasileiro de Geografia e Estatística (IBGE).
<p>O Sistema de Monitoramento de Políticas Étnico-Raciais - SIMOPE reúne dados e indicadores que possibilitam a análise e o monitoramento das políticas públicas que incidem sobre a população negra e sobre os povos e comunidades tradicionais.</p>
<p>Esse sistema é fruto do Termo de Execução Descentralizada - TED celebrado entre a Secretaria Nacional de Políticas de Promoção da Igualdade Racial - SNPIR, do Ministério da Mulher, da Família e dos Direitos Humanos MMFDH, e a Universidade Federal do Paraná UFPR.</p>
<p>Tem-se como plataforma base o aplicativo de monitoramento desenvolvido em 2013 com o apoio do Banco Interamericano de Desenvolvimento - BID, do Programa das Nações Unidas para o Desenvolvimento - PNUD, da Fundação Ford e do Instituto Brasileiro de Geografia e Estatística- IBGE.</p>
<p>O SIMOPE é um instrumento de gestão de informações para que os(as) gestores(as) públicos(as), acadêmicos, sociedade civil organizada e população em geral avaliem a situação do público-alvo e identifiquem oportunidades de formulação e adequação das políticas públicas existentes e que poderão ser desenvolvidas para a melhoria da qualidade de vida e progresso socioeconômico da população negra e dos povos e comunidades tradicionais.</p>
<p>Importante indicar que esta versão é uma evolução em relação à primeira plataforma premiada pela Escola Nacional de Administração Pública ENAP, como realizações inovadoras em gestão pública, com o desafio de disponibilizar informações e conhecimento para o progresso das políticas públicas, reconhecendo-se a necessidade de incluir, futuramente, outros segmentos dos povos e comunidades tradicionais tão importantes com aqueles atualmente disponibilizados.</p>
<p>Os seus módulos são: Comunidades Quilombolas, Povos Indígenas, Povos Ciganos, Povos e Comunidades Tradicionais, Sistema Educacional por Cotas, Informações com o recorte Étnico-Racial e o Sistema Nacional de Promoção da Igualdade Racial.</p>
</span>
</Card>
</Col>
......@@ -74,21 +74,16 @@ function Acessibilidade() {
<Col s={8} offset={'s2'}>
<Card className='smaller' id={`${contrastString}cardAbout`} title="Acessibilidade">
<p>
O termo acessibilidade significa incluir a pessoa com deficiência na participação
de atividades como o uso de produtos, serviços e informações. Alguns exemplos são os
prédios com rampas de acesso para cadeira de rodas e banheiros adaptados para deficientes.
O termo acessibilidade significa incluir a pessoa com deficiência na participação de atividades como o uso de produtos, serviços e informações. Alguns exemplos são os prédios com rampas de acesso e os banheiros adaptados para pessoas com deficiência.
</p>
<p>
Na internet, acessibilidade refere-se principalmente às recomendações do WCAG
(World Content Accessibility Guide) do W3C e no caso do Governo Brasileiro ao
e-MAG (Modelo de Acessibilidade em Governo Eletrônico). O e-MAG está alinhado
as recomendações internacionais, mas estabelece padrões de comportamento acessível
para sites governamentais.
Na internet, acessibilidade refere-se principalmente às recomendações do WCAG (World Content Accessibility Guide) do W3C e, no caso do Governo Brasileiro, ao e-MAG (Modelo de Acessibilidade em Governo Eletrônico). O e-MAG está alinhado às recomendações internacionais e estabelece padrões de comportamento acessíveis para sites governamentais.
</p>
<p>
Na parte superior do portal existe uma barra de acessibilidade onde se encontra
atalhos de navegação padronizados e a opção para alterar o contraste. Essas
ferramentas estão disponíveis em todas as páginas do portal.
Na parte superior do portal existe uma barra de acessibilidade onde se encontram atalhos de navegação padronizados e a opção para alterar o contraste. Essas ferramentas estão disponíveis em todas as páginas do portal.
</p>
<p>
Os padrões de atalhos do governo federal são:
</p>
<ul className='collection'>
<li className='collection-item'>
......@@ -105,15 +100,10 @@ function Acessibilidade() {
Esses atalhos valem para o navegador Chrome, mas existem algumas variações para outros navegadores.
</p>
<p>
Quem prefere utilizar o Internet Explorer é preciso apertar o botão Enter do
seu teclado após uma das combinações acima. Portanto, para chegar ao campo de
busca de interna é preciso pressionar Alt+3 e depois Enter.
</p>
<p>
No caso do Firefox, em vez de Alt + número, tecle simultaneamente Alt + Shift + número.
Ao utilizar o Internet Explorer, por exemplo, é preciso apertar o botão Enter do seu teclado após uma das combinações acima. Portanto, para chegar ao ao rodapé do site é preciso pressionar Alt + 3 e depois Enter.
</p>
<p>
Sendo Firefox no Mac OS, em vez de Alt + Shift + número, tecle simultaneamente Ctrl + Alt + número.
No caso do Firefox, em vez de Alt + número, tecle simultaneamente Alt + Shift + número. Sendo Firefox no Mac OS, em vez de Alt + Shift + número, tecle simultaneamente Ctrl + Alt + número.
</p>
</Card>
</Col>
......
......@@ -49,7 +49,7 @@ class ContactForm extends Component {
<h4 className={dynamicClassName}>FALE CONOSCO</h4>
<div className='contactShow'>
<Icon className={dynamicEmailClassName}>mail</Icon>
<span id='sendToEmail' className={dynamicEmailClassName}>monitoramento@seppir.gov.br</span>
<span id='sendToEmail' className={dynamicEmailClassName}>dimope@mdh.gov.br</span>
</div>
<Row>
<Input s={12} label="Nome" className={`${contrastString}contactFormInput`} value={this.state.name} onChange={this.handleNameChange.bind(this)} />
......
......@@ -21,9 +21,9 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
import React from 'react';
import logo from '../Images/SMPPIRBanner.png';
import contrastLogo from '../Images/SMPPIRBannerContrast.png'
import { Card, Row, Col } from 'react-materialize'
import logo from '../Images/SIMOPEBanner.png';
import contrastLogo from '../Images/SIMOPEBannerContrast.png'
import { Card, Row, Col, Button } from 'react-materialize'
import '../Styles/MainBanner.css'
import { Link } from 'react-router-dom'
import { Store } from '../Store'
......@@ -36,24 +36,36 @@ function MainBanner() {
const { state } = React.useContext(Store);
var contrastString = state.contrast;
var dynamicTextClassname = 'smppir-blue-text';
if(contrastString === '')
img = logo;
else
else{
img = contrastLogo;
dynamicTextClassname = 'smppir-white-text';
}
return (
<div>
<div >
<Card id={`${contrastString}mainBannerCard`}>
<Row>
<Col s={12} m={5} offset={'m1'}>
<img alt='Logo do SMPPIR com descrição' id={'bannerLogo'} src={img} style={{width: 250}}/>
</Col>
<Col s={12} m={4} offset={'m1'}>
<Row>
<Col>
<Link id={`${contrastString}mainBannerLink`} to='sobre'>
<img alt='Logo do SIMOPE com descrição' id={'bannerLogo'} src={img} style={{width: '100%'}} />
</Link>
</Col>
</Row>
</Col>
<Col s={12} m={5} offset={'m1'}>
<h5 id={`${contrastString}bannerTitle`}>Monitorar é preciso</h5>
<p id={`${contrastString}bannerText`}>
O objetivo do sistema de monitoramento é dar visibilidade às demandas sociais e à atuação do Estado, de maneira a promover um melhor diálogo social e aprimorar a eficiência e eficácia das políticas públicas.
O objetivo do SIMOPE é dar visibilidade à população negra e aos povos e comunidades tradicionais, disponibilizando informações para a atuação dos Governos Federal, Estaduais, Distrital e municipais, de maneira a promover e aprimorar a eficiência e a eficácia das políticas públicas de promoção da igualdade étnico-racial.
</p>
<Link id={`${contrastString}mainBannerLink`} to='sobre'>SAIBA MAIS</Link>
<Link id={`${contrastString}mainBannerLink`} to='sobre'>
<Button waves='light' className={dynamicTextClassname} id={`${contrastString}contactSendBtn`}> SAIBA MAIS </Button>
</Link>
</Col>
</Row>
</Card>
......
......@@ -20,8 +20,8 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
import React from 'react';
import logo from '../Images/PortalLogo.png';
import logoContrast from '../Images/PortalLogoContrast.png'
import logo from '../Images/PortalLogoSIMOPE.png';
import logoContrast from '../Images/PortalLogoSIMOPEContrast.png'
import { SideNav } from 'react-materialize'
import '../Styles/NavigationBar.css'
import { Store } from '../Store'
......
......@@ -28,7 +28,7 @@ import '../Styles/PageTable.css';
// Documentação da biblioteca de tabela: https://www.npmjs.com/package/react-table
class Table extends Component {
class Table extends Component { // converter pra função e adicionar o Store pra usar o state.contrast
constructor(props) {
super(props);
......
......@@ -29,8 +29,8 @@ import BDILogo from '../Images/BDI.png';
import PNUDLogo from '../Images/PNUD.jpg';
import UFPRLogo from '../Images/UFPR.jpg';
import C3SLLogo from '../Images/C3SL.png';
import SEPPIRLogo from '../Images/SecretariaIgualdadeRacial.png';
import MinisterioDaMulher from '../Images/MinisterioDaMulher.png';
import SEPPIRLogo from '../Images/SecretariaIgualdadeRacialVertical.png';
import MinisterioDaMulher from '../Images/MinisterioDaMulherVertical.png';
import Selo from '../Images/Selo.jpeg';
import BrasilLogo from '../Images/Brasil.png';
import { Store } from '../Store'
......@@ -49,56 +49,68 @@ function Partner() {
return (
<div>
<h4 className={dynamicClassName}>REALIZAÇÃO</h4>
<Row style={{ marginTop: 8 + '%', marginBottom: 8 + '%', display: 'flex'}}>
<Col s={4} style={{ flex: 1 }}>
<a href="http://www.seppir.gov.br/">
<img alt='Logo da Secretaria de Promoção de Políticas de Igualdade Racial' src={SEPPIRLogo} width='100%' height='90%' className="hoverColor" />
</a>
</Col>
<Col s={4} style={{ flex: 1 }}>
<a href="https://www.mdh.gov.br/">
<img alt='Logo do Ministério da Mulher, da Família e dos Direitos Humanos' src={MinisterioDaMulher} width='100%' height='90%' className="hoverColor" />
</a>
</Col>
<Col s={4} style={{ flex: 1 }}>
<a href="https://www.gov.br/pt-br">
<img alt='Governo do Brasil' src={BrasilLogo} width='100%' height='90%' className="hoverColor" />
</a>
</Col>
</Row>
<h4 className={dynamicClassName}>PARCEIROS</h4>
<Row>
<Col offset={'s1'} s={4}>
<Row style={{background: 'white'}}>
<Row/>
<h4 className={'smppir-blue'} offset={'m5'}>REALIZAÇÃO</h4>
<Col offset={'s1'}>
<a href="https://www.gov.br/mdh/pt-br/navegue-por-temas/igualdade-racial">
<img alt='Logo da Secretaria de Promoção de Políticas de Igualdade Racial' src={SEPPIRLogo} width= '37%' height='10%' className="hoverColor" />
</a>
</Col>
<Col offset={'s1'} >
<a href="https://www.mdh.gov.br/">
<img alt='Logo do Ministério da Mulher, da Família e dos Direitos Humanos' src={MinisterioDaMulher} width='37%' height='60%' className="hoverColor" />
</a>
</Col>
<Col offset={'s1'}>
<a href="https://www.gov.br/pt-br">
<img alt='Governo do Brasil' src={BrasilLogo} width='47%' className="hoverColorBrasil" />
</a>
</Col>
</Row>
<Row/>
<Row style={{background: 'white'}}>
<Row/>
<h4 className={'smppir-blue'} >PARCEIROS</h4>
<Row >
<Col offset={'s1'} s={3}>
<a href="https://www.iadb.org/pt">
<img alt='Logo do Banco Interamericano de Desenvolvimento' src={BDILogo} height="120%" width="120%" className="hoverColor" style={{marginTop:15+'%'}}/>
<img alt='Logo do Banco Interamericano de Desenvolvimento' src={BDILogo} width="120%" className="hoverColor" style={{marginTop:15+'%'}}/>
</a>
</Col>
<Col offset={'s1'} s={4}>
<a href="http://www.undp.org/content/brazil/pt/home.html">
<img alt='Logo do Programa das Nações Unidas para o Desenvolvimento' src={PNUDLogo} height="100%" width="100%" className="hoverColor" />
<img alt='Logo do Programa das Nações Unidas para o Desenvolvimento' src={PNUDLogo}width="90%" className="hoverColor" />
</a>
</Col>
</Row>
<Row>
<Row >
<Col offset={'s1'} s={4}>
<a href="http://www.ufpr.br/portalufpr/">
<img alt='Logo da Universidade Federal do Paraná' src={UFPRLogo} height="100%" width="100%" className="hoverColor" />
<img alt='Logo da Universidade Federal do Paraná' src={UFPRLogo} width="80%" className="hoverColor" />
</a>
</Col>
<Col offset={'s1'} s={4}>
<a href="http://www.c3sl.ufpr.br/">
<img alt='Logo do Centro de Computação Científica e Software Livre' id="c3Logo" src={C3SLLogo} height="80%" width="80%" className="hoverColor" />
<img alt='Logo do Centro de Computação Científica e Software Livre' id="c3Logo" src={C3SLLogo} width="60%" className="hoverColor" />
</a>
</Col>
</Row>
<h4 className={dynamicClassName}>PRÊMIOS</h4>
<Row>
<Col offset={'s1'} s={4}>
<img alt='Selo Premiado' id="Selo" src={Selo} height="80%" width="80%" className="hoverColor" />
</Col>
</Row>
<Row style={{background: 'white'}}>
<Row/>
<h4 className={'smppir-blue'}>PRÊMIOS</h4>
<Row>
<Col offset={'s1'} s={4}>
<a href="https://inovacao.enap.gov.br/19o-concurso/">
<img alt='Selo Premiado' id="Selo" src={Selo} width="70%" className="hoverColor"/>
</a>
</Col>
</Row>
</Row>
</div>
);
......
......@@ -38,29 +38,27 @@ function MainPage() {
<MainBanner />
<div id="conteudo"/>
<Row/>
<Row style={undefined}>
<Col m={12} l={10} offset={'l1'}>
<Row className={'mainPageRow'} style={undefined}>
<Col m={12} l={5} offset={'l1'}>
<MainCard dropdown='true' color='mainPageRed' title='Comunidades Quilombolas' subpages={subpages1} text={text1} image={'brasil_quilombola.png'} />
</Col>
<Col m={12} l={5} className={'mainPageMargin'}>
<MainCard dropdown='true' color='mainPageYellow' title='Povos Ciganos' subpages={subpages3} text={text3} image={'ciganos.png'}/>
</Col>
</Row>
<Row className={'mainPageRow'}>
<Col m={12} l={5} offset={'l1'}>
<MainCard dropdown='true' color='mainPageYellow' title='Povos Ciganos' subpages={subpages3} text={text3} image={'ciganos.png'}/>
<MainCard dropdown='true' color='mainPageDarkBlue' title='Comunidades de Matriz Africana e Povos de Terreiro' subpages={subpages4} text={text4} image={'matriz_africana4.png'} />
</Col>
<Col m={12} l={5} className={'mainPageMargin'}>
<MainCard dropdown='true' color='mainPageDarkBlue' title='Comunidades de Matriz Africana e Povos de Terreiro' subpages={subpages4} text={text4} image={'matriz_africana4.png'} />
<MainCard dropdown='true' color='mainPageGreen' title='Cotas' subpages={subpages5} text={text5} image={'cotas_raciais.png'} />
</Col>
</Row>
<Row className={'mainPageRow'}>
<Col m={12} l={5} offset={'l1'} >
<MainCard dropdown='true' color='mainPageGreen' title='Cotas' subpages={subpages5} text={text5} image={'cotas_raciais.png'} />
<Col m={12} l={5} offset={'l1'}>
<MainCard color='mainPageTeal' title='Desigualdade Étnico-racial' subpages={subpages2} text={text2} image={'juventude_viva.png'}/>
</Col>
<Col m={12} l={5} className={'mainPageMargin'}>
<MainCard color='mainPageTeal' title='Desigualdade Étnico-racial' subpages={subpages2} text={text2} image={'juventude_viva.png'}/>
</Col>
</Row>
<Row>
<Col m={12} l={10} offset={'l1'}>
<MainCard color='mainPageOrange' title='Participantes do Sistema Nacional de Promoção da Igualdade Racial (SINAPIR)' subpages={subpages6} text={text6} image={'mapas.png'}/>
</Col>
</Row>
......
......@@ -3,7 +3,7 @@
openapi: "3.0.0"
info:
version: 1.0.0
title: SMPPIR - API
title: SIMOPE - API
description: 'This API provides access to quotas data based in [INEP - Census of higher education](http://portal.inep.gov.br/web/guest/microdados), [PNAD - People information](http://www.ibge.gov.br/home/estatistica/pesquisas/pesquisa_resultados.php?id_pesquisa=40), [FIES](http://www.fnde.gov.br/dadosabertos/dataset/fundo-de-financiamento-estudantil-fies), [PROUNI](http://dadosabertos.mec.gov.br/prouni)'
servers:
......
......@@ -21,6 +21,24 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
img.hoverColor {
filter: none;
-webkit-filter: grayscale(0%);
opacity: 1;
margin-top: 6px;
}
img.hoverColorBrasil {
filter: none;
-webkit-filter: grayscale(0%);
opacity: 1;
margin-top: 15px;
margin-bottom: 10px;
}
img.hoverColorBrasil:hover {
filter: none;
-webkit-filter: grayscale(0%);
opacity: 1;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
/* Firefox 3.5+ */
filter: gray;
......@@ -34,6 +52,13 @@ img.hoverColor:hover {
filter: none;
-webkit-filter: grayscale(0%);
opacity: 1;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
/* Firefox 3.5+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
opacity: 0.5;
}
body {
......
......@@ -142,8 +142,7 @@ class AfricanIndicator extends Component {
<Card id="african1pannel-1" className={`${contrastString}pannel hoverable`} title="Mapa">
<Row>
<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>
<p className={`${contrastString}eixoSubHeader`}> Clique sobre o Estado para visualizar seus dados. Clique em Limpar Mapa para retornar aos dados do Brasil. </p>
</Row>
<Map getMapClick={this.getMapClick} />
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
......@@ -151,7 +150,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 - "+getStateExtendedName(this.state.clickedInMap).currentState}>
<BuildBar
dataKey='ano_pesquisa'
data={c[0]}
......@@ -164,7 +163,7 @@ class AfricanIndicator extends Component {
/>
</Card>
<Card id="african1pannel-3" className={`${contrastString}pannel hoverable`} title='Espécie do Domicílio'>
<Card id="african1pannel-3" className={`${contrastString}pannel hoverable`} title={"Espécie do Domicílio - "+getStateExtendedName(this.state.clickedInMap).currentState}>
<GrayBar text="Espécie do domicílio das famílias pertencentes a comunidade de terreiro do CadÚnico" />
<BuildStackedBar
dataKey='Ano'
......@@ -178,7 +177,7 @@ class AfricanIndicator extends Component {
/>
</Card>
<Card id="african1pannel-4" className={`${contrastString}pannel hoverable`} title='Renda Média'>
<Card id="african1pannel-4" className={`${contrastString}pannel hoverable`} title={"Renda Média - "+getStateExtendedName(this.state.clickedInMap).currentState}>
<GrayBar text="Renda média per Capita(R$) das famílias pertencentes a comunidade de terreiro do CadÚnico" />
<BuildStackedBar
dataKey='Ano'
......@@ -193,7 +192,7 @@ class AfricanIndicator extends Component {
/>
</Card>
<Card id="african1pannel-5" className={`${contrastString}pannel hoverable`} title="Escolaridade">
<Card id="african1pannel-5" className={`${contrastString}pannel hoverable`} title={"Escolaridade - "+getStateExtendedName(this.state.clickedInMap).currentState}>
<GrayBar text="Grau de escolaridade da população pertencente a comunidade de terreiro do CadÚnico" />
<BuildBar
dataKey='Ano'
......
......@@ -166,8 +166,8 @@ class AgreementsInExecution extends Component {
<Col s={12}>
<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. Clique em limpar filtros para voltar aos dados do Brasil. </p>
<Row className={`${contrastString}eixoSubHeader`}>
<p > 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
......@@ -199,7 +199,10 @@ class AgreementsInExecution extends Component {
</Row>
<Row>
<Col s={12}>
<p>Para visualizar os dados é necessário clicar nas seções desejadas abaixo.</p>
<Card className='smaller' id={`${contrastString}cardAbout`}>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo.</p>
</Card>
<Row/>
<Collapsible className='agreementsExpanderColor agreementsExpander'>
<CollapsibleContainer header='Convênios em execução - 2019'>
<Table
......
......@@ -142,8 +142,7 @@ class CiganosIndicator extends Component {
<Card id="ciganos1pannel-1" className={`${contrastString}pannel hoverable`} title="Mapa">
<Row>
<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>
<p className={`${contrastString}eixoSubHeader`}> Clique sobre o Estado para visualizar seus dados. Clique em Limpar Mapa para retornar aos dados do Brasil. </p>
</Row>
<Map getMapClick={this.getMapClick} />
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
......@@ -151,7 +150,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 - "+getStateExtendedName(this.state.clickedInMap).currentState}>
<BuildBar
dataKey='ano_pesquisa'
data={c[0]}
......@@ -164,7 +163,7 @@ class CiganosIndicator extends Component {
/>
</Card>
<Card id="ciganos1pannel-3" className={`${contrastString}pannel hoverable`} title='Espécie do Domicílio'>
<Card id="ciganos1pannel-3" className={`${contrastString}pannel hoverable`} title={"Espécie do Domicílio - "+getStateExtendedName(this.state.clickedInMap).currentState}>
<GrayBar text="Espécie do domicílio das famílias ciganas do CadÚnico" />
<BuildStackedBar
dataKey='Ano'
......@@ -178,7 +177,7 @@ class CiganosIndicator extends Component {
/>
</Card>
<Card id="ciganos1pannel-4" className={`${contrastString}pannel hoverable`} title='Renda Média'>
<Card id="ciganos1pannel-4" className={`${contrastString}pannel hoverable`} title={"Renda Média - "+getStateExtendedName(this.state.clickedInMap).currentState}>
<GrayBar text="Renda média per Capita(R$) das famílias ciganas do CadÚnico" />
<BuildStackedBar
dataKey='Ano'
......@@ -192,7 +191,7 @@ class CiganosIndicator extends Component {
/>
</Card>
<Card id="ciganos1pannel-5" className={`${contrastString}pannel hoverable`} title="Escolaridade">
<Card id="ciganos1pannel-5" className={`${contrastString}pannel hoverable`} title={"Escolaridade - "+getStateExtendedName(this.state.clickedInMap).currentState}>
<GrayBar text="Grau de escolaridade da população cigana do CadÚnico" />
<BuildBar
dataKey='Ano'
......
......@@ -39,14 +39,10 @@ class DocApi extends Component {
<Col s={12}>
<Card title="API">
<p>
API (Interface de Programação de Aplicações) é um conjunto de rotinas e padrões estabelecidos por um software para a utilização
das suas funcionalidades por aplicativos que não pretendem envolver-se em detalhes
da implementação do software, mas apenas usar seus serviços.
API (Interface de Programação de Aplicações) é um conjunto de rotinas e padrões estabelecidos por um software para a utilização das suas funcionalidades por aplicativos que não pretendem envolver-se em detalhes da implementação do software, mas apenas usar seus serviços.
</p>
<p>Para fazer consultas com mais parâmetros insira todos os parâmetros que deseja,
separe-os por vírgula e pressione enter. Se entrar com cada parâmetro separando-os
com enter não irá funcionar
<p>
Para fazer consultas com mais parâmetros, insira todos os parâmetros desejados, separe-os por vírgula e pressione o botão Enter. Se o(a) usuário(a) optar em executar a funcionalidade separando-se os parâmetros com o botão Enter, este comando não irá funcionar.
</p>
</Card>
</Col>
......
......@@ -216,6 +216,7 @@ class Eixo1 extends Component {
</Row> : null }
</Modal>
<Row>
<Col>
<h4 className={`${contrastString}eixoHeaderQ`}>Acesso à Terra</h4>
</Col>
......@@ -226,8 +227,7 @@ class Eixo1 extends Component {
<Row>
<GrayBar text="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>
<p className={`${contrastString}eixoSubHeader`}> Clique sobre o Estado para visualizar seus dados. Clique em Limpar Mapa para retornar aos dados do Brasil. </p>
</Row>
<BrasilMap getMapClick={this.getMapClick} />
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
......@@ -241,10 +241,10 @@ 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 e MinC (Jan/2016)" />
</Card>
<Card id="e1pannel-2" className={`${contrastString}pannel hoverable`} title="Evolução de Certificações e Titulações">
<Card id="e1pannel-2" className={`${contrastString}pannel hoverable`} title={"Evolução de Certificações e Titulações - "+getStateExtendedName(this.state.clickedInMap).currentState}>
<GrayBar text="Certificações Emitidas e Tituladas por Ano" />
......@@ -254,10 +254,10 @@ 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="Relação de Comunidades Quilombolas">
<Card id="e1pannel-3" className={`${contrastString}pannel hoverable`} title={"Relação de Comunidades Quilombolas - "+getStateExtendedName(this.state.clickedInMap).currentState}>
<p className={`${contrastString}eixoSubHeader`}>Clique na comunidade para ter acesso ao mapa com informações detalhadas sobre ela</p>
<p className={`${contrastString}eixoSubHeader`}>Clique sobre a informação desejada para ordenar a listagem em ordem alfabética </p>
<p className={`${contrastString}eixoSubHeader`}>Utilize o mapa à esquerda para filtrar os dados da tabela por unidade federativa.</p>
......@@ -277,7 +277,7 @@ class Eixo1 extends Component {
<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">
<Card id="e1pannel-4" className={`${contrastString}pannel hoverable`} title={"Estágio dos Processos - "+getStateExtendedName(this.state.clickedInMap).currentState}>
<GrayBar text="por Estágio" />
{data.gete1p5()[getStateExtendedName(this.state.clickedInMap).currentState] ? (
<BuildPie data={data.gete1p5()[getStateExtendedName(this.state.clickedInMap).currentState]} dataKey="total" nameKey="estagio" />
......@@ -285,7 +285,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>
......
......@@ -150,8 +150,7 @@ class Eixo2 extends Component {
<Row>
<GrayBar text="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>
<p className={`${contrastString}eixoSubHeader`}> Clique sobre o Estado para visualizar seus dados. Clique em Limpar Mapa para retornar aos dados do Brasil. </p>
</Row>
<Map getMapClick={this.getMapClick}/>
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
......@@ -167,7 +166,7 @@ class Eixo2 extends Component {
/>
</Card>
<Card id="e2pannel-2" className={`${contrastString}pannel hoverable`} title="Abastecimento e Escoamento Sanitário nos Domicílios Cadastrados">
<Card id="e2pannel-2" className={`${contrastString}pannel hoverable`} title={"Abastecimento e Escoamento Sanitário nos Domicílios Cadastrados - "+getStateExtendedName(this.state.clickedInMap).currentState}>
<Row>
<GrayBar text="Forma de abastecimento de água nos domicílios quilombolas" />
<BuildStackedBar
......@@ -198,7 +197,7 @@ class Eixo2 extends Component {
</Row>
</Card>
<Card id="e2pannel-3" className={`${contrastString}pannel hoverable`} title="Serviços Presentes nos Domicílios Cadastrados">
<Card id="e2pannel-3" className={`${contrastString}pannel hoverable`} title={"Serviços Presentes nos Domicílios Cadastrados - "+getStateExtendedName(this.state.clickedInMap).currentState}>
<Row>
<GrayBar text="Forma de iluminação nos domicílios quilombolas" />
<BuildStackedBar
......
......@@ -130,8 +130,7 @@ class Eixo3 extends Component {
<Row>
<GrayBar text="por UF"/>
<Row>