Commit 67d55e9c authored by ns17's avatar ns17

Fixing graphs automatic updates and adding more explanations

parent 2d157458
......@@ -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 !== 'student_loans') {
this.props.mapClick()
}
}
......
......@@ -160,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}}>
......@@ -185,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'}/>
......@@ -308,11 +311,21 @@ class QuotasAdmission extends Component {
default:
console.log("404");
}
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;
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'}
......
......@@ -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,7 +34,6 @@ 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();
......@@ -103,10 +103,10 @@ class QuotasExtracurricularAct extends Component {
<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>
<MapPanel
onChange={this.updateCharts}
onChange={this.updateCharts}
getDDValues={this.getDDValues}
getData={this.getData}
location={type}
getData={this.getData}
location={type}
/>
</div>
</Col>
......@@ -161,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}}>
......@@ -187,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'}/>
......@@ -310,24 +313,23 @@ class QuotasExtracurricularAct extends Component {
default:
console.log("404");
}
// 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;
// }
// this.getDataFromServer(route, head);
// }
// else{
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);
// }
}
this.getDataFromServer(route, head);
}
getHeader(e) {
......
......@@ -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 que tiveram contrato ativo no FIES em pelo menos um mês do respectivo ano e cursavam 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}}>
......@@ -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
......
......@@ -161,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}}>
......@@ -187,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}}>
......@@ -328,11 +331,21 @@ class QuotasSocialSupport extends Component {
default:
console.log("404");
}
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;
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