forked from CRM_Production/JTT_CrM
commit
ab9251a6fc
@ -0,0 +1,16 @@
|
||||
import React from 'react';
|
||||
import ReactLoading from 'react-loading';
|
||||
|
||||
|
||||
|
||||
const Chargement = () => {
|
||||
|
||||
return(
|
||||
<div className="chargement">
|
||||
<img className="logo" srcSet="./LogoApp.svg"></img>
|
||||
<ReactLoading type="bars" color="#a9a9a9" />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Chargement;
|
||||
@ -0,0 +1,105 @@
|
||||
import axios from 'axios'
|
||||
import React, { useState, useEffect } from 'react';
|
||||
import NavigationAdmin from '../components/NavigationAdmin.js';
|
||||
import Admin from './Admin_create.js';
|
||||
import { useLocation } from "react-router-dom";
|
||||
import Select, { SelectChangeEvent } from '@mui/material/Select';
|
||||
import MenuItem from '@mui/material/MenuItem';
|
||||
import { NavLink } from 'react-router-dom';
|
||||
import CryptoJS from 'crypto-js';
|
||||
import { useNavigate } from "react-router-dom";
|
||||
|
||||
|
||||
const api = axios.create({
|
||||
baseURL: 'http://localhost:8080'
|
||||
})
|
||||
|
||||
function RestartPassword() {
|
||||
const location = useLocation();
|
||||
const { iduser } = location.state;
|
||||
console.log(iduser);
|
||||
|
||||
const [password, setPassword] = useState("");
|
||||
const [confPassword, setConfPassword] = useState("");
|
||||
const [newPassword, setNewPassword] = useState("");
|
||||
|
||||
const navigate = useNavigate();
|
||||
|
||||
function handleChangePassword(event){
|
||||
setPassword(event.target.value);
|
||||
};
|
||||
|
||||
function handleChangeConfPassword(event){
|
||||
setConfPassword(event.target.value);
|
||||
};
|
||||
|
||||
function handleChangeNewPassword(event){
|
||||
setNewPassword(event.target.value);
|
||||
};
|
||||
|
||||
function checkRestartPassword(event){
|
||||
|
||||
const formData = new FormData(event.currentTarget);
|
||||
const values = Object.fromEntries(formData.entries());
|
||||
|
||||
event.preventDefault();
|
||||
|
||||
if(password === confPassword)
|
||||
{
|
||||
const apiString = '/User/Auth/Password/' + iduser + "/" + CryptoJS.SHA256(confPassword).toString(CryptoJS.enc.Hex);
|
||||
api.get(apiString).then((response) => {
|
||||
const login = response.data;
|
||||
if (login.length > 0){
|
||||
console.log(values.newPassword);
|
||||
|
||||
values.newPassword = CryptoJS.SHA256(newPassword).toString(CryptoJS.enc.Hex);
|
||||
|
||||
const apiStringUpdate = '/User/Update/Password/' + iduser;
|
||||
api.put(apiStringUpdate, values).then((response) => {
|
||||
console.log(response.data);
|
||||
});
|
||||
|
||||
navigate("/Admin_list");
|
||||
}
|
||||
else{
|
||||
console.log("trt");
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="page_admin">
|
||||
<NavigationAdmin />
|
||||
{/* Create a admin page */}
|
||||
<div className="Titre_Formulaire">
|
||||
<p className="Titre">Admin</p>
|
||||
<p className="Sous-titre">Modification d'utilisateur</p>
|
||||
<div className="Formulaire">
|
||||
<form className="form" onSubmit={checkRestartPassword}>
|
||||
<table className="Formulaire_de_connexion">
|
||||
<tr>
|
||||
<div className="texte_côté">
|
||||
<p>Mot de passe :</p>
|
||||
<p>Confirmation mot de passe :</p>
|
||||
<p>Nouveau mot de passe :</p>
|
||||
</div>
|
||||
</tr>
|
||||
<tr>
|
||||
<input id="MotDePasse" value={password} onChange={handleChangePassword} name='password' className="texte_zone" type="text" placeholder="Mot de passe..." required/>
|
||||
<input id="ConfirmeMotDePasse" value={confPassword} onChange={handleChangeConfPassword} name='confimPassword' className="texte_zone" type="text" placeholder="Confirmation mot de passe..." required/>
|
||||
<input id="NouvMotDePasse" value={newPassword} onChange={handleChangeNewPassword} name='newPassword' className="texte_zone" type="text" placeholder="Nouveau mot de passe..." required/>
|
||||
</tr>
|
||||
</table>
|
||||
<div className="bouton_submit">
|
||||
<button className="bouton_val" type="submit">Valider</button>
|
||||
<NavLink className="bouton_ann" to="/Admin_list">Retour</NavLink>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default RestartPassword;
|
||||
@ -0,0 +1,12 @@
|
||||
.chargement {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.logo{
|
||||
height: 200px;
|
||||
width:200px;
|
||||
}
|
||||
Loading…
Reference in new issue