diff --git a/src/components/Employes.js b/src/components/Employes.js index 0761168..649280f 100644 --- a/src/components/Employes.js +++ b/src/components/Employes.js @@ -41,7 +41,8 @@ import { TransitionProps } from '@mui/material/transitions'; import { Checkbox } from "@mui/material"; import { ElectricScooterRounded } from "@mui/icons-material"; import { Container, Row, Col } from 'react-grid-system'; - +import Visibility from '@mui/icons-material/Visibility'; +import VisibilityOff from '@mui/icons-material/VisibilityOff'; const Employes = (props) => { @@ -588,7 +589,7 @@ const Employes = (props) => { Getall_Employee_Affectation(employe_id); Getall_Employee_Acces_Right(employe_id); - + } @@ -813,7 +814,7 @@ const Employes = (props) => { if (mylocal_employe.user_login) { setp_detail_user_login(mylocal_employe.user_login); setp_new_login(mylocal_employe.user_login) - }else{ + } else { setp_new_login(mylocal_employe.email) } @@ -2807,7 +2808,7 @@ const Employes = (props) => { const [p_new_login, setp_new_login] = React.useState(""); const [p_new_pwd, setp_new_pwd] = React.useState(""); - const [p_conf_new_login, setp_conf_new_login] = React.useState(""); + const [p_conf_new_login, setp_conf_new_login] = React.useState(""); function OnchangeCellDataGrid(params) { @@ -2904,7 +2905,7 @@ const Employes = (props) => { form.append("token", stored_cookie); form.append("email", p_new_login); form.append("pwd", p_new_pwd); - form.append("ressource_humaine_id", selected_id); + form.append("ressource_humaine_id", selected_id); @@ -2921,13 +2922,13 @@ const Employes = (props) => { setAdd_Update_Employee_Login_Pass_Data_result(res.data.message); setp_detail_user_login(p_new_login); - + setDialog_1_open_create_update_login_pwd_update(false); alert(res.data.message); setp_new_login(''); setp_new_pwd(''); setp_conf_new_login(''); - + } else { setAdd_Update_Employee_Login_Pass_Data_api("false"); @@ -2944,12 +2945,28 @@ const Employes = (props) => { }) } - function Generate_Pwd(){ + function Generate_Pwd() { var randomstring = Math.random().toString(36).slice(-8); setp_new_pwd(randomstring); setp_conf_new_login(randomstring); } + const [currentpawdvisible, setcurrentpawdvisible] = useState(false); + + + const handleClickShowPassword = () => { + if (currentpawdvisible == false) { + document.getElementsByName("new_pwd")[0].type = "text"; + document.getElementsByName("conf_new_login")[0].type = "text"; + setcurrentpawdvisible(true); + } + else if (currentpawdvisible == true) { + document.getElementsByName("new_pwd")[0].type = "password"; + document.getElementsByName("conf_new_login")[0].type = "password"; + setcurrentpawdvisible(false); + } + }; + return (
{ open={Dialog_1_open_create_update_login_pwd_update} onClose={Dialog_1_handleClose_buton_create_update_login_pwd_update} className="employes" - + > MySy Information - - + + Mise à jour Login & Mot de passe - -
Login + + {String(p_detail_user_login).length > 2 &&
Login + +
} + {String(p_detail_user_login).length < 2 &&
Login { setp_new_login(e.target.value); - + } } /> -
+
} +
Mot de passe { setp_new_pwd(e.target.value); - + } } /> + +
Confirmer Mot de passe { setp_conf_new_login(e.target.value); - + } } /> +
- -
-
- -
- - -
+ +
- +
diff --git a/src/styles/components/_employes.scss b/src/styles/components/_employes.scss index c6b53f5..91b5ebe 100644 --- a/src/styles/components/_employes.scss +++ b/src/styles/components/_employes.scss @@ -2240,6 +2240,14 @@ max-width: 30% !important; } + .show_pwd_div { + width: 50%; + float: right; + padding-right: 10px; + text-align: right; + + } + }