Nouvel utilisateur plus complet

This commit is contained in:
Jean-Daniel Lamontagne 2022-11-01 09:15:55 -04:00
parent 1bf3a5de86
commit 6c4b29503a
2 changed files with 33 additions and 17 deletions

View File

@ -3,7 +3,7 @@ import { Button } from "react-bootstrap";
const Login = () => {
const [username, setUsername] = useState("");
const [adresse, setAdresse] = useState("");
const [password, setPassword] = useState("");
const [kookees, setCookies] = useState("");
@ -16,7 +16,7 @@ const Login = () => {
'Accept': 'application/json',
'Content-Type': 'application/json'
},
body: JSON.stringify({ username, password })
body: JSON.stringify({ adresse, password })
})
// Partie de display d'erreur ou de redirection (faudrait checker pour se faire un state de connexion avec un cookie pour react).
@ -28,11 +28,11 @@ const Login = () => {
<form className="form-horizontal" onSubmit={handleLogin}>
<h4 className="text-center">Connexion</h4>
<div className="form-group">
<label>Nom Utilisateur: </label>
<label>Adresse courriel </label>
<input className="form-control form-input" type='text'
placeholder="Nom de l'utilisateur..."
value={username}
onChange={(e) => setUsername(e.target.value)} />
placeholder="Adresse..."
value={adresse}
onChange={(e) => setAdresse(e.target.value)} />
</div>
<div className="form-group">
<label>Mot de passe: </label>

View File

@ -3,8 +3,8 @@ import { Button } from "react-bootstrap";
const Register = () => {
const [username, setUsername] = useState("");
const [password, setPassword] = useState("");
//const [username, setUsername] = useState("");
//const [password, setPassword] = useState("");
const handleLogin = async (e) => {
e.preventDefault();
@ -15,7 +15,7 @@ const Register = () => {
'Accept': 'application/json',
'Content-Type': 'application/json'
},
body: JSON.stringify({ username, password })
//body: JSON.stringify({ username, password })
})
// Partie de display d'erreur ou de redirection (faudrait checker pour se faire un state de connexion).
@ -27,18 +27,34 @@ const Register = () => {
<form className="form-horizontal" onSubmit={handleLogin}>
<h4 className="text-center">Nouvel utilisateur</h4>
<div className="form-group">
<label>Nom Utilisateur: </label>
<input className="form-control form-input" type='text'
placeholder="Votre nom..."
value={username}
onChange={(e) => setUsername(e.target.value)} />
<label>Prénom: </label>
<input type='text' className="form-control form-input"
placeholder="Votre prénom..."/>
</div>
<div className="form-group">
<label>Nom: </label>
<input type='text' className="form-control form-input"
placeholder="Votre Nom..."/>
</div>
<div className="form-group">
<label>Numéro de téléphone: </label>
<input type='text' className="form-control form-input"
placeholder="Votre numéro de téléphone..."/>
</div>
<div className="form-group">
<label>Adresse civique: </label>
<input type='text' className="form-control form-input"
placeholder="Votre adresse..."/>
</div>
<div className="form-group">
<label>Adresse courriel: </label>
<input type='text' className="form-control form-input"
placeholder="Votre adresse courrirel..."/>
</div>
<div className="form-group">
<label>Mot de passe: </label>
<input type='password' className="form-control form-input"
placeholder="Mot de passe..."
value={password}
onChange={(e) => setPassword(e.target.value)} />
placeholder="Mot de passe..."/>
</div>
<div className="form-group">
<label>Pour un acount admin, entrer le mot de passe. Sinon laisser vide: </label>