Commit 4ca430d9 authored by Rafael S Castilho's avatar Rafael S Castilho

issues resolvidas ate 03/07

parent 8397f48d
......@@ -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';
......
......@@ -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 />
......@@ -38,9 +40,9 @@ function MainPage() {
<MainBanner />
<div id="conteudo"/>
<Row/>
<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'} />
<Row style={undefined}>
<Col m={12} l={10} offset={'l1'}>
<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'}/>
......@@ -65,13 +67,10 @@ function MainPage() {
</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/>
......@@ -112,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>
......
......@@ -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;
......
......@@ -21,7 +21,7 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
import React, { Component } from 'react';
import { Card, Row, Col, Button, Modal, Table } from 'react-materialize';
import { Card, CardTitle, Row, Col, Button, Modal, Table } from 'react-materialize';
import CardFooter from '../Components/CardFooter';
import UfBar from '../Components/UfBar';
import GrayBar from '../Components/GrayBar';
......@@ -216,14 +216,16 @@ class Eixo1 extends Component {
</Row> : null }
</Modal>
<Row>
<Col>
<h4 className={`${contrastString}eixoHeaderQ`}>Acesso à Terra</h4>
<Col l={7} m={5} s={8}>
<h4 className={`${contrastString}eixoHeaderQ`}>DADOS PRESENÇA TERRITORIAL DOS QUILOMBOLAS</h4>
</Col>
</Row>
<div className="e1pannels">
<Card id="e1pannel-1" className={`${contrastString}pannel hoverable`} title="Certificações Emitidas">
<Card id="e1pannel-1" className={`${contrastString}pannel hoverable`} header={<CardTitle reveal waves='light'/>}
title={"Certificações Emitidas"}
reveal={<div>{"Esta tabela apresenta o total de certificações emitidas em todos os anos pela Fundação Cultural Palmares, por Estado onde as comunidades se localizam."}</div>}
>
<Row>
<GrayBar text="por UF" />
<Row>
......@@ -233,19 +235,21 @@ 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, 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] ? (
<UfBar img={MapMarker} ufname={getStateExtendedName(this.state.clickedInMap).currentState} val={data.gete1p1()[getStateExtendedName(this.state.clickedInMap).currentState].Certificadas + " comunidades"} />
) : (
<UfBar img={MapMarker} ufname={getStateExtendedName(this.state.clickedInMap).currentState} val="Sem informação" />
)}
<CardFooter source=" Fundação Cultural Palmares e MinC (Jan/2016)" />
<p>* Não há comunidades quilombolas certificadas no Distrito Federal e nos Estados do Acre e Roraima. As maiores concentrações estão nos Estados da Bahia e do Maranhão, respectivamente..</p>
<CardFooter source=" Fundação Cultural Palmares / MinC (Jan, 2016)" />
</Card>
<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" />
<Card id="e1pannel-2" className={`${contrastString}pannel hoverable`} header={<CardTitle reveal waves='light'/>}
title={"Evolução de Certificações e Titulações"}
reveal={<div>{"Esta tabela apresenta o total de certificações emitidas (pela Fundação Cultural Palmares) e de territórios titulados (pelo INCRA ou pelos Institutos de Terra) em todo o Brasil e nos Estados, a cada ano. Cada certificação se refere a uma comunidade, enquanto a titulação de um território pode englobar diversas comunidades que compartilham o mesmo território."}</div>}
>
<GrayBar text="Comunidades Tituladas e Certificadas por Ano" />
{data.gete1p2()[getStateExtendedName(this.state.clickedInMap).currentState] ? (
......@@ -257,10 +261,13 @@ class Eixo1 extends Component {
<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 - "+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>
<Card id="e1pannel-3" className={`${contrastString}pannel hoverable`} header={<CardTitle reveal waves='light'/>}
title={"Relação de Comunidades Quilombolas Certificadas"}
reveal={<div>{"Comunidades que já foram certificadas ou que estão em processo de titulação são oficialmente reconhecidas pelo Estado. Cada comunidade possui um identificador numérico e um nome pelo qual costuma ser chamada."}</div>}
>
<p className={`${contrastString}eixoSubHeader`}>Clique em uma comunidade para ter acesso ao mapa com informações detalhadas sobre ela.</p>
<p className={`${contrastString}eixoSubHeader`}>Clique sobre um título do gráfico para apresentar a listagem da informação desejada em ordem alfabética. </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 certificadas"} tam="fixo" />
......@@ -272,13 +279,18 @@ class Eixo1 extends Component {
data={this.state.data} pageSize={15} defaultSorted={[{ id: "ID", desc: false }]}
mode='normal'
onClick={this.openModal}
style={"cursor:pointer;"}
/>
<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 - "+getStateExtendedName(this.state.clickedInMap).currentState}>
<GrayBar text="por Estágio" />
{/*
<Card id="e1pannel-4" className={`${contrastString}pannel hoverable`} title="Etapas do Processo de Titulação"> */}
<Card id="e1pannel-4" className={`${contrastString}pannel hoverable`} header={<CardTitle reveal waves='light'/>}
title={"Etapas do Processo de Titulação"}
reveal={<div>{"O processo de titulação dos territórios quilombolas onde há comunidades certificadas passa pelas etapas de (1) RTID, (2) Publicação da Portaria, (3) Publicação do Decreto e (4) Titulação. Os valores desta tabela se referem ao percentual de processos em cada etapa com relação ao total de processos em andamento ou concluídos."}</div>}
>
<GrayBar text="por Etapa" />
{data.gete1p5()[getStateExtendedName(this.state.clickedInMap).currentState] ? (
<BuildPie data={data.gete1p5()[getStateExtendedName(this.state.clickedInMap).currentState]} dataKey="total" nameKey="estagio" />
) : (
......
......@@ -126,7 +126,7 @@ class Eixo3 extends Component {
</Col>
</Row>
<div className="e3pannels">
<Card id="e3pannel-1" className={`${contrastString}pannel hoverable`} title="Renda Média per Capita das Famílias Quilombolas">
<Card id="e3pannel-1" className={`${contrastString}pannel hoverable`} title="Renda mensal média per capita das Famílias Quilombolas no CadÚnico">
<Row>
<GrayBar text="por UF"/>
<Row>
......@@ -146,41 +146,47 @@ class Eixo3 extends Component {
/>
</Card>
<Card id="e3pannel-2" className={`${contrastString}pannel hoverable`} title={" Renda Média per Capita das Famílias Quilombolas - "+getStateExtendedName(this.state.clickedInMap).currentState}>
<BuildStackedBar
dataKey='Ano'
data={c[0]}
customKeys={totalrenda}
/>
<Loading id={'renda'}/>
<Card id="e3pannel-2" className={`${contrastString}pannel hoverable`} title="Renda mensal média per capita das Famílias Quilombolas">
<div id={'Renda média per capita' + type}>
<BuildStackedBar
dataKey='Ano'
data={c[0]}
customKeys={totalrenda}
/>
</div>
<Loading />
<CardFooter
data={serverURL + queries['Renda média per capita'] + ',uf&format=csv'}
source=" Cadastro Único para Programas Sociais (CadÚnico)"
/>
</Card>
<Card id="e3pannel-3" className={`${contrastString}pannel hoverable`} title={"Bolsa Família - "+getStateExtendedName(this.state.clickedInMap).currentState}>
<GrayBar text="Número total de famílias quilombolas que recebem Bolsa Família" />
<BuildBar
dataKey='Ano'
data={c[1]}
customKeys={pbf}
/>
<Loading id={'bolsa'}/>
<Card id="e3pannel-3" className={`${contrastString}pannel hoverable`} title="Programa 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'
data={c[1]}
customKeys={pbf}
/>
</div>
<Loading/>
<CardFooter
data={serverURL + queries['Bolsa Família'] + ',uf&format=csv'}
source=" Cadastro Único para Programas Sociais (CadÚnico)"
/>
</Card>
<Card id="e3pannel-5" className={`${contrastString}pannel hoverable`} title={"Extrativismo - "+getStateExtendedName(this.state.clickedInMap).currentState}>
<GrayBar text="Número total de famílias quilombolas que sobrevivem do extrativismo" />
<BuildBar
dataKey='Ano'
data={c[2]}
customKeys={extrativismo}
/>
<Loading id={'extrativismo'}/>
<Card id="e3pannel-5" className={`${contrastString}pannel hoverable`} title="Número total de famílias quilombolas que são extrativistas.">
<GrayBar text="Número total de famílias que sobrevivem do extrativismo" />
<div id={'Extrativismo' + type}>
<BuildBar
dataKey='Ano'
data={c[2]}
customKeys={extrativismo}
/>
</div>
<Loading/>
<CardFooter
data={serverURL + queries['Extrativismo'] + ',uf&format=csv'}
source=" Cadastro Único para Programas Sociais (CadÚnico)"
......
......@@ -33,24 +33,34 @@ class QuilombolaPresentation extends Component {
var contrastString = this.context.state.contrast;
return (
<div className="container">
<Card className='smaller' id={`${contrastString}cardAbout`} title="O Programa Brasil Quilombola (PBQ) reúne ações do Governo Federal para as comunidades quilombolas nas seguintes áreas:">
<div className={`${contrastString}apresentacao`}>
<ul>
<li>
<p><b>Eixo 1: Acesso à Terra -</b> execução e acompanhamento dos trâmites necessários para a regularização fundiária das áreas de quilombo, que constituem título coletivo de posse das terras tradicionalmente ocupadas. O processo se inicia com a certificação das comunidades e se encerra na titulação, que é a base para a implementação de alternativas de desenvolvimento para as comunidades, além de garantir a sua reprodução física, social e cultural;</p>
</li>
<li>
<p><b>Eixo 2: Infraestrutura e Qualidade de Vida -</b> consolidação de mecanismos efetivos para destinação de obras de infraestrutura (habitação, saneamento, eletrificação, comunicação e vias de acesso) e construção de equipamentos sociais.</p>
</li>
<li>
<p><b>Eixo 3: Desenvolvimento Local e Inclusão Produtiva -</b> apoio ao desenvolvimento produtivo local e autonomia econômica, baseado na identidade cultural e nos recursos naturais presentes no território, visando a sustentabilidade ambiental, social, cultural, econômica e política das comunidades;</p>
</li>
<li>
<p><b>Eixo 4: Direitos e Cidadania -</b> fomento de iniciativas de garantia de direitos promovidas por diferentes órgãos públicos e organizações da sociedade civil, estimulando a participação ativa dos representantes quilombolas nos espaços coletivos de controle e participação social, como os conselhos e fóruns locais e nacionais de políticas públicas, de modo a promover o acesso das comunidades ao conjunto das ações definidas pelo governo e seu envolvimento no monitoramento daquelas que sãoimplementadas em cada município onde houver comunidades remanescentes de quilombos. Ressalta-se as áreas de educação e saúde.</p>
</li>
</ul>
</div>
</Card>
<div className={`${contrastString}apresentacao`}>
<h5>O Programa Brasil Quilombola (PBQ) reúne ações do Governo Federal para as comunidades quilombolas nas seguintes áreas:</h5>
<br/>
<p>
As Comunidades Quilombolas constituem um dos segmentos elencados pelo §2º, art. 4º, do Decreto nº 8.750, de 9 de maio de 2016, que instituiu o Conselho Nacional dos Povos e Comunidades Tradicionais.
</p>
<p>
As comunidades quilombolas são grupos étnico-raciais, segundo critérios de autoatribuição, com trajetória histórica própria, dotados de relações territoriais específicas, com presunção de ancestralidade negra relacionada com a resistência à opressão histórica sofrida. Esses coletivos se caracterizam pela manutenção de um contínuo civilizatório africano no Brasil, constituindo territórios próprios marcados pela vivência comunitária, pelo acolhimento e pela prestação de serviços sociais, consistindo em uma importante referência de africanidade na sociedade brasileira
</p>
<p>
A Agenda Social Quilombola (Decreto nº 6.261/2007) reúne as ações do Governo Federal voltadas às Comunidades Quilombolas em quatro eixos: Acesso à Terra, Infraestrutura e Qualidade de Vida, Desenvolvimento Local e Inclusão Produtiva e Direitos e Cidadania, e tem como base o Programa Brasil Quilombola - PBQ:
</p>
<ul>
<li>
<p><b>Eixo 1:</b> Acesso à Terra - execução e acompanhamento dos trâmites necessários para a regularização fundiária das áreas de quilombo, que constituem título coletivo de posse das terras tradicionalmente ocupadas. O processo se inicia com a certificação das comunidades e se encerra na titulação dos territórios, que é a base para a implementação de alternativas de desenvolvimento para as comunidades, além de garantir a sua reprodução física, social e cultural.</p>
</li>
<li>
<p><b>Eixo 2:</b> Infraestrutura e Qualidade de Vida - consolidação de mecanismos efetivos para destinação de obras de infraestrutura (habitação, saneamento, eletrificação, comunicação e vias de acesso) e construção de equipamentos sociais.</p>
</li>
<li>
<p><b>Eixo 3:</b> Desenvolvimento Local e Inclusão Produtiva - apoio ao desenvolvimento produtivo local e autonomia econômica, baseado na identidade cultural e nos recursos naturais presentes no território, visando a sustentabilidade ambiental, social, cultural, econômica e política das comunidades.</p>
</li>
<li>
<p><b>Eixo 4:</b> Direitos e Cidadania - fomento de iniciativas de garantia de direitos promovidas por diferentes órgãos públicos e organizações da sociedade civil, estimulando a participação ativa dos representantes quilombolas nos espaços coletivos de controle e participação social, como os conselhos e fóruns locais e nacionais de políticas públicas. Desse modo, promove-se o acesso das comunidades ao conjunto das ações definidas pelo governo e seu envolvimento no monitoramento daquelas que são implementadas em cada município onde há comunidades remanescentes de quilombos. Destacam-se as áreas de educação e saúde.</p>
</li>
</ul>
</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