Commit 48f9a189 authored by ns17's avatar ns17

Adding map in admission, extracurricular activities and social support

parent a84d09f8
......@@ -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
......@@ -184,7 +203,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
......@@ -283,7 +309,7 @@ class QuotasAdmission extends Component {
console.log("404");
}
if (this.state.ddValues.estado !== null) {
route = route + "&filter=state:" + this.state.ddValues.estado;
route = route + "&filter=uf:" + this.state.ddValues.estado;
} else
if (this.state.ddValues.regiao !== null) {
route = route + "&filter=region:" + this.state.ddValues.regiao;
......
......@@ -295,7 +295,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 +310,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);
}
......
......@@ -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 = "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
......@@ -186,7 +205,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
......@@ -285,7 +311,7 @@ class QuotasExtracurricularAct extends Component {
console.log("404");
}
if (this.state.ddValues.estado !== null) {
route = route + "&filter=state:" + this.state.ddValues.estado;
route = route + "&filter=uf:" + this.state.ddValues.estado;
} else
if (this.state.ddValues.regiao !== null) {
route = route + "&filter=region:" + this.state.ddValues.regiao;
......
......@@ -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,7 @@ 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>
<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 +151,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 +178,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 +194,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 +239,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'
......
......@@ -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
......@@ -185,7 +204,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
......@@ -303,7 +329,7 @@ class QuotasSocialSupport extends Component {
console.log("404");
}
if (this.state.ddValues.estado !== null) {
route = route + "&filter=state:" + this.state.ddValues.estado;
route = route + "&filter=uf:" + this.state.ddValues.estado;
} else
if (this.state.ddValues.regiao !== null) {
route = route + "&filter=region:" + this.state.ddValues.regiao;
......
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