23/03/23 - 16h
parent
2b8b0ec96f
commit
2396fa85f4
|
@ -981,7 +981,10 @@ function Abonnement(props) {
|
|||
<div className="div_row">
|
||||
<div className="div_row_gauche pave_nb_ftion">
|
||||
Nombre de formations : {String(parnternbformation)}
|
||||
{result && !(JSON.parse(result).end_date_abonnement) && !changepartnb_ftion &&
|
||||
{result && !(JSON.parse(result).end_date_abonnement) && !changepartnb_ftion
|
||||
&& currentpack2
|
||||
&& String(currentpack2).toLowerCase() !=="decouverte"
|
||||
&&
|
||||
<Button className="btn_modif_nb_ftion" onClick={Change_Partne_Nb_Ftion} >Modifier <RiAddCircleLine /> </Button>
|
||||
}
|
||||
</div>
|
||||
|
|
|
@ -113,7 +113,6 @@ function PartnerSignIn() {
|
|||
formData.append("email", mymail);
|
||||
formData.append("pwd", mypwd);
|
||||
|
||||
|
||||
fetch(
|
||||
url_login,
|
||||
{
|
||||
|
@ -212,7 +211,7 @@ function PartnerSignIn() {
|
|||
|
||||
<div className="div_row">
|
||||
|
||||
<div className="div_gauche">
|
||||
<div className="div_gauche_local">
|
||||
<nav><b> Pour bien démarrer (1/2)</b></nav>
|
||||
<nav> <i>Vous êtes à la première étape sur deux </i> </nav>
|
||||
<hr />
|
||||
|
@ -227,7 +226,7 @@ function PartnerSignIn() {
|
|||
|
||||
</div>
|
||||
|
||||
<div className="div_droite">
|
||||
{/* <div className="div_droite">
|
||||
<nav className="connect"> Connexion Partenaire </nav>
|
||||
<hr />
|
||||
|
||||
|
@ -248,7 +247,7 @@ function PartnerSignIn() {
|
|||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>*/}
|
||||
{isconnected === "false" && <div className="erreurconnexion">
|
||||
<br />
|
||||
Erreur Connexion</div>
|
||||
|
|
|
@ -14,11 +14,14 @@ import MenuItem from "@material-ui/core/MenuItem";
|
|||
import Menu from "@material-ui/core/Menu";
|
||||
import Header from "./Header";
|
||||
|
||||
import Visibility from '@mui/icons-material/Visibility';
|
||||
import VisibilityOff from '@mui/icons-material/VisibilityOff';
|
||||
|
||||
function PartnerSignIn() {
|
||||
const [isconnected, setisconnected] = useState("");
|
||||
const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych']);
|
||||
const [cookie_part, setCookie_part, removeCookie_part] = useCookies(['tokenmysypart']);
|
||||
const [currentpawdvisible, setcurrentpawdvisible] = useState(false);
|
||||
|
||||
const url_login = process.env.REACT_APP_API_URL + "myclass/api/partner_login/";
|
||||
|
||||
|
@ -112,7 +115,7 @@ function PartnerSignIn() {
|
|||
|
||||
formData.append("email", mymail);
|
||||
formData.append("pwd", mypwd);
|
||||
|
||||
|
||||
|
||||
fetch(
|
||||
url_login,
|
||||
|
@ -198,6 +201,17 @@ function PartnerSignIn() {
|
|||
history.push("/PartnerLogin")
|
||||
};
|
||||
|
||||
const handleClickShowPassword = () => {
|
||||
if (currentpawdvisible == false) {
|
||||
document.getElementsByName("pwd_partner")[0].type = "text";
|
||||
setcurrentpawdvisible(true);
|
||||
}
|
||||
else if (currentpawdvisible == true) {
|
||||
document.getElementsByName("pwd_partner")[0].type = "password";
|
||||
setcurrentpawdvisible(false);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="partnersignin partnersigninfirst">
|
||||
<Helmet>
|
||||
|
@ -220,8 +234,8 @@ function PartnerSignIn() {
|
|||
|
||||
|
||||
<ul>
|
||||
<li style={{"paddingBottom":"1rem"}}> Etape 1 : Un courriel d'activation vous a été envoyé par email. Activez votre compte à partir de ce courriel.</li>
|
||||
<li style={{"paddingBottom":"1rem"}}> <b> >> 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
|
||||
<li style={{ "paddingBottom": "1rem" }}> Etape 1 : Un courriel d'activation vous a été envoyé par email. Activez votre compte à partir de ce courriel.</li>
|
||||
<li style={{ "paddingBottom": "1rem" }}> <b> >> 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 !). << </b> <br /> </li>
|
||||
</ul>
|
||||
|
||||
|
@ -239,7 +253,17 @@ function PartnerSignIn() {
|
|||
</FormGroup>
|
||||
|
||||
<FormGroup>
|
||||
<Label>Password</Label>
|
||||
<div className="label_pwd_div">
|
||||
<div className="label_div" >
|
||||
<Label>Votre mot de passe </Label>
|
||||
</div>
|
||||
<div className="show_pwd_div" onClick={handleClickShowPassword}>
|
||||
{currentpawdvisible ? <Visibility /> : <VisibilityOff />}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<Input type="password" placeholder="Password" name="pwd_partner" />
|
||||
</FormGroup>
|
||||
|
||||
|
|
|
@ -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 (
|
||||
<div className="signin">
|
||||
<Helmet>
|
||||
|
@ -436,11 +451,11 @@ function SignIn() {
|
|||
<div className="div_centre_002">
|
||||
<Button variant="outlined" onClick={menu_user_account} className="signin_menu"
|
||||
id="user_account" name="user_account"
|
||||
style={{ "float": "left", "textAlign": "center", "height":"3rem" }}>Utilisateur</Button>
|
||||
style={{ "float": "left", "textAlign": "center", "height": "3rem" }}>Utilisateur</Button>
|
||||
|
||||
<Button variant="outlined" onClick={menu_parter_account} className="signin_menu"
|
||||
id="partner_account" name="partner_account"
|
||||
style={{ "float": "right", "textAlign": "center", "height":"3rem" }}>Organisme de formation</Button>
|
||||
style={{ "float": "right", "textAlign": "center", "height": "3rem" }}>Organisme de formation</Button>
|
||||
|
||||
</div>
|
||||
|
||||
|
@ -457,13 +472,21 @@ function SignIn() {
|
|||
|
||||
</FormGroup>
|
||||
|
||||
|
||||
|
||||
<FormGroup>
|
||||
<Label>Votre mot de passe</Label>
|
||||
<div className="label_pwd_div">
|
||||
<div className="label_div" >
|
||||
<Label>Votre mot de passe </Label>
|
||||
</div>
|
||||
<div className="show_pwd_div" onClick={handleClickShowPassword}>
|
||||
{currentpawdvisible ? <Visibility /> : <VisibilityOff />}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<Input type="password" placeholder="Password" name="pwd" />
|
||||
</FormGroup>
|
||||
|
||||
|
||||
|
||||
|
||||
{/*String(menucompte) === String("partner") && <FormGroup autocomplete="off">
|
||||
<Label >Clé secrete*</Label>
|
||||
|
@ -540,8 +563,8 @@ function SignIn() {
|
|||
</div>
|
||||
</div>
|
||||
<FormGroup>
|
||||
|
||||
</FormGroup>
|
||||
|
||||
</FormGroup>
|
||||
|
||||
<div className="div_row22">
|
||||
<Button variant="contained" color="success" className="div_row22 btn_login button" onClick={onSubmit}>Connectez-Vous</Button>
|
||||
|
|
|
@ -57,7 +57,7 @@ function UpdateParnterInfo() {
|
|||
|
||||
|
||||
|
||||
const [currentpawdvisible, setcurrentpawdvisible] = useState(false);
|
||||
const [currentpawdvisible, setcurrentpawdvisible] = useState(false);
|
||||
const [newpawdvisible, setnewpawdvisible] = useState(false);
|
||||
const [confpwdvisible, setconfpwdvisible] = useState(false);
|
||||
const [updatemainmail, setupdatemainmail] = useState();
|
||||
|
|
|
@ -223,6 +223,24 @@
|
|||
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.label_pwd_div {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.label_div {
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
.show_pwd_div {
|
||||
width: 50%;
|
||||
float: right;
|
||||
padding-right: 10px;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||
|
@ -593,6 +611,24 @@
|
|||
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.label_pwd_div {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.label_div {
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
.show_pwd_div {
|
||||
width: 50%;
|
||||
float: right;
|
||||
padding-right: 10px;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||
|
@ -979,6 +1015,24 @@
|
|||
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.label_pwd_div {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.label_div {
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
.show_pwd_div {
|
||||
width: 50%;
|
||||
float: right;
|
||||
padding-right: 10px;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
@ -1351,5 +1405,23 @@
|
|||
font-family: "verdana", "Quicksand", "Signika", "sans-serif";
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.label_pwd_div {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.label_div {
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
.show_pwd_div {
|
||||
width: 50%;
|
||||
float: right;
|
||||
padding-right: 10px;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -18,12 +18,11 @@
|
|||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
.div_gauche {
|
||||
float: left;
|
||||
.div_gauche_local {
|
||||
margin: auto;
|
||||
border: 1px solid red;
|
||||
border-width: 0.01rem;
|
||||
width: 40%;
|
||||
width: 80%;
|
||||
height: auto;
|
||||
padding: 10px;
|
||||
border-radius: 1rem;
|
||||
|
@ -31,8 +30,28 @@
|
|||
color: black;
|
||||
font-size: medium;
|
||||
font-family: "Signika", sans-serif;
|
||||
margin-left: 3rem;
|
||||
background: white;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.div_gauche {
|
||||
margin: auto;
|
||||
border: 1px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 50%;
|
||||
height: 20rem;
|
||||
padding: 10px;
|
||||
border-radius: 1rem;
|
||||
text-align: left;
|
||||
//color: black;
|
||||
//font-size: medium;
|
||||
//font-family: "Signika", sans-serif;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
background-color: #104277;
|
||||
color: white;
|
||||
margin-left: 3rem;
|
||||
}
|
||||
|
||||
.div_droite {
|
||||
|
@ -41,7 +60,7 @@
|
|||
border: 1px solid red;
|
||||
border-width: 0.01rem;
|
||||
width: 40%;
|
||||
height: auto;
|
||||
height: 20rem;
|
||||
padding: 10px;
|
||||
border-radius: 1rem;
|
||||
text-align: left;
|
||||
|
|
|
@ -594,6 +594,26 @@
|
|||
margin: 0.4rem !important;
|
||||
height: 1.8rem !important;
|
||||
}
|
||||
|
||||
.label_pwd_div {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.label_div {
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
.show_pwd_div {
|
||||
width: 50%;
|
||||
float: right;
|
||||
padding-right: 10px;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||
|
@ -1147,6 +1167,24 @@
|
|||
margin: 0.4rem !important;
|
||||
height: 1.8rem !important;
|
||||
}
|
||||
.label_pwd_div {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.label_div {
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
.show_pwd_div {
|
||||
width: 50%;
|
||||
float: right;
|
||||
padding-right: 10px;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||
|
@ -1681,6 +1719,26 @@
|
|||
margin: 0.4rem !important;
|
||||
height: 1.8rem !important;
|
||||
}
|
||||
|
||||
.label_pwd_div {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.label_div {
|
||||
width: 70%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
.show_pwd_div {
|
||||
width: 30%;
|
||||
float: right;
|
||||
padding-right: 10px;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
|
@ -2239,8 +2297,24 @@
|
|||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.label_pwd_div {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.label_div {
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
.show_pwd_div {
|
||||
width: 50%;
|
||||
float: right;
|
||||
padding-right: 10px;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
// end media
|
||||
|
|
Loading…
Reference in New Issue