Commit 973ead73 authored by Edu Trevisan's avatar Edu Trevisan

Update AfricanOrigin layout

parent e0f6ea7e
......@@ -22,9 +22,7 @@ along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
import React from 'react';
import NavigationBar from './Components/NavigationBar';
import AfricanCulture from './SubPages/AfricanCulture';
import AfricanSustainability from './SubPages/AfricanSustainability';
import AfricanRights from './SubPages/AfricanRights';
import AfricanIndicator from './SubPages/AfricanIndicator';
import { Tab, Tabs } from 'react-materialize';
import { Store } from './Store';
......@@ -38,12 +36,12 @@ function AfricanOrigin() {
// Get information about which page was accessed
const { state, dispatch } = React.useContext(Store);
var states = {"DIREITOS": false, "CULTURA": false, "SUSTENTABILIDADE":false}
var states = {"MATRIZ AFRICANA": false}
if (state.page.toUpperCase() in states) {
states[state.page.toUpperCase()] = true
}
else {
states["DIREITOS"] = true
states["MATRIZ AFRICANA"] = true
}
// Hook to set page context
......@@ -67,10 +65,12 @@ function AfricanOrigin() {
<NavigationBar/>
<div id='contentTabsDiv'>
<div id="conteudo" />
<Tabs className={`tab-demo z-depth-1 ${contrastString}mainPageDarkBlueTab`} onChange={whereIAm}>
<Tab title="Direitos" active={states["DIREITOS"]}> {states["DIREITOS"] ? <AfricanRights /> : <div />} </Tab>
<Tab title="Cultura" active={states["CULTURA"]}> {states["CULTURA"] ? <AfricanCulture /> : <div />} </Tab>
<Tab title="Sustentabilidade" active={states["SUSTENTABILIDADE"]}> {states["SUSTENTABILIDADE"] ? <AfricanSustainability /> : <div />} </Tab>
<Tabs
className={`tab-demo z-depth-1 ${contrastString}mainPageDarkBlueTab`} onChange={whereIAm}
>
<Tab title="Matriz Africana" active={states["MATRIZ AFRICANA"]}>
{states["MATRIZ AFRICANA"] ? <AfricanIndicator /> : <div />}
</Tab>
</Tabs>
</div>
</div>
......
......@@ -24,6 +24,7 @@ import MainCard from './Components/MainCard'
import { Col, Row } from 'react-materialize'
import './Styles/MainPage.css'
import { Store } from './Store'
/**
* Main page of the application, contains the cards with information and links for the sub pages. <br />
*/
......@@ -112,7 +113,7 @@ const text6 = <div>
const subpages1 = {'route': '/quilombolas', 'links':['EIXO 1', 'EIXO 2', 'EIXO 3', 'EIXO 4', 'SOBRE']}
const subpages2 = {'route': '/juventude', 'links':['VULNERABILIDADES', 'EDUCAÇÃO', 'TRABALHO']}
const subpages3 = {'route': '/ciganos', 'links':["POVOS CIGANOS"]}
const subpages4 = {'route': '/matrizAfricana', 'links':["DIREITOS", "CULTURA", "SUSTENTABILIDADE"]}
const subpages4 = {'route': '/matrizAfricana', 'links':["MATRIZ AFRICANA"]}
const subpages5 = {'route': '/cotas', 'links':['EVASÃO', 'CONCLUINTES', 'ESCOLARIDADE', 'FIES', 'PROUNI', 'FINANCIAMENTO', 'ATIVIDADE EXTRACURRICULAR', 'INGRESSO', 'APOIO SOCIAL', 'VAGAS OFERTADAS']}
const subpages6 = {route: 'participantesSinapir', 'links':['ESTADOS E MUNICÍPIOS PARTICIPANTES', 'CONVÊNIOS EM EXECUÇÃO']}
......
This diff is collapsed.
/*
Copyright (C) 2019 Centro de Computacao Cientifica e Software Livre
Departamento de Informatica - Universidade Federal do Parana - C3SL/UFPR
This file is part of Portal-SMPPIR-React.
Portal-SMPPIR-React is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
Portal-SMPPIR-React is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with Portal-SMPPIR-React. If not, see <https://www.gnu.org/licenses/>.
*/
/*###################*/
/*ELEMENTOS DA PAGINA*/
.eixoHeaderA{
color: #0e3958;
}
.eixoSubHeader{
color: black;
font-style: italic;
}
.clearmapbtn{
background-color: #ca3829;
}
.clearmapbtn:hover{
background-color: #710000;
}
.clearmapbtn:active{
background-color: #710000;
}
.clearmapbtn:focus{
background-color: #710000;
}
.clearmapbtn:visited{
background-color: #710000;
}
/*#################*/
/*GRID DOS PAINÉIS*/
.african1pannels {
display:grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(6,auto);
grid-gap: 1rem;
padding: 1rem;
grid-template-areas: "p1"
"p2"
"p3"
"p4"
"p5"
"p6";
}
@media only screen and (min-width: 1200px) {
.african1pannels{
display:grid;
grid-template-columns:3fr 3fr 3fr;
grid-template-rows: auto auto auto ;
grid-gap: 1rem;
padding: 1rem;
grid-template-areas:"p1 p2 p3"
"p1 p5 p5"
"p4 p5 p5"
"p4 p6 p6"
"bl p6 p6";
}
}
/*#################*/
/*ELEMENTOS DO GRID*/
#african1pannel-1{
grid-area: p1;
}
#african1pannel-2{
grid-area: p2;
}
#african1pannel-3{
grid-area: p3;
}
#african1pannel-4{
grid-area: p4;
}
#african1pannel-5{
grid-area: p5;
}
#african1pannel-6{
grid-area: p6;
}
#african1pannel-7{
grid-area: p7;
}
.card{
margin: 0;
}
.pannel{
background-color: #FFF;
}
/* Contrast Colors */
.ContrasteixoHeaderQ{
color: white;
}
.ContrasteixoSubHeader{
color: white;
font-style: italic;
}
.Contrastpannel{
color: yellow;
background-color: black;
border: 1px solid white;
}
.Contrastpannel > .card-content > .card-title{
color: yellow !important;
}
\ No newline at end of file
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