Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Revisar #22

Open
wants to merge 30 commits into
base: master
Choose a base branch
from
Open

Revisar #22

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
30 commits
Select commit Hold shift + click to select a range
7d0d1e6
Principios de maquetacion
Oralia Feb 27, 2020
a39f21e
cambios
abigail-sanlo Feb 27, 2020
363f4ed
editando estilo
abigail-sanlo Feb 28, 2020
a690898
Muestra los menus para cada pais y regresa a menu principal
Oralia Feb 28, 2020
7b33d34
Implementando Responsive Design
Oralia Mar 2, 2020
ab0e657
pages
Oralia Mar 2, 2020
83f99cd
implementando data
abigail-sanlo Mar 3, 2020
cc7be4e
primeros filtros
Oralia Mar 4, 2020
2f95833
Haciendo funciones para mostrar los indicadores en HTML
Oralia Mar 5, 2020
e6808f3
trabajando con los indicadores
Oralia Mar 6, 2020
283a942
Muestra el menu
Oralia Mar 10, 2020
6f390cc
probando
Oralia Mar 10, 2020
2094d15
Filtros para Brasil (se implementara para los 4 paises)
Oralia Mar 10, 2020
bb7e210
Filtro para cualquier pais, falta leer el pais
Oralia Mar 11, 2020
573eedf
haciendo la funcion para mostrat el menu de indicadores
Oralia Mar 11, 2020
4d429e3
Falta mostrar los filtros en la pantalla
Oralia Mar 11, 2020
5caee79
Muestra los indicadores para cada Pais, falta indicar el pais desde e…
Oralia Mar 12, 2020
283b599
Modifiando el estilo
Oralia Mar 12, 2020
1fec52e
Muestra las opciones para el indicador empleo, falta implementar los …
Oralia Mar 13, 2020
c685917
modificando readme
abigail-sanlo Mar 18, 2020
32796c6
modif readme
abigail-sanlo Mar 18, 2020
1337c3c
muestra el menu de indicadores y los indicadores para cada pais
Oralia Mar 18, 2020
0d7d917
Muestra el menu de incadores y los indicadores para cada pais
Oralia Mar 18, 2020
2765144
Se modifica el readme
Oralia Mar 18, 2020
784cf75
Grafica los datos
Oralia May 25, 2020
0755906
add graphics
Oralia Aug 14, 2020
46d84a8
modified style
Oralia Aug 19, 2020
e72c3b0
add README
Oralia Aug 21, 2020
4d2632a
Merge pull request #3 from Oralia/developmet
Oralia Aug 21, 2020
25e5910
Edit README
Oralia Aug 21, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
90 changes: 49 additions & 41 deletions src/data.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,74 +8,82 @@ console.log(data);

//Filtro que prporciona los ndicadores que contienen la palabra mujer en Peru

let newdataPeru = data.PER.indicators.filter(indicators=>
let newdataBrasil = data.BRA.indicators.filter(indicators=>
{
return indicators.indicatorName.includes("mujeres") && indicators.indicatorName.includes("empleo") // regExp
return indicators.indicatorName.includes("mujeres") && indicators.indicatorName.includes("Educación") // regExp
})

console.log(newdataPeru);
console.log(newdataBrasil);

//Funcion que retorna los nombres de los indicadores para Peru
for (var i = 0; i < newdataPeru.length; i++)
{
//Funcion que retorna los nombres de los indicadores para Peru
//for (var i = 0; i < newdataBrasil.length; i++)
//{

//let indicatorPeru=newdataBrasil[i].indicatorName;
//console.log(indicatorsSelectBrasil);

let indicatorPeru=newdataPeru[i].indicatorName;
console.log(indicatorPeru);
//}

}
for (let i = 0; i < newdataBrasil.length; i++) {
let indicatorList = document.getElementById("indicatorsSelectBrasil");
let indicator= document.createElement("option");
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Muy bien por crear las opciones dinámicas

//option.value = i;
indicator.text = newdataBrasil[i].indicatorName;
indicatorList.add(indicator);

}


//Filtro que prporciona los indicadores que contienen la palabra mujer en Mexico
//Filtro que prporciona los indicadores que contienen la palabra mujer en Mexico

//let newdataMexico = data.MEX.indicators.filter(indicator=>
//let newdataMexico = data.MEX.indicators.filter(indicator=>
//{
//return indicator.indicatorName.includes("mujeres")
//return indicator.indicatorName.includes("mujeres")
//}

//)
//console.log(newdataMexico);
//)
//console.log(newdataMexico);

//Filtro que prporciona los ndicadores que contienen la palabra mujer en Brasil
//Filtro que prporciona los ndicadores que contienen la palabra mujer en Brasil

//let newdataBrasil = data.BRA.indicators.filter(indicator=>
// {
//let newdataBrasil = data.BRA.indicators.filter(indicator=>
// {
// return indicator.indicatorName.includes("mujeres")
//}

//)
//console.log(newdataBrasil);
//)
//console.log(newdataBrasil);

//Filtro que prporciona los ndicadores que contienen la palabra mujer en Chile
//Filtro que prporciona los ndicadores que contienen la palabra mujer en Chile

//let newdataChile = data.CHL.indicators.filter(indicator=>
//let newdataChile = data.CHL.indicators.filter(indicator=>
//{
//return indicator.indicatorName.includes("mujeres")
//return indicator.indicatorName.includes("mujeres")
//}

//)
//console.log(newdataChile);
//)
//console.log(newdataChile);

//Para visualizar que hay en data
//console.log(datos(data));
//Para visualizar que hay en data
//console.log(datos(data));
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Todo el código comentado mejor eliminarlo



//Funcion que muestra el contenido de indicadores de Peru
//Funcion que muestra el contenido de indicadores de Peru

//function datosPerIn(obj) {
//return data.PER.indicators;
//}
//console.log(datosPerIn(data.PER.indicators));
//Imprimir
//function datosPerIn(obj) {
// return data.PER.indicators;
//}
//console.log(datosPerIn(data.PER.indicators));
//function datosPerIn(obj) {
//return data.PER.indicators;
//}
//console.log(datosPerIn(data.PER.indicators));
//Imprimir
//function datosPerIn(obj) {
// return data.PER.indicators;
//}
//console.log(datosPerIn(data.PER.indicators));

//Funcion que indica que los keys de indicadores de Mexico
//Funcion que indica que los keys de indicadores de Mexico

//function datosMex(obj) {
//return data.MEX.indicators;
//}
//function datosMex(obj) {
//return data.MEX.indicators;
//}

//console.log(datosMex(data.MEX.indicators));
//console.log(datosMex(data.MEX.indicators));
210 changes: 145 additions & 65 deletions src/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,7 @@
</ul>
</div>
</div>

<div class="col-10">
<div class="summary">
<p >En los paises latinoamericanos se ha modificado y creado leyes que apoyan alas mujeres en la vida política, violencia de género, sexualidad e igualdad y pese a que existen grandes avances aún hay retos que obstruyen garantizar los derechos de las mujeres.
Expand All @@ -41,69 +42,148 @@
<div id="screenBrasil">
<h2>Brasil</h2>
<p> Selecciona el indicador que deseas conocer</p>
<div class="menuBrasil">
<label for='indicadoresBrasil'> Educación </label>
<select id="indicadoresBrasil">
<option> </option>
</select>

<label for='indicadoresBrasil'> Empleo </label>
<select id="indicadoresBrasil">
<option> </option>
</select>

<label for='indicadoresBrasil'> Negocios</label>
<select id="indicadoresBrasil">
<option> </option>
</select>

<label for='indicadoresBrasil'> Población</label>
<select id="indicadoresBrasil">
<option> </option>
</select>

<label for='indicadoresBrasil'> Salud </label>
<select id="indicadoresBrasil">
<option> </option>
</select>

<label for='indicadoresBrasil'> violencia </label>
<select id="indicadoresBrasil">
<option> </option>
</select>
</div>
<label for='indicadoresBrasil'> Educación </label>
<select class="indicatorsSelectBrasil" id="indicatorsSelectBrasil">
<option label="Seleccione indicador" value="-"></option>
</select>


<label for='indicadoresBrasil'> Empleo </label>
<select id="indicadoresBrasil">
<option>1 </option>
</select>

<label for='indicadoresBrasil'> Negocios</label>
<select id="indicadoresBrasil">
<option> 1</option>
</select>

<label for='indicadoresBrasil'> Población</label>
<select id="indicadoresBrasil">
<option> 1</option>
</select>

<label for='indicadoresBrasil'> Salud </label>
<select id="indicadoresBrasil">
<option> 1</option>
</select>

<label for='indicadoresBrasil'> violencia </label>
<select id="indicadoresBrasil">
<option> 1</option>
</select>

<br>
<button id="menu" class="menu">Menu Principal</button>
</div>

<div id="screenChile">
<h2>Chile</h2>
<p> Selecciona el indicador que deseas conocer</p>
<label for='indicadoresChile'> Educación </label>
<select id="indicadoresChile">
<option> 1</option>
</select>

<label for='indicadoresChile'> Empleo </label>
<select id="indicadoresChile">
<option>1 </option>
</select>

<label for='indicadoresChile'> Negocios</label>
<select id="indicadoresChile">
<option> 1</option>
</select>

<label for='indicadoresChile'> Población</label>
<select id="indicadoresChile">
<option> 1</option>
</select>

<label for='indicadoresChile'> Salud </label>
<select id="indicadoresChile">
<option> 1</option>
</select>

<label for='indicadoresChile'> violencia </label>
<select id="indicadoresChile">
<option> 1</option>
</select>
<br>
<button id="menu1" class="menu">Menu Principal</button>
</div>
<br>
<button id="menu" class="menu">Menu Principal</button>
</div>

<div id="screenChile">
<h2>Chile</h2>
<p> Selecciona los datos que deseas saber</p>
<button id="year" class="desicion">Año</button>
<button id="situacion" class="desicion">Indicador</button>
<br>
<button id="menu1" class="menu">Menu Principal</button>
</div>

<div id="screenMexico">
<h2>México</h2>
<p> Selecciona los datos que deseas saber</p>
<button id="year" class="desicion">Año</button>
<button id="situacion" class="desicion">Indicador</button>
<br>
<button id="menu2" class="menu">Menu Principal</button>
</div>

<div id="screenPeru">
<h2>Perú</h2>
<p>Selecciona los datos que deseas saber</p>
<button id="year" class="desicion">Año</button>
<button id="situacion" class="desicion">Indicador</button>
<br>
<button id="menu3" class="menu">Menu Principal</button>
</div>


</body>
</html>

<div id="screenMexico">
<h2>México</h2>
<p> Selecciona el indicador que deseas conocer</p>
<label for='indicadoresMexico'> Educación </label>
<select id="indicadoresMexico">
<option> 1</option>
</select>

<label for='indicadoresMexico'> Empleo </label>
<select id="indicadoresMexico">
<option>1 </option>
</select>

<label for='indicadoresMexico'> Negocios</label>
<select id="indicadoresMexico">
<option> 1</option>
</select>

<label for='indicadoresMexico'> Población</label>
<select id="indicadoresMexico">
<option> 1</option>
</select>

<label for='indicadoresMexico'> Salud </label>
<select id="indicadoresMexico">
<option> 1</option>
</select>

<label for='indicadoresMexico'> violencia </label>
<select id="indicadoresMexico">
<option> 1</option>
</select>
<br>
<button id="menu2" class="menu">Menu Principal</button>
</div>

<div id="screenPeru">
<h2>Perú</h2>
<p> Selecciona el indicador que deseas conocer</p>
<label for='indicadoresPeru'> Educación </label>
<select id="indicadoresPeru'">
<option> 1</option>
</select>

<label for='indicadoresPeru'> Empleo </label>
<select id="indicadoresPeru">
<option>1 </option>
</select>

<label for='indicadoresPeru'> Negocios</label>
<select id="indicadoresPeru">
<option> 1</option>
</select>

<label for='indicadoresPeru'> Población</label>
<select id="indicadoresPeru">
<option> 1</option>
</select>

<label for='indicadoresPeru'> Salud </label>
<select id="indicadoresPeru">
<option> 1</option>
</select>

<label for='indicadoresPeru'> violencia </label>
<select id="indicadoresPeru">
<option> 1</option>
</select>
<br>
<button id="menu3" class="menu">Menu Principal</button>
</div>

</body>
</html>