import React, { useState, useEffect } from "react"; import { useForm } from "react-hook-form"; import { useHistory } from "react-router-dom"; import partnerbannerimg from "../mysy_img/MYSY_banner_compte.png"; import { Button, FormGroup, Label, Input } from "reactstrap"; import { useCookies } from "react-cookie"; import { confirmAlert } from 'react-confirm-alert'; import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css import { Helmet } from "react-helmet"; import Footer from "./Fotter"; 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/"; const { formState: { errors }, } = useForm(); const [result, setResult] = useState(""); const history = useHistory(); function logout_partner_confirmation() { removeCookie_part('tokenmysypart', { path: '/' }); } function Logout_Partenaire() { confirmAlert({ title: 'Deconnexion Partenaire ?', message: 'Confirmez la deconnexion partenaire', buttons: [ { label: 'Oui', onClick: () => logout_partner_confirmation() }, { label: 'Non', onClick: () => { return } } ], closeOnEscape: false, closeOnClickOutside: false, keyCodeForClose: [8, 32], willUnmount: () => { }, afterClose: () => { }, onClickOutside: () => { }, onKeypress: () => { }, onKeypressEscape: () => { }, }); } function logout_user_confirmation() { removeCookie_part('tokenmysych', { path: '/' }); } function Logout_User() { confirmAlert({ title: 'Deconnexion utilisateur ?', message: 'Confirmez la deconnexion utilisateur', buttons: [ { label: 'Oui', onClick: () => logout_user_confirmation() }, /* { label: 'Non', }*/ ] }); } const onSubmit = async (data) => { const formData = new FormData(); // Gestion des Cookies const stored_partner = cookie_part.tokenmysypart; const stored_user = cookie.tokenmysych; if (typeof (stored_partner) != "undefined" && String(stored_partner) !== String('')) { //alert(" c'est une connexion PARTTT qui est active"); Logout_Partenaire(); } // si c'est une connexion user qui est active if (typeof (stored_user) != "undefined" && String(stored_user) !== String('')) { //alert(" c'est une connexion USERR qui est active"); Logout_User(); } var mymail = document.getElementsByName("email_partner")[0].value; var mypwd = document.getElementsByName("pwd_partner")[0].value; //var mysecret = document.getElementsByName("secret_partner")[0].value; formData.append("email", mymail); formData.append("pwd", mypwd); fetch( url_login, { method: 'POST', body: formData, } ).then((response) => response.json()) .then((result) => { //console.log('Success:', result['message'], "result['status'] = ", result['status']); var val = result['status']; if (String(val) === String("true")) { setCookie("tokenmysypart", JSON.parse(result['message']).token, { path: '/' }); //setCookie("tokenmysypart", result['message']); history.push("/Partner"); } else { setisconnected("false"); } }) .catch((error) => { console.error('Error:', error); setisconnected("false"); }); } const onError = () => { //console.log("error"); }; useEffect(() => { const listener = event => { if (event.code === "Enter" || event.code === "NumpadEnter") { event.preventDefault(); onSubmit(); } }; document.addEventListener("keydown", listener); }, []); const [PartnerMenu, setPartnerMenu] = React.useState(null); const [AccountMenu, setAccountMenu] = React.useState(null); const PartnerMenu_Close = () => { setPartnerMenu(null); }; const AccountMenu_Close = () => { setAccountMenu(null); }; const handlePartnerMenu = (event) => { setPartnerMenu(event.currentTarget); }; const handleAccountMenu = (event) => { setAccountMenu(event.currentTarget); }; const handleClose_Account = () => { alert(" my account"); setAccountMenu(null); }; const handleAccountConnexion = () => { setAccountMenu(null); history.push("/Connexion") }; const handleAccountCreation = () => { setAccountMenu(null); history.push("/create_account") }; const handlePartnerConnexion = () => { setAccountMenu(null); 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 (
Recherche articles formation

Première connexion à Mysy Training Pro


  • 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 !). <<
     

{currentpawdvisible ? : }
{isconnected === "false" &&

Erreur Connexion
}
); } export default PartnerSignIn;