23/03/23 - 16h

recette2
cherif 2023-03-23 15:53:45 +01:00
parent 2b8b0ec96f
commit 2396fa85f4
8 changed files with 243 additions and 29 deletions

View File

@ -981,7 +981,10 @@ function Abonnement(props) {
<div className="div_row">
<div className="div_row_gauche pave_nb_ftion">
Nombre de formations : {String(parnternbformation)} &nbsp;
{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 &nbsp; <RiAddCircleLine /> </Button>
}
</div>

View File

@ -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>

View File

@ -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> &#62;&#62; 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> &#62;&#62; 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 !). &#60;&#60; </b> <br />&nbsp;</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>

View File

@ -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() {
&nbsp;
</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>
&nbsp;
</FormGroup>
&nbsp;
</FormGroup>
<div className="div_row22">
<Button variant="contained" color="success" className="div_row22 btn_login button" onClick={onSubmit}>Connectez-Vous</Button>

View File

@ -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();

View File

@ -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;
}
}
}

View File

@ -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;

View File

@ -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