Ajout de la page admin opérationnelle

master
Jeremy DUCOURTHIAL 3 years ago
parent 4c9b6007ec
commit 2ae20c4acc

@ -36,7 +36,6 @@ function Admin_create() {
const formData = new FormData(event.currentTarget); const formData = new FormData(event.currentTarget);
const values = Object.fromEntries(formData.entries()); const values = Object.fromEntries(formData.entries());
{/* Verif value login exist déja */}
console.log(values.firstname); console.log(values.firstname);
api.get('/User/Exist/'+ values.login).then((response) => { api.get('/User/Exist/'+ values.login).then((response) => {
const login = response.data; const login = response.data;

@ -2,10 +2,11 @@ import axios from 'axios'
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import NavigationAdmin from '../components/NavigationAdmin.js'; import NavigationAdmin from '../components/NavigationAdmin.js';
import Admin from './Admin_create.js'; import Admin from './Admin_create.js';
import { useLocation } from "react-router-dom" import { useLocation } from "react-router-dom";
import Select, { SelectChangeEvent } from '@mui/material/Select'; import Select, { SelectChangeEvent } from '@mui/material/Select';
import MenuItem from '@mui/material/MenuItem'; import MenuItem from '@mui/material/MenuItem';
import { NavLink } from 'react-router-dom'; import { NavLink } from 'react-router-dom';
import { useNavigate } from "react-router-dom";
const api = axios.create({ const api = axios.create({
baseURL: 'http://localhost:8080' baseURL: 'http://localhost:8080'
@ -24,6 +25,8 @@ function Admin_modif() {
const [mail, setMail] = useState(); const [mail, setMail] = useState();
const [login, setLogin] = useState(); const [login, setLogin] = useState();
const navigate = useNavigate();
useEffect(() =>{ useEffect(() =>{
api.get('/Role/All/').then((response) => { api.get('/Role/All/').then((response) => {
setRoles(response.data); setRoles(response.data);
@ -38,9 +41,9 @@ function Admin_modif() {
setLastName(response.data[0].lastname); setLastName(response.data[0].lastname);
setFirstName(response.data[0].firstname); setFirstName(response.data[0].firstname);
setLogin(response.data[0].login);
setPhone(response.data[0].phone); setPhone(response.data[0].phone);
setMail(response.data[0].mail); setMail(response.data[0].mail);
setLogin(response.data[0].login);
}); });
}, []); }, []);
@ -81,12 +84,13 @@ function Admin_modif() {
api.put(apiString, values).then((response) => { api.put(apiString, values).then((response) => {
console.log(response.data); console.log(response.data);
}); });
navigate("/Admin_list");
} }
return ( return (
<div className="page_admin"> <div className="page_admin">
<NavigationAdmin /> <NavigationAdmin />
{/* Create a admin page */}
<div className="Titre_Formulaire"> <div className="Titre_Formulaire">
<p className="Titre">Admin</p> <p className="Titre">Admin</p>
<p className="Sous-titre">Modification d'utilisateur</p> <p className="Sous-titre">Modification d'utilisateur</p>
@ -97,15 +101,16 @@ function Admin_modif() {
<div className="texte_côté"> <div className="texte_côté">
<p>Nom :</p> <p>Nom :</p>
<p>Prénom :</p> <p>Prénom :</p>
<p>Login :</p>
<p>Rôle :</p> <p>Rôle :</p>
<p>Identifiant :</p> <p>Téléphone :</p>
<p>Identifiant :</p> <p>Mail :</p>
<p>Mot de passe :</p>
</div> </div>
</tr> </tr>
<tr> <tr>
<input id="nom" value={lastName} onChange={handleChangeLastName} name="lastname" className="texte_zone" type="text" placeholder="Nom..." required/> <input id="nom" value={lastName} onChange={handleChangeLastName} name="lastname" className="texte_zone" type="text" placeholder="Nom..." required/>
<input id="prenom" value={firstName} onChange={handleChangeFirstName} name="firstname" className="texte_zone" type="text" placeholder="Prénom..." required/> <input id="prenom" value={firstName} onChange={handleChangeFirstName} name="firstname" className="texte_zone" type="text" placeholder="Prénom..." required/>
<input id="identifiant" value={login} onChange={handleChangeLogin} name="login" className="texte_zone" type="text" placeholder="Identifiant..." required/>
<Select <Select
name="idrole" name="idrole"
value={selectedIdRole} value={selectedIdRole}
@ -121,9 +126,7 @@ function Admin_modif() {
<input id="identifiant" value={login} onChange={handleChangeLogin} name="login" className="texte_zone" type="text" placeholder="Identifiant..." required/> <input id="identifiant" value={login} onChange={handleChangeLogin} name="login" className="texte_zone" type="text" placeholder="Identifiant..." required/>
</tr> </tr>
<tr> <tr>
<div className="button_submit"> <NavLink className="button_submit" to="/RestartPassword" state={{ iduser:iduser }}>Réinitialiser le mot de passe</NavLink>
<button className="bouton_réini">Réinitialiser le mot de passe</button>
</div>
</tr> </tr>
</table> </table>
<div className="bouton_submit"> <div className="bouton_submit">

Loading…
Cancel
Save