Commit 08043cc5 authored by Henrique Varella Ehrenfried's avatar Henrique Varella Ehrenfried

Merge branch 'demandas_SMPPIR' into 'development'

Demandas smppir

See merge request !45
parents 88ca4b33 55d3bd82
......@@ -55,7 +55,7 @@ function Sobre() {
<Col s={8} offset={'s2'}>
<Card className='smaller' id={`${contrastString}cardAbout`} title="Acesso aos dados">
<span>
Este portal utiliza uma API para carregar os dados da maior parte dos gráficos. A aba API mostra quais são as rotas
Este portal utiliza uma API (Interface de Programação de Aplicações) para carregar os dados da maior parte dos gráficos. A aba API mostra quais são as rotas
e como acessar cada uma delas, com seus parâmetros e possíveis filtros.
</span>
</Card>
......
......@@ -63,7 +63,7 @@ function MainCard(props){
<Link onClick={() => { setPageAction(subp) }} key={subp} className={color + ' waves-effect waves spacingInCard '} to={subpages['route']} >
{subp}
</Link>
if (length < 30 || !dropdown){
if (length < 50 || !dropdown){
listItems.push(link)
} else {
dropdownItems.push(link)
......
......@@ -48,7 +48,7 @@ function NavigationBar() {
<React.Fragment>
<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'>Brasil Quilombola</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>
......
......@@ -110,7 +110,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':['EIXO 1', 'EIXO 2', 'EIXO 3', 'EIXO 4', 'SOBRE']}
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 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, "EIXO 1": false, "EIXO 2": false, "EIXO 3": false, "EIXO 4": false, "SOBRE": false }
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 }
if (state.page.toUpperCase() in states) {
states[state.page.toUpperCase()] = true
}
......@@ -68,13 +68,13 @@ function Quilombolas() {
<NavigationBar />
<div id='contentTabsDiv'>
<div id="conteudo" />
<Tabs className={`tab-demo z-depth-1 ${contrastString}mainPageRedTab`} onChange={whereIAm} >
<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="Eixo 1" active={states["EIXO 1"]}> {states["EIXO 1"] ? <Eixo1 /> :<div/>} </Tab>
<Tab title="Eixo 2" active={states["EIXO 2"]}> {states["EIXO 2"] ? <Eixo2 /> :<div/>} </Tab>
<Tab title="Eixo 3" active={states["EIXO 3"]}> {states["EIXO 3"] ? <Eixo3 /> :<div/>} </Tab>
<Tab title="Eixo 4" active={states["EIXO 4"]}> {states["EIXO 4"] ? <Eixo4 /> :<div/>} </Tab>
<Tab title="Sobre" active={states["SOBRE"]}> {states["SOBRE"] ? <QuilombolaAbout /> :<div/>} </Tab>
<Tab title="Acesso à Terra" active={states["ACESSO À TERRA"]}> {states["ACESSO À TERRA"] ? <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>
<Tab title="Sobre o Programa Brasil Quilombola" active={states["SOBRE O PROGRAMA BRASIL QUILOMBOLA"]}> {states["SOBRE O PROGRAMA BRASIL QUILOMBOLA"] ? <QuilombolaAbout /> :<div/>} </Tab>
</Tabs>
</div>
</div>
......
......@@ -181,7 +181,7 @@ class AfricanIndicator extends Component {
/>
</Card>
<Card id="african1pannel-4" className={`${contrastString}pannel hoverable`} title='Renda média per capita'>
<Card id="african1pannel-4" className={`${contrastString}pannel hoverable`} title='Renda Média per Capita (R$)'>
<div id={'Renda média per capita' + type}>
<BuildStackedBar
dataKey='Ano'
......
......@@ -181,7 +181,7 @@ class CiganosIndicator extends Component {
/>
</Card>
<Card id="ciganos1pannel-4" className={`${contrastString}pannel hoverable`} title='Renda média per capita'>
<Card id="ciganos1pannel-4" className={`${contrastString}pannel hoverable`} title='Renda Média per Capita (R$)'>
<div id={'Renda média per capita' + type}>
<BuildStackedBar
dataKey='Ano'
......
......@@ -37,10 +37,17 @@ class DocApi extends Component {
<Row/>
<Row>
<Col s={12}>
<Card>
Para fazer consultas com mais parâmetros insira todos os parâmetros que deseja,
<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.
</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>
</Card>
</Col>
</Row>
......
......@@ -216,8 +216,8 @@ class Eixo1 extends Component {
</Row> : null }
</Modal>
<Row>
<Col l={2} m={3} s={5}>
<h4 className={`${contrastString}eixoHeaderQ`}>Eixo 1</h4>
<Col l={7} m={5} s={8}>
<h4 className={`${contrastString}eixoHeaderQ`}>Acesso à Terra</h4>
</Col>
</Row>
......@@ -233,8 +233,8 @@ class Eixo1 extends Component {
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
<p>As comunidades certificadas estão distribuídas por todo o Brasil, com
maior concentração nos estados do Maranhão e da Bahia.</p>
<p>Não há comunidades quilombolas certificadas nos estados do Acre e de Roraima, sendo que a maior
concentração está nos estados do Maranhão e da Bahia.</p>
{data.gete1p1()[getStateExtendedName(this.state.clickedInMap).currentState] ? (
<UfBar img={MapMarker} ufname={getStateExtendedName(this.state.clickedInMap).currentState} val={data.gete1p1()[getStateExtendedName(this.state.clickedInMap).currentState].Certificadas + " comunidades"} />
......@@ -258,7 +258,9 @@ class Eixo1 extends Component {
</Card>
<Card id="e1pannel-3" className={`${contrastString}pannel hoverable`} title="Relação de Comunidades Quilombolas Certificadas">
<p>Clique na comunidade para ter acesso ao mapa com informações detalhadas sobre ela</p>
<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>
<PageTable columns={['ID', 'Comunidade', 'Território', 'Status INCRA', 'Etapa FCP', 'UF', 'Mapa']}
data={this.state.data} pageSize={15} defaultSorted={[{ id: "ID", desc: false }]}
......
......@@ -141,12 +141,12 @@ class Eixo2 extends Component {
return (
<div>
<Row>
<Col l={2} m={3} s={5}>
<h4 className={`${contrastString}eixoHeaderQ`}>Eixo 2</h4>
<Col l={7} m={5} s={8}>
<h4 className={`${contrastString}eixoHeaderQ`}>Infraestrutura e Qualidade de Vida</h4>
</Col>
</Row>
<div className="e2pannels">
<Card id="e2pannel-1" className={`${contrastString}pannel hoverable`} title="Familias quilombolas no CadÚnico">
<Card id="e2pannel-1" className={`${contrastString}pannel hoverable`} title="Famílias Quilombolas no CadÚnico">
<Row>
<GrayBar text="por UF" />
<Row>
......@@ -157,7 +157,7 @@ class Eixo2 extends Component {
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
{c[0] ? (
<UfBar img={family} ufname={uf} val={c[0][c[0].length-1].total + " familias"}/>
<UfBar img={family} ufname={uf} val={c[0][c[0].length-1].total + " famílias"}/>
):(
<UfBar img={family} ufname={uf} val="Sem informação"/>
)}
......
......@@ -121,8 +121,8 @@ class Eixo3 extends Component {
return (
<div>
<Row>
<Col l={2} m={3} s={5}>
<h4 className={`${contrastString}eixoHeaderQ`}>Eixo 3</h4>
<Col l={7} m={5} s={8}>
<h4 className={`${contrastString}eixoHeaderQ`}>Desenvolvimento Local e Inclusão Produtiva</h4>
</Col>
</Row>
......@@ -164,7 +164,7 @@ class Eixo3 extends Component {
</Card>
<Card id="e3pannel-3" className={`${contrastString}pannel hoverable`} title="Bolsa Família">
<GrayBar text="Percentual de famílias que recebem Bolsa Família" />
<GrayBar text="Número total de famílias 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="Percentual de famílias que sobrevivem do extrativismo" />
<GrayBar text="Número total de famílias 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="Percentual de Domicílios Rurais no CadÚnico" />
<GrayBar text="Número total de Domicílios Rurais no CadÚnico" />
<div id={'Tipo de domicílio' + type}>
<BuildBar
dataKey='Ano'
......
......@@ -70,9 +70,9 @@ const Education = {
'12': 'Ensino Médio',
'13': 'Ensino Superior',
'14': 'Ensino Fundamental',
// '15': 'Sem informações',
// 'NA': 'Sem informações',
// 'null': 'Sem informações',
'15': 'Sem informações',
'NA': 'Sem informações',
'null': 'Sem informações',
}
const Gender = {
'1': 'Masculino',
......@@ -126,8 +126,8 @@ class Eixo4 extends Component {
return (
<div>
<Row>
<Col l={2} m={3} s={5}>
<h4 className={`${contrastString}eixoHeaderQ`}>Eixo 4</h4>
<Col l={7} m={5} s={8}>
<h4 className={`${contrastString}eixoHeaderQ`}>Direitos e Cidadania</h4>
</Col>
</Row>
<div className="e4pannels">
......@@ -154,11 +154,11 @@ class Eixo4 extends Component {
<Card id="e4pannel-2" className={`${contrastString}pannel hoverable`} title="Escolaridade">
<div id={'Escolaridade Segundo CadÚnico' + type}>
<BuildBar
<BuildStackedBar
dataKey='Ano'
data={c[1]}
customKeys={Education}
// height={400}
//height={400}
/>
</div>
<Loading />
......
......@@ -199,6 +199,7 @@ class SinapirMembers extends Component {
<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>
<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'}
data={this.municipiosTable()}
......@@ -215,7 +216,8 @@ 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'
value={"" + this.state.showOnlySinapirContacts}
......
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