Skip to content
Snippets Groups Projects
Commit e9c5a610 authored by Martina Font's avatar Martina Font
Browse files

add valoracion & camino

parent 18d2f499
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
.vscode/settings.json 0 → 100644
+ 1
− 0
View file @ e9c5a610
{}
\ No newline at end of file
ui/src/assets/fifa_logo.svg 0 → 100644
+ 85
− 0
View file @ e9c5a610
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="250"
height="100"
viewBox="0 0 250 100"
id="svg3069"
version="1.1"
inkscape:version="0.48.1 "
sodipodi:docname="easports fifa logo.svg"
style="fill:none">
<metadata
id="metadata3151">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs3149" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1280"
inkscape:window-height="657"
id="namedview3147"
showgrid="false"
inkscape:zoom="3.2848307"
inkscape:cx="172.04279"
inkscape:cy="39.966322"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg3069" />
<g
id="g3153"
transform="matrix(2.4230506,0,0,2.4230506,2.2436885,1.584983)">
<path
id="path3131"
d="m 51.6028,14.2192 h 9.6778 L 62.056,9.7226 H 46.6944 l -3.6398,20.5548 h 5.7197 l 1.3582,-7.7852 h 7.8265 l 0.78,-4.4967 h -7.7996 l 0.6634,-3.7763 z"
inkscape:connector-curvature="0"
style="fill:#000000" />
<path
id="path3133"
d="m 64.0597,9.7226 -3.6398,20.5548 h 5.6883 L 69.7481,9.7226 h -5.6884 z"
inkscape:connector-curvature="0"
style="fill:#000000" />
<path
id="path3135"
d="m 83.7873,17.9955 h -7.7996 l 0.6634,-3.7763 h 9.6778 l 0.78,-4.4966 H 71.7428 L 68.103,30.2774 h 5.7197 l 1.3582,-7.7852 h 7.8265 l 0.7799,-4.4967 z"
inkscape:connector-curvature="0"
style="fill:#000000" />
<path
id="path3137"
d="M 91.8783,9.69128 81.1068,30.2729 h 5.4866 l 1.7347,-3.6018 h 7.1317 l 0.4617,3.6018 h 5.6615 L 98.2614,9.69128 h -6.3831 v 0 z m -1.5017,12.68462 3.465,-7.4094 h 0.1166 l 0.9547,7.4094 h -4.5363 z"
inkscape:connector-curvature="0"
style="fill:#000000" />
<path
id="path3143"
d="M 20.0369,40 C 31.1029,40 40.0738,31.0457 40.0738,20 40.0738,8.9543 31.1029,0 20.0369,0 8.97082,0 0,8.9543 0,20 0,31.0457 8.97082,40 20.0369,40 z"
inkscape:connector-curvature="0"
style="fill:#000000" />
<path
id="path3145"
d="m 33.211,23.217 h 0.511 v 0.0895 h -0.2017 v 0.434 h -0.1031 v -0.434 H 33.2155 V 23.217 H 33.211 z M 9.31465,25.226 H 8.16264 c -0.25999,0 -0.3855,-0.1432 -0.3855,-0.4251 v -0.4564 c 0,-0.1297 0.03138,-0.2371 0.10758,-0.3221 0.06724,-0.085 0.16138,-0.1253 0.28241,-0.1253 H 9.0726 c 0.21516,0 0.35859,0.1029 0.42135,0.3132 l 0.12551,0.4385 h 0.82924 v -0.4833 c 0,-0.3221 -0.1076,-0.5906 -0.3227,-0.8053 C 9.90634,23.1454 9.63739,23.038 9.32362,23.038 H 7.98334 c -0.31378,0 -0.59169,0.1119 -0.81582,0.3356 -0.21964,0.2237 -0.3317,0.4922 -0.3317,0.8054 v 0.7785 c 0,0.3177 0.11206,0.5906 0.3317,0.8143 0.22861,0.2237 0.50204,0.3356 0.81582,0.3356 h 1.15649 c 0.25551,0 0.3855,0.1476 0.3855,0.4385 v 0.5906 c 0,0.1252 -0.03586,0.2326 -0.1031,0.3176 -0.07172,0.085 -0.16585,0.1253 -0.2824,0.1253 H 8.22091 c -0.23309,0 -0.37204,-0.1074 -0.43031,-0.3087 L 7.66957,26.7741 H 6.83582 v 0.5369 c 0,0.3266 0.10758,0.595 0.32274,0.8098 0.21516,0.2148 0.48411,0.3222 0.80685,0.3222 h 1.35821 c 0.31377,0 0.58721,-0.1119 0.81138,-0.3356 0.2196,-0.2193 0.3317,-0.4922 0.3317,-0.8143 v -0.9128 c 0,-0.3132 -0.1121,-0.5816 -0.3362,-0.8098 C 9.89738,25.3423 9.62843,25.226 9.31465,25.226 z m 5.53145,-1.8479 c 0.2241,0.2192 0.3362,0.4921 0.3362,0.8009 v 1.1364 c 0,0.3177 -0.1121,0.5862 -0.3362,0.8099 -0.2286,0.2237 -0.5021,0.3355 -0.8203,0.3355 h -1.4927 v 1.9822 h -0.9548 v -5.4005 h 2.4475 c 0.3182,0 0.5917,0.1074 0.8203,0.3356 z m -0.6231,0.9754 c 0,-0.1298 -0.0358,-0.2327 -0.1076,-0.3177 -0.0717,-0.085 -0.1658,-0.1253 -0.2734,-0.1253 h -1.3044 v 1.6779 h 1.3044 c 0.1121,0 0.2062,-0.0448 0.2734,-0.1253 0.0718,-0.085 0.1076,-0.1879 0.1076,-0.3177 v -0.7919 z m 9.5209,1.8568 0.9503,2.2327 h -1.0175 l -0.8831,-2.1119 h -0.91 v 2.1119 h -0.9592 v -5.4005 h 2.3937 c 0.3227,0 0.5916,0.1119 0.8158,0.3356 0.2241,0.2192 0.3362,0.4921 0.3362,0.8009 v 0.944 c 0,0.2461 -0.0673,0.4698 -0.2017,0.6667 -0.1345,0.1879 -0.3138,0.3266 -0.5245,0.4206 z m -0.2286,-1.8568 c 0,-0.1298 -0.0314,-0.2327 -0.1031,-0.3177 -0.0673,-0.085 -0.1614,-0.1253 -0.2734,-0.1253 h -1.2507 v 1.5436 h 1.2507 c 0.112,0 0.2017,-0.0402 0.2734,-0.1208 0.0672,-0.085 0.1031,-0.1879 0.1031,-0.3176 v -0.6622 z m 1.5644,-0.443 h 1.3761 v 4.528 h 0.9593 v -4.528 h 1.3896 V 23.038 h -3.7205 v 0.8725 h -0.0045 z m 6.9031,1.3155 h -1.152 c -0.2555,0 -0.3855,-0.1432 -0.3855,-0.4251 v -0.4564 c 0,-0.1297 0.0358,-0.2371 0.1031,-0.3221 0.0672,-0.085 0.1658,-0.1253 0.2824,-0.1253 h 0.9099 c 0.2152,0 0.3541,0.1029 0.4214,0.3132 l 0.1255,0.4385 h 0.8337 v -0.4833 c 0,-0.3221 -0.112,-0.5906 -0.3272,-0.8053 -0.2196,-0.2148 -0.4886,-0.3222 -0.8068,-0.3222 h -1.3358 c -0.3183,0 -0.5917,0.1119 -0.8114,0.3356 -0.2241,0.2237 -0.3362,0.4922 -0.3362,0.8054 v 0.7785 c 0,0.3177 0.1166,0.5906 0.3362,0.8143 0.2197,0.2237 0.4931,0.3356 0.8114,0.3356 h 1.152 c 0.26,0 0.3855,0.1476 0.3855,0.4385 v 0.5906 c 0,0.1252 -0.0359,0.2326 -0.1031,0.3176 -0.0717,0.085 -0.1659,0.1253 -0.2824,0.1253 h -0.9189 c -0.2287,0 -0.3721,-0.1074 -0.4304,-0.3087 L 30.3287,26.7741 H 29.495 v 0.5369 c 0,0.3266 0.1076,0.595 0.3227,0.8098 0.2197,0.2148 0.4841,0.3222 0.8114,0.3222 h 1.3537 c 0.3227,0 0.5917,-0.1119 0.8203,-0.3356 0.2241,-0.2193 0.3362,-0.4922 0.3362,-0.8143 v -0.9128 c 0,-0.3132 -0.1121,-0.5816 -0.3452,-0.8098 C 32.57,25.3423 32.301,25.226 31.9828,25.226 z m 2.3623,-2.009 -0.2062,0.3177 -0.2062,-0.3177 H 33.843 v 0.5235 h 0.0897 v -0.3222 c 0,-0.0179 -0.009,-0.0357 -0.009,-0.0581 0.009,0.0179 0.0224,0.0402 0.0314,0.0537 l 0.1703,0.2595 h 0.0179 l 0.1659,-0.2551 c 0.0134,-0.0179 0.0179,-0.0357 0.0269,-0.0581 -0.0045,0.0268 -0.0045,0.0447 -0.0045,0.0581 v 0.3222 h 0.0942 V 23.217 h -0.0807 v 0 z m -14.9179,0.1566 c 0.2286,0.2192 0.3407,0.4922 0.3407,0.8054 v 3.1051 c 0,0.3266 -0.1076,0.5996 -0.3407,0.8233 -0.2241,0.2237 -0.4931,0.3356 -0.8158,0.3356 h -1.291 c -0.3227,0 -0.5961,-0.1119 -0.8203,-0.3356 -0.2241,-0.2193 -0.3362,-0.4922 -0.3362,-0.8233 V 24.179 c 0,-0.3088 0.1166,-0.5817 0.3362,-0.8009 0.2242,-0.2237 0.4976,-0.3356 0.8203,-0.3356 h 1.291 c 0.3227,0 0.5872,0.1074 0.8158,0.3311 z m -0.6141,0.9799 c 0,-0.1298 -0.0358,-0.2327 -0.112,-0.3177 -0.0718,-0.085 -0.1614,-0.1253 -0.2735,-0.1253 h -0.9189 c -0.121,0 -0.2107,0.0403 -0.2824,0.1253 -0.0672,0.085 -0.1031,0.1879 -0.1031,0.3177 v 2.7695 c 0,0.1253 0.0314,0.2282 0.1031,0.3132 0.0717,0.0895 0.1659,0.1343 0.2824,0.1343 h 0.9189 c 0.1121,0 0.2017,-0.0448 0.2735,-0.1343 0.0762,-0.085 0.112,-0.1879 0.112,-0.3132 V 24.3535 z M 22.8474,9.25727 H 12.5466 l -1.5734,2.50113 10.2963,-0.0045 1.5779,-2.49663 z m 3.8998,7.49443 h -1.542 l -1.5823,2.5056 h 4.7111 l 1.5823,2.4966 h 3.0078 L 24.9542,9.16779 18.5531,19.2573 h -7.0017 l 1.6048,-2.5011 h 4.348 L 19.091,14.255 H 9.39085 L 7.80852,16.7562 H 10.135 l -3.17367,5.0022 13.04417,-0.0045 4.9487,-7.8434 1.793,2.8412 z"
inkscape:connector-curvature="0"
style="fill:#ffffff" />
</g>
</svg>
ui/src/pages/Home.tsx
+ 97
− 10
View file @ e9c5a610
import { Button, FormControl, InputLabel, MenuItem, Select } from "@mui/material";
import React, { useState } from 'react';
import { Box, Button, FormControl, InputLabel, MenuItem, Select, Toolbar, Typography } from "@mui/material";
import { Layout } from "../components";
const Home = () => {
const [playerValoracion, setPlayerValoracion] = useState("");
const [year, setYearValoracion] = useState("");
const [player1Camino, setPlayer1Camino] = useState("");
const [player2Camino, setPlayer2Camino] = useState("");
const valoracion = () => {
console.log("Player: ", playerValoracion);
console.log("Year: ", year);
};
const camino = () => {
console.log("Player 1: ", player1Camino);
console.log("Player 2: ", player2Camino);
}
return (
<Layout>
<h1>Estadísticas FIFA (2016-2022)</h1>
<Toolbar>
<Typography variant="h2" component="div" >
Estadísticas FIFA (2016-2022)
</Typography>
<Box sx={{ flexGrow: 0 }}>
{/* <img src={require("../assets/fifa_logo.svg")} alt="my logo" height="50" width="50" /> */}
</Box>
</Toolbar>
<h2>Valoración</h2>
<FormControl fullWidth>
<InputLabel id="demo-simple-select-label">Jugador</InputLabel>
<InputLabel id="player-label">Jugador</InputLabel>
<Select
labelId="demo-simple-select-label"
id="demo-simple-select"
value={1}
label="Age"
onChange={() => {}}
labelId="player-label"
id="player-select"
value={playerValoracion}
label="Age"
onChange={(e) => setPlayerValoracion(e.target.value)}
>
<MenuItem value={'Luis Suarez'}>Luis Suarez</MenuItem>
<MenuItem value={'Alexia Putellas'}>Alexia Putellas</MenuItem>
......@@ -22,8 +45,72 @@ const Home = () => {
<MenuItem value={'Lucy Bronze'}>Lucy Bronze</MenuItem>
</Select>
</FormControl>
<Button variant="contained">Buscar</Button>
<FormControl fullWidth sx={{marginTop: '1rem'}}>
<InputLabel id="year-label">Edición</InputLabel>
<Select
labelId="year-label"
id="year-select"
value={year}
label="Edición"
required
onChange={(e) => setYearValoracion(e.target.value)}
>
<MenuItem value={'2016'}>2016</MenuItem>
<MenuItem value={'2017'}>2017</MenuItem>
<MenuItem value={'2018'}>2018</MenuItem>
<MenuItem value={'2019'}>2019</MenuItem>
<MenuItem value={'2020'}>2020</MenuItem>
<MenuItem value={'2021'}>2021</MenuItem>
<MenuItem value={'2022'}>2022</MenuItem>
</Select>
</FormControl>
<Button
sx={{marginTop: '1rem'}}
variant="contained"
onClick={valoracion}
>
Buscar
</Button>
<h2>Camino mínimo entre jugadores</h2>
<FormControl fullWidth>
<InputLabel id="player-label">Jugador 1</InputLabel>
<Select
labelId="player-label"
id="player-select"
value={player1Camino}
label="Age"
onChange={(e) => setPlayer1Camino(e.target.value)}
>
<MenuItem value={'Luis Suarez'}>Luis Suarez</MenuItem>
<MenuItem value={'Leo Messi'}>Leo Messi</MenuItem>
<MenuItem value={'Manuel Neuer'}>Manuel Neuer</MenuItem>
</Select>
</FormControl>
<FormControl fullWidth sx={{marginTop: '1rem'}}>
<InputLabel id="year-label">Jugador 2</InputLabel>
<Select
labelId="year-label"
id="year-select"
value={player2Camino}
label="Edición"
required
onChange={(e) => setPlayer2Camino(e.target.value)}
>
<MenuItem value={'Rodrigo De Paul'}>Rodrigo De Paul</MenuItem>
<MenuItem value={'Paulo Dybala'}>Paulo Dybala</MenuItem>
<MenuItem value={'Paulo Dybala'}>Rodrigo Bentancur</MenuItem>
</Select>
</FormControl>
<Button
sx={{marginTop: '1rem'}}
variant="contained"
onClick={camino}
>
Buscar
</Button>
</Layout>
);
};
......
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