Commit 0b788d79 authored by Edu Trevisan's avatar Edu Trevisan

Update Brasil Map responsivity

parent 2d332908
......@@ -59,6 +59,9 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
.mainPageDarkBlue:hover{
text-decoration: underline;
}
.mainPageYellow:hover{
text-decoration: underline;
}
.spacingInCard{
margin-top: 15px;
......
......@@ -152,9 +152,7 @@ class AfricanIndicator extends Component {
<Map getMapClick={this.getMapClick} />
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
<Row>
<UfBar ufname={uf}/>
</Row>
<UfBar ufname={uf}/>
</Card>
<Card id="african1pannel-2" className={`${contrastString}pannel hoverable`} title="Famílias pertencentes a Comunidade de Terreiro">
......
......@@ -152,9 +152,7 @@ class CiganosIndicator extends Component {
<Map getMapClick={this.getMapClick} />
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
<Row>
<UfBar ufname={uf}/>
</Row>
<UfBar ufname={uf}/>
</Card>
<Card id="ciganos1pannel-2" className={`${contrastString}pannel hoverable`} title="Famílias pertencentes a Comunidade de Ciganos">
......
......@@ -221,10 +221,11 @@ class Eixo1 extends Component {
<div className="e1pannels">
<Card id="e1pannel-1" className={`${contrastString}pannel hoverable`} title="Certificações Emitidas">
<GrayBar text="por UF" />
<BrasilMap getMapClick={this.getMapClick} />
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
<Row>
<GrayBar text="por UF" />
<BrasilMap getMapClick={this.getMapClick} />
<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>
......
......@@ -157,17 +157,15 @@ class Eixo2 extends Component {
<Map getMapClick={this.getMapClick}/>
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
<Row>
{c[0] ? (
<UfBar img={family} ufname={uf} val={c[0][c[0].length-1].total + " familias"}/>
):(
<UfBar img={family} ufname={uf} val="Sem informação"/>
)}
<CardFooter
data={serverURL + queries['Número de famílias']+',uf&format=csv'}
source = " Cadastro Único para Programas Sociais (CadÚnico)"
/>
</Row>
{c[0] ? (
<UfBar img={family} ufname={uf} val={c[0][c[0].length-1].total + " familias"}/>
):(
<UfBar img={family} ufname={uf} val="Sem informação"/>
)}
<CardFooter
data={serverURL + queries['Número de famílias']+',uf&format=csv'}
source = " Cadastro Único para Programas Sociais (CadÚnico)"
/>
</Card>
<Card id="e2pannel-2" className={`${contrastString}pannel hoverable`} title="Abastecimento e Escoamento Sanitário nos Domicílios Cadastrados">
......
......@@ -139,17 +139,15 @@ class Eixo3 extends Component {
<Map getMapClick={this.getMapClick} />
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
<Row>
{c[0] ? (
<UfBar img={coins} ufname={uf} val={"R$ " + c[0][c[0].length-1]['average']} />
) : (
<UfBar img={coins} ufname={uf} val="Sem informação" />
)}
<CardFooter
data={serverURL + queries['Renda média per capita'] + ',uf&format=csv'}
source=" Cadastro Único para Programas Sociais (CadÚnico)"
/>
</Row>
{c[0] ? (
<UfBar img={coins} ufname={uf} val={"R$ " + c[0][c[0].length-1]['average']} />
) : (
<UfBar img={coins} ufname={uf} val="Sem informação" />
)}
<CardFooter
data={serverURL + queries['Renda média per capita'] + ',uf&format=csv'}
source=" Cadastro Único para Programas Sociais (CadÚnico)"
/>
</Card>
<Card id="e3pannel-2" className={`${contrastString}pannel hoverable`} title="Renda média das famílias Quilombolas">
......
......@@ -137,22 +137,20 @@ class Eixo4 extends Component {
</Row>
<div className="e4pannels">
<Card id="e4pannel-1" className={`${contrastString}pannel hoverable`} title="População quilombola no CadÚnico">
<GrayBar text="por UF" />
<Row>
<GrayBar text="por UF" />
<Map getMapClick={this.getMapClick} />
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
<Row>
{c[0] ? (
<UfBar img={family} ufname={uf} val={c[0][c[0].length - 1].total + " pessoas"} />
) : (
<UfBar img={family} ufname={uf} val="Sem informação" />
)}
<CardFooter
data={serverURL + queries['Número de pessoas'] + ',uf&format=csv'}
source=" Cadastro Único para Programas Sociais (CadÚnico)"
/>
</Row>
{c[0] ? (
<UfBar img={family} ufname={uf} val={c[0][c[0].length - 1].total + " pessoas"} />
) : (
<UfBar img={family} ufname={uf} val="Sem informação" />
)}
<CardFooter
data={serverURL + queries['Número de pessoas'] + ',uf&format=csv'}
source=" Cadastro Único para Programas Sociais (CadÚnico)"
/>
</Card>
<Card id="e4pannel-2" className={`${contrastString}pannel hoverable`} title="Escolaridade">
......
......@@ -157,7 +157,7 @@ class SinapirMembers extends Component {
</Col>
</Row>
<div className="sinapir1pannels">
<Card title="Nível de adesão de estados" id="sinapir1pannel-1" className={`${contrastString}pannel hoverable adesaoTable`}>
<Card title="Nível de adesão de estados" id="sinapir1pannel-1" className={`${contrastString}pannel hoverable`}>
<Col className="mapCenter">
<Row>
<HeatBR
......@@ -188,7 +188,7 @@ class SinapirMembers extends Component {
</Col>
</Card>
<Card title="Nível de adesão de municípios" id="sinapir1pannel-2" className={`${contrastString}pannel hoverable adesaoTable`}>
<Card title="Nível de adesão de municípios" id="sinapir1pannel-2" className={`${contrastString}pannel hoverable`}>
<PageTable columns={["Estado", "Município", "Modalidade da Gestão", "Data da adesão"]}
mode={'normal'}
data={this.municipiosTable()}
......
......@@ -151,12 +151,13 @@ class YouthJob extends Component {
</Row>
<div className="jv3pannels">
<Card id="jv3pannel-1" className={`${contrastString}pannel hoverable`} title="Renda Média dos Jovens Negros (R$)">
<GrayBar text="Pretos e pardos, entre 15 e 29 anos, por UF" />
<Map getMapClick={this.getMapClick}
clicked={this.state.clickedInMap}
/>
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
<Row>
<GrayBar text="Pretos e pardos, entre 15 e 29 anos, por UF" />
<Map getMapClick={this.getMapClick}
clicked={this.state.clickedInMap}
/>
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
<UfBar ufname={getStateExtendedName(this.state.clickedInMap).currentState} />
<Table body={this.vetoriza(this.state.charts['Renda Media'])} header={['Renda Média']} />
<CardFooter data={serverURL + earningsData + '&format=csv'} source=" Pesquisa Nacional por Amostra de Domicílios Continua(PNAD Continua), IBGE (2012-2018)" />
......
......@@ -88,10 +88,11 @@ class YouthVulnerabilities extends Component {
<div className="jv1pannels">
<Card id="jv1pannel-1" className={`${contrastString}pannel hoverable`} title="Taxa de Homicídios de Jovens Negros (por 100 Mil)">
<Row>
<Map getMapClick={this.getMapClick}/>
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
</Row>
<Map getMapClick={this.getMapClick}/>
<Button className="clearmapbtn" onClick={this.clearMap}> Limpar Mapa </Button>
<p>Refere-se ao número de homicídios por 100 mil jovens, por Estado em que residem. Consideram-se jovens as pessoas na faixa etária de 15 a 29 anos. Apenas jovens pretos e pardos são considerados.</p>
<UfBar ufname={getStateExtendedName(this.state.clickedInMap).currentState} img={group} val={data.getvup1()[getStateExtendedName(this.state.clickedInMap).currentState]['Taxa de Homicídios (Negros, 15 a 29 anos)'] + " por cem mil"}/>
<CardFooter data={csv1} source="Sistema de Informações de Mortalidade (SIM) (MS, 2014) e Pesquisa Nacional de Amostras de Domicílios (IBGE, 2014)"/>
......
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