RedCrab/projet-nuitinfo-2024
8
0
Fork 0
generated from lucien/actix-react-template
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Création d'un formulaire basique

Browse source
This commit is contained in:
iMax 2024-12-06 05:58:13 +01:00
parent 6e77233ac0
commit 0e31e90af9
2 changed files with 16 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
front/src/components/NavBar.tsx
View file

@ -7,7 +7,7 @@ export default function NavBar(){
<nav style={{ display: "flex", alignItems: "center", justifyContent: "space-between", padding: "0.5em 1em"}}> <nav style={{ display: "flex", alignItems: "center", justifyContent: "space-between", padding: "0.5em 1em"}}>
<div style={{ display : "flex", alignItems: "center", flexDirection: "row"}}> <div style={{ display : "flex", alignItems: "center", flexDirection: "row"}}>
{/* <LogoButton url="/" logo = "https://archlinux.org/static/hetzner_logo.41114a37d25f.png"/> */} {/* <LogoButton url="/" logo = "https://archlinux.org/static/hetzner_logo.41114a37d25f.png"/> */}
<span class="material-symbols-outlined" <span className="material-symbols-outlined"
style={{fontSize: "4em", color: "white", margin: "0.5em"}}>sailing</span> style={{fontSize: "4em", color: "white", margin: "0.5em"}}>sailing</span>
<ClickableLink url="/" text = "Accueil" /> <ClickableLink url="/" text = "Accueil" />
<ClickableLink url="/game" text = "Jeu" /> <ClickableLink url="/game" text = "Jeu" />

16
front/src/pages/ChaosPage.tsx
View file

@ -28,7 +28,7 @@ export default function ChaosPage(){
const myArray = [1, 2, 3, 4, 5]; const myArray = [1, 2, 3, 4, 5];
const shuffledArray = shuffleArray(myArray); const shuffledArray = shuffleArray(myArray);
console.log(shuffledArray); // Affiche un tableau mélangé // console.log(shuffledArray); // Affiche un tableau mélangé
const [entry1,setEntry1] = useState("champ1") const [entry1,setEntry1] = useState("champ1")
@ -47,6 +47,9 @@ export default function ChaosPage(){
setFocus(()=>E); setFocus(()=>E);
} }
const [tel,setTel] = useState(0)
return( return(
<div> <div>
@ -62,6 +65,17 @@ export default function ChaosPage(){
rdmFront={randomFront} rdmFront={randomFront}
color={color}/> })} color={color}/> })}
</div> </div>
<fieldset>
<legend>Formulaire super mega bien</legend>
<input type="text" placeholder="nom"/>
<input type="text" placeholder="prenom"/>
<input type="text" placeholder="email"/>
<input type="text" placeholder="mdp"/>
<input type="text" placeholder="mdp2"/>
<label htmlFor="phone">phone : {tel}</label>
<input type="range" min="0" max="9999999999" step="1" name="phone" id="phone" value={tel} onChange={(e)=>setTel(parseInt(e.target.value))}/>
<input type="submit" value="envoyer"/>
</fieldset>
</div> </div>
) )
} }