Commit a0c47b48 authored by Henrique Varella Ehrenfried's avatar Henrique Varella Ehrenfried

Merge branch 'development' into 'master'

Development

See merge request !69
parents 4ff5c2da 1e17b5cf
FROM node:lts-jessie
FROM node:lts-buster
RUN apt-get -y update -qq && apt-get install -y -qq apt-utils tree
......
......@@ -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>
......
......@@ -50,7 +50,7 @@ class Map extends Component {
active: state.active === where ? null : where
}))
this.props.getMapClick(where);
if(this.props.page === 'evader' || this.props.page === 'graduate' || this.props.page === 'education' || this.props.page === 'fies' || this.props.page === 'prouni' || this.props.page === 'vacancy') {
if(this.props.page === 'evader' || this.props.page === 'graduate' || this.props.page === 'education' || this.props.page === 'fies' || this.props.page === 'prouni' || this.props.page === 'vacancy' || this.props.page === 'extracurricular_activities' || this.props.page === 'admission' || this.props.page === 'social_support'){
this.props.mapClick()
}
}
......
......@@ -22,7 +22,9 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
import React, { Component } from 'react';
import { Row, Col, Card } from 'react-materialize'
// import { Row, Col, Card, Button, Icon } from 'react-materialize'
import DropdownControl from './DropdownControl'
import { Row, Col, Card } from 'react-materialize'
import Map from './Map';
import '../Styles/MapPanel.css';
import { getStateRegion } from '../enviroment';
......
......@@ -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>
);
......
......@@ -42,11 +42,11 @@ class UfBar extends Component {
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> <img src={this.props.img} alt="img"/></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>
<Col s={7} align='center'> <h5 id="uf-comunidades">{this.props.val}</h5> </Col>
}
</Row>
);
......
......@@ -7323,7 +7323,7 @@ const e1p4 = {
"ETAPA_FCP": "Certificada"
}
],
"Maranhã": [
"Maranhão": [
{
"ID": "501",
"COMUNIDADE": "ESTIVA II",
......@@ -18377,7 +18377,7 @@ const e1p4 = {
"COMUNIDADE": "CÓRREGO CACHOEIRA",
"TERRITORIO": "",
"STATUS_INCRA": "",
"ETAPA_FCP": "01420.009699/2013-18"
"ETAPA_FCP": ""
},
{
"ID": "54",
......
......@@ -24,6 +24,8 @@ import MainCard from './Components/MainCard'
import { Col, Row } from 'react-materialize'
import './Styles/MainPage.css'
import { Store } from './Store'
import { Link } from 'react-router-dom'
/**
* Main page of the application, contains the cards with information and links for the sub pages. <br />
......@@ -40,40 +42,35 @@ function MainPage() {
<Row/>
<Row style={undefined}>
<Col m={12} l={10} offset={'l1'}>
<MainCard dropdown='true' color='mainPageRed' title='Comunidades Quilombolas' subpages={subpages1} text={text1} image={'brasil_quilombola.png'} />
<MainCard dropdown='true' color='mainPageRed' title={<Link to="/quilombolas" >Comunides Quilombolas</Link>} 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>
</div>
);
}
const text1 = <div>
<p/>
<p>Programa Brasil Quilombola (PBQ) reúne ações do Governo Federal para as comunidades quilombolas nas seguintes áreas:</p>
<li>Eixo 1: Acesso à terra</li>
<li>Eixo 2: Infraestrutura e Qualidade de Vida</li>
<li>Eixo 3: Desenvolvimento Local e Inclusão Produtiva</li>
<li>Eixo 4: Direitos e Cidadania</li>
<p><b>Comunidades Quilombolas</b></p>
<p>Este módulo contém informações sobre as Comunidades Quilombolas, disponibilizadas pela Fundação Cultural Palmares e pelo INCRA, além de dados do Cadastro Único para Programas Sociais do Governo Federal CadÚnico e do Censo Escolar.</p>
</div>
const text2 = <div>
<p/>
......@@ -114,7 +111,7 @@ const text6 = <div>
// Subpages is an Array of arrays that in the first position expects the title and in the second position the route
const subpages1 = {'route': '/quilombolas', 'links':['ACESSO À TERRA', 'INFRAESTRUTURA E QUALIDADE DE VIDA', 'DESENVOLVIMENTO LOCAL E INCLUSÃO PRODUTIVA', 'DIREITOS E CIDADANIA', 'SOBRE O PROGRAMA BRASIL QUILOMBOLA']}
const subpages1 = {'route': '/quilombolas', 'links':['DADOS – PRESENÇA TERRITORIAL DOS QUILOMBOLAS', 'INFRAESTRUTURA E QUALIDADE DE VIDA', 'DESENVOLVIMENTO LOCAL E INCLUSÃO PRODUTIVA', 'DIREITOS E CIDADANIA', 'SOBRE O PROGRAMA BRASIL QUILOMBOLA']}
const subpages2 = {'route': '/juventude', 'links':['VULNERABILIDADES', 'EDUCAÇÃO', 'TRABALHO']}
const subpages3 = {'route': '/ciganos', 'links':["POVOS CIGANOS"]}
const subpages4 = {'route': '/matrizAfricana', 'links':["MATRIZ AFRICANA"]}
......
......@@ -39,7 +39,7 @@ function Quilombolas() {
// Get information about which page was accessed
const { state, dispatch } = React.useContext(Store);
let states = { "APRESENTAÇÃO": false, "ACESSO À TERRA": false, "INFRAESTRUTURA E QUALIDADE DE VIDA": false, "DESENVOLVIMENTO LOCAL E INCLUSÃO PRODUTIVA": false, "DIREITOS E CIDADANIA": false, "SOBRE O PROGRAMA BRASIL QUILOMBOLA": false }
let states = { "APRESENTAÇÃO": false, "DADOS – PRESENÇA TERRITORIAL DOS QUILOMBOLAS": false, "INFRAESTRUTURA E QUALIDADE DE VIDA": false, "DESENVOLVIMENTO LOCAL E INCLUSÃO PRODUTIVA": false, "DIREITOS E CIDADANIA": false, "SOBRE O PROGRAMA BRASIL QUILOMBOLA": false }
if (state.page.toUpperCase() in states) {
states[state.page.toUpperCase()] = true
}
......@@ -70,7 +70,7 @@ function Quilombolas() {
<div id="conteudo" />
<Tabs className={`tab-demo tabs-fixed-width z-depth-1 ${contrastString}mainPageRedTab`} onChange={whereIAm} >
<Tab title="Apresentação" active={states["APRESENTAÇÃO"]}> {states["APRESENTAÇÃO"] ? <QuilombolaPresentation /> :<div/>} </Tab>
<Tab title="Acesso à Terra" active={states["ACESSO À TERRA"]}> {states["ACESSO À TERRA"] ? <Eixo1 /> :<div/>} </Tab>
<Tab title="DADOS – PRESENÇA TERRITORIAL DOS QUILOMBOLAS" active={states["DADOS – PRESENÇA TERRITORIAL DOS QUILOMBOLAS"]}> {states["DADOS – PRESENÇA TERRITORIAL DOS QUILOMBOLAS"] ? <Eixo1 /> :<div/>} </Tab>
<Tab title="Infraestrutura e Qualidade de Vida" active={states["INFRAESTRUTURA E QUALIDADE DE VIDA"]}> {states["INFRAESTRUTURA E QUALIDADE DE VIDA"] ? <Eixo2 /> :<div/>} </Tab>
<Tab title="Desenvolvimento Local e Inclusão Produtiva" active={states["DESENVOLVIMENTO LOCAL E INCLUSÃO PRODUTIVA"]}> {states["DESENVOLVIMENTO LOCAL E INCLUSÃO PRODUTIVA"] ? <Eixo3 /> :<div/>} </Tab>
<Tab title="Direitos e Cidadania" active={states["DIREITOS E CIDADANIA"]}> {states["DIREITOS E CIDADANIA"] ? <Eixo4 /> :<div/>} </Tab>
......
......@@ -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 {
......
......@@ -52,6 +52,7 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
white-space: pre-line;
height: 50px;
text-align: center;
cursor: pointer;
}
.ReactTable .rt-th {
white-space: pre-line;
......
......@@ -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 {