-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Ignacio Peluaga
committed
Mar 7, 2021
1 parent
33ca965
commit 6400edf
Showing
14 changed files
with
594 additions
and
34 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| node_modules |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,2 +1,5 @@ | ||
| # Entregable 3 | ||
|
|
||
| Entregable 3 de DGEU, opción A | ||
|
|
||
|  |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| .wrapper { | ||
| display: grid; | ||
| grid-template-columns: repeat(5, 1fr); | ||
| gap: 40px; | ||
| grid-auto-rows: minmax(100px, auto); | ||
| } | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,142 @@ | ||
| import * as React from 'react'; | ||
|
|
||
| // DATOS | ||
| var data = require('./db.json'); | ||
|
|
||
| interface IFilterFormState { | ||
| uni: string | ||
| tipo: string | ||
| area: string | ||
| results: [string, string][] | ||
| } | ||
|
|
||
| class FilterForm extends React.Component<{}, IFilterFormState> { | ||
|
|
||
| constructor(props: {}) { | ||
| super(props); | ||
| this.state = { | ||
| uni: "Universidad de Sevilla", | ||
| tipo: "Máster", | ||
| area: "Ingeniería", | ||
| results: [] | ||
| }; | ||
| this.queryDB = this.queryDB.bind(this); // TODO: check | ||
| } | ||
|
|
||
| public setUni(event: React.ChangeEvent<HTMLSelectElement>) { | ||
| let newState = { | ||
| uni: event.target.value, | ||
| tipo: this.state.tipo, | ||
| area: this.state.area, | ||
| results: this.state.results | ||
| } | ||
| this.setState(newState); | ||
| } | ||
| public setArea(event: React.ChangeEvent<HTMLSelectElement>) { | ||
| let newState = { | ||
| uni: this.state.uni, | ||
| tipo: this.state.tipo, | ||
| area: event.target.value, | ||
| results: this.state.results | ||
| } | ||
| this.setState(newState); | ||
| } | ||
| public setTipo(event: React.ChangeEvent<HTMLSelectElement>) { | ||
| let newState = { | ||
| uni: this.state.uni, | ||
| tipo: event.target.value, | ||
| area: this.state.area, | ||
| results: this.state.results | ||
| } | ||
| this.setState(newState); | ||
| } | ||
|
|
||
| public queryDB() { | ||
|
|
||
| //var res = [] | ||
| const res: [string, string][] = []; | ||
| for (var i = 0; i < data.length; i++) { | ||
|
|
||
| var obj = data[i]; | ||
| console.log(obj); | ||
|
|
||
| if (obj["university"] === this.state.uni) { | ||
|
|
||
| var uniWeb = obj["web"] | ||
|
|
||
| //console.log("") | ||
| //console.log(obj) | ||
| //console.log("") | ||
|
|
||
| var univ_degrees = obj["degrees"] | ||
| //console.log(univ_degrees) | ||
|
|
||
| for (var j = 0; j < univ_degrees.length; j++) { | ||
|
|
||
| //console.log(univ_degrees[j]) | ||
|
|
||
| if (this.state.tipo === "Máster" && univ_degrees[j]["name"].includes("Máster") && this.state.area === univ_degrees[j]["area"]) { | ||
| res.push([univ_degrees[j]["name"], uniWeb]) | ||
| } | ||
| else if (this.state.tipo === "Grado" && !univ_degrees[j]["name"].includes("Máster") && this.state.area === univ_degrees[j]["area"]) { | ||
| res.push([univ_degrees[j]["name"], uniWeb]) | ||
| } | ||
| } | ||
| } | ||
| } | ||
| console.log(res); | ||
| let newState = { | ||
| uni: this.state.uni, | ||
| tipo: this.state.tipo, | ||
| area: this.state.area, | ||
| results: res | ||
| } | ||
| this.setState(newState); | ||
| } | ||
|
|
||
| public render() { | ||
| return ( | ||
|
|
||
| <div> | ||
| <h3>Buscador de Titulaciones</h3> | ||
| <div><label>Universidad </label> | ||
| <select onChange={e => this.setUni(e)} > | ||
| <option value="Universidad de Sevilla">Universidad de Sevilla</option> | ||
| <option value="Universidad de Almería">Universidad de Almería</option> | ||
| <option value="Universidad de Cádiz">Universidad de Cádiz</option> | ||
| <option value="Universidad de Cordoba">Universidad de Cordoba</option> | ||
| <option value="Universidad de Granada">Universidad de Granada</option> | ||
| <option value="Universidad de Málaga">Universidad de Málaga</option> | ||
| <option value="Universidad de Huelva">Universidad de Huelva</option> | ||
| <option value="Universidad de Jaén">Universidad de Jaén</option> | ||
| <option value="Universidad Pablo de Olavide">Universidad Pablo de Olavide</option> | ||
| </select></div> | ||
|
|
||
| <div style={{ marginTop: "5px" }}><label>Area </label> | ||
| <select onChange={e => this.setArea(e)} > | ||
| <option value="Ingeniería">Ingenieria</option> | ||
| <option value="Ciencias">Ciencias</option> | ||
| <option value="Otros">Otras</option> | ||
| </select></div> | ||
|
|
||
| <div style={{ marginTop: "5px" }}><label>Tipo de Titulación</label> | ||
| <select onChange={e => this.setTipo(e)} > | ||
| <option value="Máster">Máster</option> | ||
| <option value="Grado">Grado</option> | ||
| </select></div> | ||
|
|
||
| <button style={{ marginTop: "15px" }} onClick={this.queryDB} type="button">Buscar</button> | ||
|
|
||
| <div style={{ marginTop: "15px" }}> | ||
| {this.state.results.map(degreeResult => | ||
| <div> | ||
| <p>{degreeResult[0]} <a target="_blank" rel="noreferrer" href={degreeResult[1]}>(Más Información)</a></p> | ||
| </div> | ||
| )} | ||
| </div> | ||
|
|
||
| </div> | ||
| ); | ||
| } | ||
| } | ||
| export default FilterForm; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.