Commit 37cb478f authored by Henrique Varella Ehrenfried's avatar Henrique Varella Ehrenfried

Merge branch 'updating_front' into 'development'

Updating front

See merge request !64
parents a84d09f8 2bef83b2
......@@ -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()
}
}
......
......@@ -260,7 +260,13 @@ class Eixo1 extends Component {
<Card id="e1pannel-3" className={`${contrastString}pannel hoverable`} title="Relação de Comunidades Quilombolas Certificadas">
<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>
{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" />
)}
<PageTable columns={['ID', 'Comunidade', 'Território', 'Status INCRA', 'Etapa FCP', 'UF', 'Mapa']}
data={this.state.data} pageSize={15} defaultSorted={[{ id: "ID", desc: false }]}
......
......@@ -33,6 +33,8 @@ import AutocompleteApp from '../Components/AutocompleteApp';
import Loading from '../Components/Loading';
import CardFooter from '../Components/CardFooter';
import { Store } from '../Store';
import MapPanel from '../Components/MapPanel';
import WhereViewing from '../Components/WhereViewing';
const serverURL = getServerURL();
const type = "admission";
......@@ -97,16 +99,26 @@ class QuotasAdmission extends Component {
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<div className={`${contrastString}subpage-margin`}>
<h5 className={`${contrastString}quota-title`}>Ingresso</h5>
<p className={`${contrastString}quota-subTitle`}>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes que ingressaram na universidade através da Lei 12.711/2012 (Lei de cotas).</p>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo. Cada uma das seções apresentam dados referentes ao Brasil.</p>
<p className={`${contrastString}quota-subTitle`}> Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes que ingressaram na universidade através da Lei 12.711/2012 (Lei de cotas).</p>
<MapPanel
onChange={this.updateCharts}
getDDValues={this.getDDValues}
getData={this.getData}
location={type}
/>
</div>
</Col>
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo. Cada uma das seções apresentam dados referentes ao Brasil (quando não selecionado nenhum filtro) ou região/estado selecionados.</p>
<Collapsible onClick={this.getHeader}>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Turno'>
<div id={'Turno'+type}>
<p>O gráfico abaixo apresenta o número total de estudantes (declarados negros, pardos e indígenas) que ingressaram na universidade através da Lei de cotas, separados de acordo com o turno de seus cursos.</p>
<WhereViewing
region = {this.state.ddValues.regiao}
uf = {this.state.ddValues.estado}
/>
<BuildStackedBar
dataKey='Ano'
data={organizeJson(this.state.charts['Turno'], "ds_turno_aluno")}
......@@ -132,7 +144,14 @@ class QuotasAdmission extends Component {
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sexo'>
<div id={'Sexo'+type}>
<p>O gráfico abaixo apresenta o número total de estudantes (declarados negros, pardos e indígenas) que ingressaram na universidade através da Lei de cotas, separados por sexo.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sexo'], "ds_sexo_aluno")}/>
<WhereViewing
region = {this.state.ddValues.regiao}
uf = {this.state.ddValues.estado}
/>
<BuildStackedBar
dataKey='Ano'
data={organizeJson(this.state.charts['Sexo'], "ds_sexo_aluno")}
/>
</div>
<Loading/>
<CardFooter
......@@ -141,10 +160,12 @@ class QuotasAdmission extends Component {
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso'>
<p>Digite o nome de um curso para ver um gráfico apresentando o total de estudantes (declarados negros, pardos e indígenas) que ingressaram nele através da Lei de cotas.</p>
<p>Quando mudar o filtro de região/uf no mapa acima, apertar o botão "BUSCAR" abaixo para atualizar os dados.</p>
<AutocompleteApp whichAutocomplete={'course'}
mainPage={type} chartDiv={'no_curso'}
saveData={this.getDataFromAutocomplete}
useMap={false}
filterRegion={this.state.ddValues.regiao}
filterUF={this.state.ddValues.estado}
/>
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'no_curso'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
......@@ -166,7 +187,8 @@ class QuotasAdmission extends Component {
chartDiv={'no_ies'}
saveData={this.getDataFromAutocomplete}
getTags={this.saveAutocompleteContent}
useMap={false}
filterRegion={this.state.ddValues.regiao}
filterUF={this.state.ddValues.estado}
/>
<BuildBiaxialBars data={this.state.charts['Instituição de Ensino']} nameKey={'no_ies'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
......@@ -184,7 +206,14 @@ class QuotasAdmission extends Component {
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sócio Racial'>
<div id={'Sócio Racial'+type}>
<p> O gráfico abaixo apresenta o número total de estudantes que ingressaram na universidade através da Lei de cotas, separados de acordo com a sua declaração de cor/raça.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sócio Racial'], "ds_cor_raca_aluno")}/>
<WhereViewing
region = {this.state.ddValues.regiao}
uf = {this.state.ddValues.estado}
/>
<BuildStackedBar
dataKey='Ano'
data={organizeJson(this.state.charts['Sócio Racial'], "ds_cor_raca_aluno")}
/>
</div>
<Loading/>
<CardFooter
......@@ -282,11 +311,21 @@ class QuotasAdmission extends Component {
default:
console.log("404");
}
if (this.state.ddValues.estado !== null) {
route = route + "&filter=state:" + this.state.ddValues.estado;
} else
if (this.state.ddValues.regiao !== null) {
route = route + "&filter=region:" + this.state.ddValues.regiao;
if (head === 'Sócio Racial'){
if (this.state.ddValues.estado !== null) {
route = route + "&filter=uf:" + this.state.ddValues.estado;
} else
if (this.state.ddValues.regiao !== null) {
route = route + "&filter=region:" + this.state.ddValues.regiao;
}
}
else{
if (this.state.ddValues.estado !== null) {
route = route + ",uf:" + this.state.ddValues.estado;
} else
if (this.state.ddValues.regiao !== null) {
route = route + ",region:" + this.state.ddValues.regiao;
}
}
this.getDataFromServer(route, head);
}
......
......@@ -154,7 +154,8 @@ class QuotasEvader extends Component {
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso'>
<p>Digite o nome de um curso para ver um gráfico apresentando o total de evasores dele que ingressaram através da Lei de cotas. Estão incluídos indivíduos de todas as cores/raças.</p>
<p>Digite o nome de um curso para ver um gráfico apresentando o total de evasores dele que ingressaram através da Lei de cotas. Estão incluídos indivíduos de todas as cores/raças.</p>
<p>Quando mudar o filtro de região/uf no mapa acima, apertar o botão "BUSCAR" abaixo para atualizar os dados.</p>
<AutocompleteApp
whichAutocomplete={'course'}
mainPage={'evader'}
......@@ -295,7 +296,6 @@ class QuotasEvader extends Component {
createRoute(header) {
var route;
let head = header.trim()
let rc = '1'
switch (head) {
case 'Turno':
route = type+'?dims=shift';
......@@ -311,16 +311,15 @@ class QuotasEvader extends Component {
break;
case 'Sócio Racial':
route = type+"?dims=ethnic";
rc = '0'
break;
default:
console.log("404");
}
if (this.state.ddValues.estado !== null) {
route = rc === '1' ? route + ",uf:" + this.state.ddValues.estado : route + "&filter=uf:" + this.state.ddValues.estado;
} else
route = route + "&filter=uf:" + this.state.ddValues.estado;
} else
if (this.state.ddValues.regiao !== null) {
route = rc === '1' ? route + ",region:" + this.state.ddValues.regiao : route + "&filter=region:" + this.state.ddValues.regiao ;
route = route + "&filter=region:" + this.state.ddValues.regiao;
}
this.getDataFromServer(route, head);
}
......
......@@ -22,6 +22,7 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
import React, { Component } from 'react';
import {Col, Row } from 'react-materialize';
import MapPanel from '../Components/MapPanel';
import { Collapsible } from 'react-materialize'
import CollapsibleContainer from '../Components/CollapsibleContainer';
import './Styles/QuotasExtracurricularAct.css';
......@@ -33,6 +34,7 @@ import AutocompleteApp from '../Components/AutocompleteApp';
import Loading from '../Components/Loading';
import CardFooter from '../Components/CardFooter';
import { Store } from '../Store';
import WhereViewing from '../Components/WhereViewing';
const serverURL = getServerURL();
const type = "extracurricular_activities";
......@@ -100,15 +102,25 @@ class QuotasExtracurricularAct extends Component {
<div className={`${contrastString}subpage-margin`}>
<h5 className={`${contrastString}quota-title`}>Atividade Extracurricular</h5>
<p className={`${contrastString}quota-subTitle`}>Abaixo encontram-se, separados por categoria, os dados relacionados às atividades extracurriculares de estudantes que ingressaram na universidade através da Lei 12.711/2012 (Lei de cotas). Atividades extracurriculares são todas as atividades que o estudante realiza além das aulas propostas na grade de um curso.</p>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo. Cada uma das seções apresentam dados referentes ao Brasil.</p>
<MapPanel
onChange={this.updateCharts}
getDDValues={this.getDDValues}
getData={this.getData}
location={type}
/>
</div>
</Col>
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo. Cada uma das seções apresentam dados referentes ao Brasil (quando não selecionado nenhum filtro) ou região/estado selecionados.</p>
<Collapsible onClick={this.getHeader}>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Turno'>
<div id={'Turno'+type}>
<p>O gráfico abaixo apresenta o número total de estudantes (declarados negros, pardos e indígenas) que realizam alguma atividade extracurricular e que ingressaram na universidade através da Lei de cotas, separados de acordo com o turno de seus cursos.</p>
<WhereViewing
region = {this.state.ddValues.regiao}
uf = {this.state.ddValues.estado}
/>
<BuildStackedBar
dataKey='Ano'
data={organizeJson(this.state.charts['Turno'], "ds_turno_aluno")}
......@@ -134,7 +146,14 @@ class QuotasExtracurricularAct extends Component {
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sexo'>
<div id={'Sexo'+type}>
<p>O gráfico abaixo apresenta o número total de estudantes (declarados negros, pardos e indígenas) que realizam alguma atividade extracurricular e que ingressaram na universidade através da Lei de cotas, separados por sexo.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sexo'], "ds_sexo_aluno")}/>
<WhereViewing
region = {this.state.ddValues.regiao}
uf = {this.state.ddValues.estado}
/>
<BuildStackedBar
dataKey='Ano'
data={organizeJson(this.state.charts['Sexo'], "ds_sexo_aluno")}
/>
</div>
<Loading/>
<CardFooter
......@@ -142,11 +161,13 @@ class QuotasExtracurricularAct extends Component {
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso'>
<p>Digite o nome de um curso para ver um gráfico apresentando o total de estudantes (declarados negros, pardos e indígenas) que realizam alguma atividade extracurricular e que ingressaram no curso através da Lei de cotas.</p>
<p>Digite o nome de um curso para ver um gráfico apresentando o total de estudantes (declarados negros, pardos e indígenas) que realizam alguma atividade extracurricular e que ingressaram no curso através da Lei de cotas.</p>
<p>Quando mudar o filtro de região/uf no mapa acima, apertar o botão "BUSCAR" abaixo para atualizar os dados.</p>
<AutocompleteApp whichAutocomplete={'course'}
mainPage={type} chartDiv={'no_curso'}
saveData={this.getDataFromAutocomplete}
useMap={false}
saveData={this.getDataFromAutocomplete}
filterRegion={this.state.ddValues.regiao}
filterUF={this.state.ddValues.estado}
/>
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'no_curso'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
......@@ -168,7 +189,8 @@ class QuotasExtracurricularAct extends Component {
chartDiv={'no_ies'}
saveData={this.getDataFromAutocomplete}
getTags={this.saveAutocompleteContent}
useMap={false}
filterRegion={this.state.ddValues.regiao}
filterUF={this.state.ddValues.estado}
/>
<BuildBiaxialBars data={this.state.charts['Instituição de Ensino']} nameKey={'no_ies'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
......@@ -186,7 +208,14 @@ class QuotasExtracurricularAct extends Component {
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sócio Racial'>
<div id={'Sócio Racial'+type}>
<p> O gráfico abaixo apresenta o número total de estudantes que realizam alguma atividade extracurricular e que ingressaram na universidade através da Lei de cotas, separados de acordo com a sua declaração de cor/raça.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sócio Racial'], "ds_cor_raca_aluno")}/>
<WhereViewing
region = {this.state.ddValues.regiao}
uf = {this.state.ddValues.estado}
/>
<BuildStackedBar
dataKey='Ano'
data={organizeJson(this.state.charts['Sócio Racial'], "ds_cor_raca_aluno")}
s/>
</div>
<Loading/>
<CardFooter
......@@ -284,11 +313,21 @@ class QuotasExtracurricularAct extends Component {
default:
console.log("404");
}
if (this.state.ddValues.estado !== null) {
route = route + "&filter=state:" + this.state.ddValues.estado;
} else
if (this.state.ddValues.regiao !== null) {
route = route + "&filter=region:" + this.state.ddValues.regiao;
if (head === 'Sócio Racial'){
if (this.state.ddValues.estado !== null) {
route = route + "&filter=uf:" + this.state.ddValues.estado;
} else
if (this.state.ddValues.regiao !== null) {
route = route + "&filter=region:" + this.state.ddValues.regiao;
}
}
else{
if (this.state.ddValues.estado !== null) {
route = route + ",uf:" + this.state.ddValues.estado;
} else
if (this.state.ddValues.regiao !== null) {
route = route + ",region:" + this.state.ddValues.regiao;
}
}
this.getDataFromServer(route, head);
}
......
......@@ -118,7 +118,7 @@ class QuotasFies extends Component {
<Collapsible onClick={this.getHeader}>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sexo'>
<div id={'Sexo' + type}>
<p>O gráfico abaixo apresenta o número total de estudantes negros financiados pelo FIES, separados por sexo. </p>
<p> O gráfico abaixo apresenta o número total de estudantes negros, separados por sexo, que tiveram contrato ativo no FIES em pelo menos um mês do respectivo ano. </p>
<WhereViewing
region = {this.state.ddValues.regiao}
uf = {this.state.ddValues.estado}
......@@ -135,7 +135,8 @@ class QuotasFies extends Component {
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<p>Digite o nome de um curso para ver um gráfico apresentando o total de estudantes negros financiados pelo FIES que cursam ele.</p>
<p> Digite o nome de um curso para ver um gráfico apresentando o total de estudantes negros que tiveram contrato ativo no FIES em pelo menos um mês do respectivo ano e cursavam ele.</p>
<p>Quando mudar o filtro de região/uf no mapa acima, apertar o botão "BUSCAR" abaixo para atualizar os dados.</p>
<AutocompleteApp whichAutocomplete={'course'} mainPage={type} chartDiv={'ds_curso'} saveData={this.getDataFromAutocomplete} />
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'ds_curso'} dataKey={'total'} dataKey2={'percentage'} year={'nu_ano'}/>
<div style={{border:"solid 1px gray", padding:5}}>
......@@ -151,7 +152,7 @@ class QuotasFies extends Component {
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Instituição de Ensino'>
<p> Digite o nome de uma instituição de ensino para ver um gráfico apresentando o total de estudantes negros financiados pelo FIES que estudam nela.</p>
<p> Digite o nome de uma instituição de ensino para ver um gráfico apresentando o total de estudantes negros que tiveram contrato ativo no FIES em pelo menos um mês do respectivo ano e estudaram nela.</p>
<AutocompleteApp
whichAutocomplete={'institution'}
mainPage={type}
......@@ -178,7 +179,7 @@ class QuotasFies extends Component {
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sócio Racial'>
<div id={'Sócio Racial' + type}>
<p> O gráfico abaixo apresenta o número total de estudantes financiados pelo FIES, separados de acordo com a sua declaração de cor/raça.</p>
<p> O gráfico abaixo apresenta o número total de estudantes financiados pelo FIES, separados de acordo com a sua declaração de cor/raça, que tiveram contrato ativo no FIES em pelo menos um mês do respectivo ano.</p>
<WhereViewing
region = {this.state.ddValues.regiao}
uf = {this.state.ddValues.estado}
......@@ -194,7 +195,7 @@ class QuotasFies extends Component {
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Tipo de Financiamento'>
<p> O gráfico abaixo apresenta o número total de estudantes negros financiados pelo FIES, separados de acordo com o tipo do financiamento.</p>
<p> O gráfico abaixo apresenta o número total de estudantes negros financiados pelo FIES, separados de acordo com o tipo do financiamento, que tiveram contrato ativo no FIES em pelo menos um mês do respectivo ano.</p>
<div id={'Tipo de Financiamento' + type}>
<WhereViewing
region = {this.state.ddValues.regiao}
......@@ -239,7 +240,7 @@ class QuotasFies extends Component {
onChange={this.updatePercent}
/>
</p>
<h6>Exibindo o número total de pessoas negras com <b>{this.state.percent}%</b> de financiamento do FIES.</h6>
<h6>Exibindo o número total de estudantes negros com <b>{this.state.percent}%</b> de financiamento do FIES, que tiveram contrato ativo em pelo menos um mês do respectivo ano.</h6>
<div id={'Porcentagem de Financiamento' + type}>
<BuildBar
dataKey='Ano'
......@@ -352,7 +353,7 @@ class QuotasFies extends Component {
default:
console.log("404");
}
if (head !== 'Sócio Racial') {
if (head !== 'Sócio Racial' || head !== 'Instituição de Ensino') {
if (this.state.ddValues.estado !== null) {
route = route + ",uf:" + this.state.ddValues.estado;
} else
......
......@@ -159,6 +159,7 @@ class QuotasGraduate extends Component {
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<p>Digite o nome de um curso para ver um gráfico apresentando o total de concluintes dele que ingressaram através da Lei de cotas. Estão incluídos indivíduos de todas as cores/raças.</p>
<p>Quando mudar o filtro de região/uf no mapa acima, apertar o botão "BUSCAR" abaixo para atualizar os dados.</p>
<AutocompleteApp whichAutocomplete={'course'} mainPage={type} chartDiv={'no_curso'} saveData={this.getDataFromAutocomplete} />
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'no_curso'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
......
......@@ -129,7 +129,8 @@ class QuotasOfferVacancies extends Component {
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<p>Digite o nome de um curso para visualizar um gráfico apresentando o total de vagas para cotistas ofertadas por ele.</p>
<p>Digite o nome de um curso para visualizar um gráfico apresentando o total de vagas para cotistas ofertadas por ele.</p>
<p>Quando mudar o filtro de região/uf no mapa acima, apertar o botão "BUSCAR" abaixo para atualizar os dados.</p>
<div>
<AutocompleteApp whichAutocomplete={'course'} mainPage={type} chartDiv={'no_curso'} saveData={this.getDataFromAutocomplete} />
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Curso'], "tipo_cota")} height={450}/>
......
......@@ -145,7 +145,8 @@ class QuotasPROUNI extends Component {
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<p>Digite o nome de um curso para ver um gráfico apresentando o total de estudantes negros participantes do PROUNI dele.</p>
<p>Digite o nome de um curso para ver um gráfico apresentando o total de estudantes negros participantes do PROUNI dele.</p>
<p>Quando mudar o filtro de região/uf no mapa acima, apertar o botão "BUSCAR" abaixo para atualizar os dados.</p>
<AutocompleteApp whichAutocomplete={'course'} mainPage={type} chartDiv={'nome_curso_bolsa'} saveData={this.getDataFromAutocomplete} />
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'nome_curso_bolsa'} dataKey={'total'} dataKey2={'percentage'} year={'ano_concessao_bolsa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
......@@ -289,7 +290,7 @@ createRoute(header) {
default:
console.log("404");
}
if(head !== 'Sócio Racial'){
if(head !== 'Sócio Racial' || head !== 'Curso' || head !== 'Instituição de Ensino'){
if (this.state.ddValues.estado !== null) {
route = route + ",uf:" + this.state.ddValues.estado;
} else
......
......@@ -34,6 +34,8 @@ import Loading from '../Components/Loading';
import CardFooter from '../Components/CardFooter';
import MultiSelector from '../Components/MultiSelector';
import { Store } from '../Store'
import MapPanel from '../Components/MapPanel';
import WhereViewing from '../Components/WhereViewing';
const serverURL = getServerURL();
const type = "social_support";
......@@ -100,15 +102,25 @@ class QuotasSocialSupport extends Component {
<div className={`${contrastString}subpage-margin`}>
<h5 className={`${contrastString}quota-title`}>Apoio Social</h5>
<p>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes beneficiados com algum tipo de apoio social que ingressaram na universidade através da Lei 12.711/2012 (Lei de cotas). </p>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo. Cada uma das seções apresentam dados referentes ao Brasil.</p>
<MapPanel
onChange={this.updateCharts}
getDDValues={this.getDDValues}
getData={this.getData}
location={type}
/>
</div>
</Col>
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo. Cada uma das seções apresentam dados referentes ao Brasil (quando não selecionado nenhum filtro) ou região/estado selecionados.</p>
<Collapsible onClick={this.getHeader}>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Turno'>
<p>O gráfico abaixo apresenta o número total de estudantes (declarados negros, pardos e indígenas) com apoio social que ingressaram na universidade através da Lei de cotas, separados de acordo com o turno de seus cursos.</p>
<div id={'Turno'+type}>
<WhereViewing
region = {this.state.ddValues.regiao}
uf = {this.state.ddValues.estado}
/>
<BuildStackedBar
dataKey='Ano'
data={organizeJson(this.state.charts['Turno'], "ds_turno_aluno")}
......@@ -134,7 +146,14 @@ class QuotasSocialSupport extends Component {
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sexo'>
<div id={'Sexo'+type}>
<p>O gráfico abaixo apresenta o número total de estudantes (declarados negros, pardos e indígenas) com apoio social que ingressaram na universidade através da Lei de cotas, separados por sexo.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sexo'], "ds_sexo_aluno")}/>
<WhereViewing
region = {this.state.ddValues.regiao}
uf = {this.state.ddValues.estado}
/>
<BuildStackedBar
dataKey='Ano'
data={organizeJson(this.state.charts['Sexo'], "ds_sexo_aluno")}
/>
</div>
<Loading/>
<CardFooter
......@@ -142,11 +161,13 @@ class QuotasSocialSupport extends Component {
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso'>
<p>Digite o nome de um curso para ver um gráfico apresentando o total de estudantes (declarados negros, pardos e indígenas) com apoio social que ingressaram nele através da Lei de cotas.</p>
<p>Digite o nome de um curso para ver um gráfico apresentando o total de estudantes (declarados negros, pardos e indígenas) com apoio social que ingressaram nele através da Lei de cotas.</p>
<p>Quando mudar o filtro de região/uf no mapa acima, apertar o botão "BUSCAR" abaixo para atualizar os dados.</p>
<AutocompleteApp whichAutocomplete={'course'}
mainPage={type} chartDiv={'no_curso'}
saveData={this.getDataFromAutocomplete}
useMap={false}
filterRegion={this.state.ddValues.regiao}
filterUF={this.state.ddValues.estado}
/>
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'no_curso'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
......@@ -168,7 +189,8 @@ class QuotasSocialSupport extends Component {
chartDiv={'no_ies'}
saveData={this.getDataFromAutocomplete}
getTags={this.saveAutocompleteContent}
useMap={false}
filterRegion={this.state.ddValues.regiao}
filterUF={this.state.ddValues.estado}
/>
<BuildBiaxialBars data={this.state.charts['Instituição de Ensino']} nameKey={'no_ies'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
......@@ -185,7 +207,14 @@ class QuotasSocialSupport extends Component {
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sócio Racial'>
<div id={'Sócio Racial'+type}>
<p> O gráfico abaixo apresenta o número total de estudantes com apoio social que ingressaram na universidade através da Lei de cotas, separados de acordo com a sua declaração de cor/raça.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sócio Racial'], "ds_cor_raca_aluno")}/>
<WhereViewing
region = {this.state.ddValues.regiao}
uf = {this.state.ddValues.estado}
/>
<BuildStackedBar
dataKey='Ano'
data={organizeJson(this.state.charts['Sócio Racial'], "ds_cor_raca_aluno")}
/>
</div>
<Loading/>
<CardFooter
......@@ -302,11 +331,21 @@ class QuotasSocialSupport extends Component {
default:
console.log("404");
}
if (this.state.ddValues.estado !== null) {
route = route + "&filter=state:" + this.state.ddValues.estado;
} else
if (this.state.ddValues.regiao !== null) {
route = route + "&filter=region:" + this.state.ddValues.regiao;
if (head === 'Sócio Racial'){
if (this.state.ddValues.estado !== null) {
route = route + "&filter=uf:" + this.state.ddValues.estado;
} else
if (this.state.ddValues.regiao !== null) {
route = route + "&filter=region:" + this.state.ddValues.regiao;
}
}
else{
if (this.state.ddValues.estado !== null) {
route = route + ",uf:" + this.state.ddValues.estado;
} else
if (this.state.ddValues.regiao !== null) {
route = route + ",region:" + this.state.ddValues.regiao;
}
}
this.getDataFromServer(route, head);
}
......
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