Commit d98571fc authored by Edu Trevisan's avatar Edu Trevisan

Responsivity improvements

parent e9fcb03f
......@@ -76,8 +76,11 @@ class Table extends Component {
}
render() {
const tableHeight = (this.props.height ? this.props.height : 550);
return (
<div className={this.props.divClasses}>
<div className={this.props.divClasses} style={{maxHeight:tableHeight+'px'}}>
<table id={this.props.id} className={this.props.classes}>
<thead>
{this.props.extraHeader ? this.loadExtraHeader() : null}
......
src/Images/ciganos.png

63.1 KB | W: | H:

src/Images/ciganos.png

383 KB | W: | H:

src/Images/ciganos.png
src/Images/ciganos.png
src/Images/ciganos.png
src/Images/ciganos.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -25,7 +25,7 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
height: 100%;
width: 100%;
overflow: auto;
max-height: 550px;
/* max-height: 550px; */
/* margin: 0px 0px;
padding: 0px 0px; */
/* overflow-x: scroll; */
......
......@@ -217,7 +217,7 @@ class AfricanIndicator extends Component {
/>
</Card>
<Card id="african1pannel-6" className={`${contrastString}pannel hoverable`} title="Localização do Domicílio">
{/* <Card id="african1pannel-6" className={`${contrastString}pannel hoverable`} title="Localização do Domicílio">
<AutocompleteApp
whichAutocomplete={'african_culture'}
mainPage={'african_culture'} chartDiv={'location_homes_african'}
......@@ -236,7 +236,7 @@ class AfricanIndicator extends Component {
data={serverURL + queries['Localização do Domicílio'] + ',uf&format=csv'}
source=" Cadastro Único para Programas Sociais (CadÚnico)"
/>
</Card>
</Card> */}
</div>
</div>
......
......@@ -216,7 +216,7 @@ class CiganosIndicator extends Component {
/>
</Card>
<Card id="ciganos1pannel-6" className={`${contrastString}pannel hoverable`} title="Localização do Domicílio">
{/* <Card id="ciganos1pannel-6" className={`${contrastString}pannel hoverable`} title="Localização do Domicílio">
<AutocompleteApp
whichAutocomplete={'ciganos_culture'}
mainPage={'ciganos_culture'} chartDiv={'location_homes_Ciganos'}
......@@ -235,7 +235,7 @@ class CiganosIndicator extends Component {
data={serverURL + queries['Escolaridade'] + ',uf&format=csv'}
source=" Cadastro Único para Programas Sociais (CadÚnico)"
/>
</Card>
</Card> */}
</div>
</div>
......
......@@ -162,7 +162,7 @@ class Eixo1 extends Component {
>
{this.state.modalOpen ?
<Row>
<Col s={6}>
<Col s={12} l={6}>
{ (this.state.clickedRow && this.state.clickedRow.lat) ?
<Map
center={this.state.clickedRow.lat ? [this.state.clickedRow.lat, this.state.clickedRow.lng] : this.shapeMap()[0][0][1]}
......@@ -180,7 +180,7 @@ class Eixo1 extends Component {
/>
</Map> : <span>Não há mapas disponíveis para está comunidade.</span>}
</Col>
<Col s={6}>
<Col s={12} l={6}>
<Table className="striped">
<tbody>
<tr>
......
......@@ -53,7 +53,7 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
.e1pannels{
display:grid;
grid-template-columns: auto;
grid-template-rows: repeat(5,auto);
grid-template-rows: repeat(4,auto);
grid-gap: 1rem;
padding: 1rem;
grid-template-areas: "pan1"
......@@ -113,6 +113,7 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
.pannel{
background-color: #FFF;
overflow-y: auto;
}
......@@ -139,11 +140,12 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
/* Map css */
.leaflet-container {
height: 51vh;
width: 40vw;
height: 45vh;
/* width: 40vw; */
margin: 0 auto;
}
.map-modal {
width: 90%;
height: 90vh;
}
\ No newline at end of file
......@@ -70,6 +70,7 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
.pannel{
background-color: #FFF;
overflow-y: auto;
}
/* Contrast Colors */
......
......@@ -70,8 +70,7 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
"pan1 pan2 pan6"
"pan4 pan5 pan6"
"pan4 pan5 pan8"
"pan7 pan7 pan8"
"pan7 pan7 blank";
"pan7 pan7 pan8";
}
}
......
......@@ -97,7 +97,7 @@ class YouthVulnerabilities extends Component {
</Card>
<Card id="jv1pannel-2" className={`${contrastString}pannel hoverable`} title="Índice de Vulnerabilidade à Violência (IVJ)">
<Table header={["Unidade Federal","IVJ"]} body ={data.getvup2()} classes="striped smallCells" divClasses="scrolltable"/>
<Table header={["Unidade Federal","IVJ"]} body ={data.getvup2()} classes="striped smallCells" divClasses="scrolltable" height='700'/>
<span>Indicador composto por dados referentes à violência entre os jovens, pobreza, desigualdade, frequência à escola e situação de emprego. Seu índice varia de 0 a 1, sendo quanto mais próximo de 1 maior a vulnerabilidade à violência dos jovens.</span>
<UfBar ufname={getStateExtendedName(this.state.clickedInMap).currentState} img={group} val={"IVJ: " + data.getvup22()[getStateExtendedName(this.state.clickedInMap).currentState].IVJ}/>
<CardFooter data={csv2} source=" Relatório do Índice de Vulnerabilidade Juvenil à Violência e do Índice de Vulnerabilidade Juvenil à Violência e Desigualdade Racial, 2017"/>
......@@ -139,7 +139,7 @@ class YouthVulnerabilities extends Component {
</Card>
<Card id="jv1pannel-8" className={`${contrastString}pannel hoverable`} title="Municípios que Aderiram ao Plano">
<Table header={["Nome","UF","Data de adesão"]} body ={this.fixDataP8(data.getvup8()[getStateExtendedName(this.state.clickedInMap).currentState])} classes="striped smallCells" divClasses="scrolltable"/>
<Table header={["Nome","UF","Data de adesão"]} body ={this.fixDataP8(data.getvup8()[getStateExtendedName(this.state.clickedInMap).currentState])} classes="striped smallCells" divClasses="scrolltable" height='950'/>
<CardFooter data={csv8} source="Sistema de Informações de Mortalidade (SIM) (MS, 2010) e Censo Demográfico (IBGE, 2010)"/>
......
......@@ -58,7 +58,7 @@ export function getServerURL() {
// return "//smppirhomologa.c3sl.ufpr.br:4545/api/v1/"
// return '//localhost:4000/api/v1/'
//caso for fazer build para homologa, utilizar o return de baixo ao invés do de cima
return "//seppirhomologa.c3sl.ufpr.br/data/api/v1/"
return "https://seppirhomologa.c3sl.ufpr.br/data/api/v1/"
}
export function homeURL() {
// Get the current URL
......
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