Etape 1 : Un courriel d'activation vous a été envoyé par email. Activez votre compte à partir de ce courriel.
-
>> Etape 2 : Récuperez votre clé secréte envoyée dans un second email. Elle est unique et est nécessaire pour administrer votre compte
+
Etape 1 : Un courriel d'activation vous a été envoyé par email. Activez votre compte à partir de ce courriel.
+
>> Etape 2 : Récuperez votre clé secréte envoyée dans un second email. Elle est unique et est nécessaire pour administrer votre compte
( Et pensez à regarder vos mails indésirables/vos spams !). <<
@@ -239,7 +253,17 @@ function PartnerSignIn() {
-
+
+
+
+
+
+ {currentpawdvisible ? : }
+
+
+
+
+
diff --git a/src/components/SignIn.js b/src/components/SignIn.js
index 2b7b88a..bda1268 100644
--- a/src/components/SignIn.js
+++ b/src/components/SignIn.js
@@ -20,6 +20,8 @@ import Button2 from "@material-ui/core/Button";
import Menu from "@material-ui/core/Menu";
import Header from "./Header";
import { useLocation } from "react-router-dom";
+import Visibility from '@mui/icons-material/Visibility';
+import VisibilityOff from '@mui/icons-material/VisibilityOff';
function SignIn() {
const [isconnected, setisconnected] = useState("");
@@ -38,6 +40,7 @@ function SignIn() {
const [closepopup, setclosepopup] = useState(0);
const { obj, objid } = useParams();
const [menucompte, setmenucompte] = useState("partner");
+ const [currentpawdvisible, setcurrentpawdvisible] = useState(false);
const {
register,
@@ -101,17 +104,17 @@ function SignIn() {
var partner_connexion = "";
var url_login = "";
- if (String(menucompte) === "partner" ) {
+ if (String(menucompte) === "partner") {
url_login = process.env.REACT_APP_API_URL + "myclass/api/partner_login/";
setmenucompte("partner");
partner_connexion = "partner";
-
+
}
- else if (String(menucompte) === "user" ) {
+ else if (String(menucompte) === "user") {
url_login = process.env.REACT_APP_API_URL + "myclass/api/login/";
setmenucompte("user");
partner_connexion = "user";
-
+
}
// Gestion des Cookies
@@ -151,7 +154,7 @@ function SignIn() {
}
-
+
fetch(
url_login,
@@ -203,7 +206,7 @@ function SignIn() {
useEffect(() => {
setmenucompte("partner");
-
+
const listener = event => {
if (event.code === "Enter" || event.code === "NumpadEnter") {
@@ -414,6 +417,18 @@ function SignIn() {
alert(" la valeur secrete = "+realpwdvalue);
}*/
+
+ const handleClickShowPassword = () => {
+ if (currentpawdvisible == false) {
+ document.getElementsByName("pwd")[0].type = "text";
+ setcurrentpawdvisible(true);
+ }
+ else if (currentpawdvisible == true) {
+ document.getElementsByName("pwd")[0].type = "password";
+ setcurrentpawdvisible(false);
+ }
+ };
+
return (