11/03/2024 - 15h
parent
711d132a24
commit
93df6220bb
|
@ -16,7 +16,11 @@ import connect_white from "../mysy_img/connect_white_v2.png";
|
|||
import MenuItem from "@material-ui/core/MenuItem";
|
||||
import Menu from "@material-ui/core/Menu";
|
||||
import connect_green from "../mysy_img/connect_green.png";
|
||||
|
||||
import Dialog from '@mui/material/Dialog';
|
||||
import DialogActions from '@mui/material/DialogActions';
|
||||
import DialogContent from '@mui/material/DialogContent';
|
||||
import DialogContentText from '@mui/material/DialogContentText';
|
||||
import DialogTitle from '@mui/material/DialogTitle';
|
||||
|
||||
const ButtonHilight = () => {
|
||||
const history = useHistory();
|
||||
|
@ -43,10 +47,16 @@ const ButtonHilight = () => {
|
|||
const [userconnected, setuserconnected] = useState("0");
|
||||
const [someoneconnected, setsomeoneconnected] = useState("0");
|
||||
const [partnerconnected, setpartnerconnected] = useState("0");
|
||||
const stored_user = getCookie('tokenmysych');
|
||||
const stored_part = getCookie('tokenmysypart');
|
||||
var stored_user = getCookie('tokenmysych');
|
||||
var stored_part = getCookie('tokenmysypart');
|
||||
|
||||
function whosisconnected() {
|
||||
|
||||
stored_user = getCookie('tokenmysych');
|
||||
stored_part = getCookie('tokenmysypart');
|
||||
|
||||
|
||||
|
||||
var local_user_connect = 0;
|
||||
var local_part_connect = 0;
|
||||
|
||||
|
@ -61,7 +71,9 @@ const ButtonHilight = () => {
|
|||
}
|
||||
|
||||
if (typeof (stored_part) === "undefined" || String(stored_part) === '') {
|
||||
|
||||
setpartnerconnected("0");
|
||||
setsomeoneconnected("0");
|
||||
local_part_connect = 0;
|
||||
} else {
|
||||
setpartnerconnected("1");
|
||||
|
@ -72,6 +84,7 @@ const ButtonHilight = () => {
|
|||
}
|
||||
|
||||
useEffect(() => {
|
||||
|
||||
|
||||
whosisconnected();
|
||||
|
||||
|
@ -126,7 +139,7 @@ const ButtonHilight = () => {
|
|||
};
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
const handleClose_Account = () => {
|
||||
alert(" my account");
|
||||
|
@ -205,13 +218,16 @@ const ButtonHilight = () => {
|
|||
setpartCookie(acces_right_token_name, "", { path: '/' });
|
||||
removeCookie(acces_right_token_name, { path: '/' });
|
||||
}
|
||||
|
||||
setsomeoneconnected('0');
|
||||
setDialog_1_open(false);
|
||||
history.push("/recherche-formation");
|
||||
}
|
||||
|
||||
function part_logout() {
|
||||
confirmAlert({
|
||||
title: '',
|
||||
message: 'Confirmez la deconnexion (pro bb)',
|
||||
message: 'Confirmez la deconnexion (pro)',
|
||||
buttons: [
|
||||
{
|
||||
label: 'Oui',
|
||||
|
@ -226,7 +242,6 @@ const ButtonHilight = () => {
|
|||
}
|
||||
function handleAccountLogout() {
|
||||
|
||||
|
||||
if (String(userconnected) === String("1")) {
|
||||
user_logout();
|
||||
}
|
||||
|
@ -270,8 +285,55 @@ const ButtonHilight = () => {
|
|||
};
|
||||
|
||||
|
||||
|
||||
const [Dialog_1_message, setDialog_1_message] = React.useState(false);
|
||||
const [Dialog_1_open, setDialog_1_open] = React.useState(false);
|
||||
function Dialog_1_handle_change_participant_session(message) {
|
||||
setDialog_1_message(message);
|
||||
setDialog_1_open(true);
|
||||
}
|
||||
|
||||
const Dialog_1_handleClose = () => {
|
||||
//alert(" Utiliser le bouton 'fermer' ");
|
||||
//setOpen(false);
|
||||
};
|
||||
|
||||
const Dialog_1_handleClose_buton = () => {
|
||||
setDialog_1_open(false);
|
||||
};
|
||||
|
||||
|
||||
return (
|
||||
<div className='ButtonHilight'>
|
||||
|
||||
|
||||
<Dialog
|
||||
open={Dialog_1_open}
|
||||
onClose={Dialog_1_handleClose}
|
||||
className="displaypartnersession"
|
||||
>
|
||||
|
||||
<DialogTitle>MySy Information</DialogTitle>
|
||||
<DialogContent className="DialogContent_width">
|
||||
<DialogContentText>
|
||||
Confirmez la deconnexion
|
||||
</DialogContentText>
|
||||
|
||||
</DialogContent>
|
||||
|
||||
<DialogActions>
|
||||
<div className="div_row">
|
||||
<div className="div_row_gauche">
|
||||
<Button onClick={part_logout_confirmation} className="bton_enreg_dialog">Deconnexion</Button>
|
||||
</div>
|
||||
<div className="div_row_droite" style={{ "textAlign": 'center' }}>
|
||||
<Button onClick={Dialog_1_handleClose_buton} className="bton_annule_dialog" >Annuler</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</DialogActions>
|
||||
</Dialog>
|
||||
|
||||
<Helmet>
|
||||
<title>Compte utilisateur</title>
|
||||
<meta name="description" content="Compte utilisateur formation" />
|
||||
|
@ -380,12 +442,12 @@ const ButtonHilight = () => {
|
|||
</div>
|
||||
<div className="div_003">
|
||||
<h1 className="h1_transparent">Recherche Formations Tutoriels</h1>
|
||||
<div className="hilight_menuPrincipal_bton" onClick={handleAccountConnexion}>
|
||||
<div className="hilight_menuPrincipal_bton" >
|
||||
<div style={{ "textAlign": "left" }}>
|
||||
{String(someoneconnected) !== String("1") && <button className="buton_ch22" onClick={handleAccountConnexion}> <img src={connect_white}
|
||||
style={{ "width": "25%" }} /> Connexion
|
||||
</button>}
|
||||
{String(someoneconnected) === String("1") && <button className="buton_ch22" onClick={handleAccountLogout}> Deconnexion<img src={connect_green}
|
||||
{String(someoneconnected) === String("1") && <button className="buton_ch22" onClick={(e) => setDialog_1_open(true)}> Deconnexion <img src={connect_green}
|
||||
style={{ "width": "25%" }} />
|
||||
</button>}
|
||||
</div>
|
||||
|
|
|
@ -962,29 +962,29 @@ const Employes = (props) => {
|
|||
|
||||
|
||||
|
||||
const [p_detail_nom, setp_detail_nom] = useState();
|
||||
const [p_detail_prenom, setp_detail_prenom] = useState();
|
||||
const [p_detail_mail, setp_detail_mail] = useState();
|
||||
const [p_detail_nom, setp_detail_nom] = useState("");
|
||||
const [p_detail_prenom, setp_detail_prenom] = useState("");
|
||||
const [p_detail_mail, setp_detail_mail] = useState("");
|
||||
|
||||
const [p_detail_naissance, setp_detail_naissance] = useState(new Date().toLocaleDateString('fr-FR'));
|
||||
|
||||
|
||||
const [p_detail_tel, setp_detail_tel] = useState();
|
||||
const [p_detail_adresse, setp_detail_adresse] = useState();
|
||||
const [p_detail_code_postal, setp_detail_code_postal] = useState();
|
||||
const [p_detail_ville, setp_detail_ville] = useState();
|
||||
const [p_detail_tel, setp_detail_tel] = useState("");
|
||||
const [p_detail_adresse, setp_detail_adresse] = useState("");
|
||||
const [p_detail_code_postal, setp_detail_code_postal] = useState("");
|
||||
const [p_detail_ville, setp_detail_ville] = useState("");
|
||||
const [p_detail_resp_hierarchie_id, setp_detail_resp_hierarchie_id] = useState("");
|
||||
const [p_detail_civilite, setp_detail_civilite] = useState();
|
||||
const [p_detail_civilite, setp_detail_civilite] = useState("");
|
||||
const [p_detail_civilite_label, setp_detail_civilite_label] = useState();
|
||||
const [p_detail_fonction, setp_detail_fonction] = useState();
|
||||
const [p_detail_fonction, setp_detail_fonction] = useState("");
|
||||
const [p_detail_profil, setp_detail_profil] = useState("");
|
||||
const [p_detail_pays, setp_detail_pays] = useState();
|
||||
const [p_detail_tel_mobile, setp_detail_tel_mobile] = useState();
|
||||
const [p_detail_linkedIn, setp_detail_linkedIn] = useState();
|
||||
const [p_detail_facebook, setp_detail_facebook] = useState();
|
||||
const [p_detail_twitter, setp_detail_twitter] = useState();
|
||||
const [p_detail_pays, setp_detail_pays] = useState("");
|
||||
const [p_detail_tel_mobile, setp_detail_tel_mobile] = useState("");
|
||||
const [p_detail_linkedIn, setp_detail_linkedIn] = useState("");
|
||||
const [p_detail_facebook, setp_detail_facebook] = useState("");
|
||||
const [p_detail_twitter, setp_detail_twitter] = useState("");
|
||||
const [p_detail_ismanager, setp_detail_ismanager] = useState("0");
|
||||
const [p_detail_ismanager_label, setp_detail_ismanager_label] = useState();
|
||||
const [p_detail_ismanager_label, setp_detail_ismanager_label] = useState("");
|
||||
const [p_detail_resp_hierarchie_nom, setp_detail_resp_hierarchie_nom] = useState("");
|
||||
const [p_detail_resp_hierarchie_prenom, setp_detail_resp_hierarchie_prenom] = useState("");
|
||||
|
||||
|
@ -2329,7 +2329,7 @@ const Employes = (props) => {
|
|||
|
||||
if (new_data2.length > 0) {
|
||||
setNew_Get_List_Managers_result(new_data2);
|
||||
console.log(" ### new_data2 = ", new_data2)
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
@ -6059,7 +6059,7 @@ const Employes = (props) => {
|
|||
<div className="session_data" >
|
||||
|
||||
{String(employee_data_edit_mode) !== "1" && <div className="session_caract"> <b>Civilité </b> <br />
|
||||
<TextField
|
||||
{p_detail_civilite && String(p_detail_civilite).length > 0 && <TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||
required
|
||||
name="detail_civilite"
|
||||
|
@ -6070,16 +6070,18 @@ const Employes = (props) => {
|
|||
}}
|
||||
disabled={false}
|
||||
className="disabled_style"
|
||||
value={p_detail_civilite}
|
||||
value={String(p_detail_civilite)[0].toUpperCase() + String(p_detail_civilite).slice(1)}
|
||||
|
||||
/>
|
||||
/>}
|
||||
|
||||
|
||||
</div>}
|
||||
{String(employee_data_edit_mode) === "1" && <div className="session_caract"> <b>Civilité </b><br />
|
||||
|
||||
<Autocomplete
|
||||
disablePortal
|
||||
name="detail_civilite"
|
||||
id="detail_civilite"
|
||||
name="detail_civilite_edit"
|
||||
id="detail_civilite_edit"
|
||||
className="disabled_style"
|
||||
|
||||
options={New_civilite}
|
||||
|
|
|
@ -10,6 +10,12 @@ import { useCookies } from "react-cookie";
|
|||
|
||||
import connect_white from "../mysy_img/connect_white_v2.png";
|
||||
import connect_green from "../mysy_img/connect_green.png";
|
||||
import Dialog from '@mui/material/Dialog';
|
||||
import DialogActions from '@mui/material/DialogActions';
|
||||
import DialogContent from '@mui/material/DialogContent';
|
||||
import DialogContentText from '@mui/material/DialogContentText';
|
||||
import DialogTitle from '@mui/material/DialogTitle';
|
||||
import Button from '@mui/material/Button';
|
||||
|
||||
const Header = () => {
|
||||
const history = useHistory();
|
||||
|
@ -148,6 +154,8 @@ const Header = () => {
|
|||
|
||||
|
||||
}
|
||||
setsomeoneconnected("0");
|
||||
setDialog_1_open(false);
|
||||
history.push("/recherche-formation");
|
||||
}
|
||||
|
||||
|
@ -236,9 +244,53 @@ const Header = () => {
|
|||
history.push("/QuiSommesNous")
|
||||
};
|
||||
|
||||
const [Dialog_1_message, setDialog_1_message] = React.useState(false);
|
||||
const [Dialog_1_open, setDialog_1_open] = React.useState(false);
|
||||
function Dialog_1_handle_change_participant_session(message) {
|
||||
setDialog_1_message(message);
|
||||
setDialog_1_open(true);
|
||||
}
|
||||
|
||||
const Dialog_1_handleClose = () => {
|
||||
//alert(" Utiliser le bouton 'fermer' ");
|
||||
//setOpen(false);
|
||||
};
|
||||
|
||||
const Dialog_1_handleClose_buton = () => {
|
||||
setDialog_1_open(false);
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="header">
|
||||
|
||||
|
||||
<Dialog
|
||||
open={Dialog_1_open}
|
||||
onClose={Dialog_1_handleClose}
|
||||
className="displaypartnersession"
|
||||
>
|
||||
|
||||
<DialogTitle>MySy Information</DialogTitle>
|
||||
<DialogContent className="DialogContent_width">
|
||||
<DialogContentText>
|
||||
Confirmez la deconnexion
|
||||
</DialogContentText>
|
||||
|
||||
</DialogContent>
|
||||
|
||||
<DialogActions>
|
||||
<div className="div_row">
|
||||
<div className="div_row_gauche">
|
||||
<Button onClick={part_logout_confirmation} className="bton_enreg_dialog">Deconnexion</Button>
|
||||
</div>
|
||||
<div className="div_row_droite" style={{ "textAlign": 'center' }}>
|
||||
<Button onClick={Dialog_1_handleClose_buton} className="bton_annule_dialog" >Annuler</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</DialogActions>
|
||||
</Dialog>
|
||||
|
||||
<Menu
|
||||
keepMounted
|
||||
anchorEl={PartnerMenu}
|
||||
|
@ -346,12 +398,12 @@ const Header = () => {
|
|||
<div className="header_div_003">
|
||||
<h1 className="header_h1_transparent">Connexion MySy Training Technogy </h1>
|
||||
|
||||
<div className="header_menuPrincipal_bton" onClick={handleAccountConnexion}>
|
||||
<div className="header_menuPrincipal_bton" >
|
||||
<div style={{ "textAlign": "left" }}>
|
||||
{String(someoneconnected) !== String("1") && <button className="buton_ch22" onClick={handleAccountConnexion}> <img src={connect_white}
|
||||
style={{ "width": "25%" }} /> Connexion
|
||||
</button>}
|
||||
{String(someoneconnected) === String("1") && <button className="buton_ch22" onClick={handleAccountLogout}> Deconnexion<img src={connect_green}
|
||||
{String(someoneconnected) === String("1") && <button className="buton_ch22" onClick={(e) => setDialog_1_open(true)}> Deconnexion <img src={connect_green}
|
||||
style={{ "width": "25%" }} />
|
||||
</button>}
|
||||
</div>
|
||||
|
@ -370,9 +422,9 @@ const Header = () => {
|
|||
Nos Services
|
||||
</div>
|
||||
|
||||
<div className="header_menuPrincipal" onClick={handleQuisommesNousMenu}>
|
||||
<div className="header_menuPrincipal" onClick={handleQuisommesNousMenu}>
|
||||
Qui Sommes nous?
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{/* <div className="header_menuPrincipal" onClick={handleBlogMenu}>
|
||||
|
|
|
@ -47,6 +47,11 @@ import mysy_search from "../mysy_img2/mysy_search.jpg";
|
|||
import mysy_lms from "../mysy_img2/mysy_e_learning.jpg";
|
||||
import mysy_consulting from "../mysy_img2/mysy_consulting.jpg";
|
||||
import mysy_datacenter from "../mysy_img2/mysy_datacenter.png";
|
||||
import Dialog from '@mui/material/Dialog';
|
||||
import DialogActions from '@mui/material/DialogActions';
|
||||
import DialogContent from '@mui/material/DialogContent';
|
||||
import DialogContentText from '@mui/material/DialogContentText';
|
||||
import DialogTitle from '@mui/material/DialogTitle';
|
||||
|
||||
|
||||
|
||||
|
@ -2083,6 +2088,8 @@ const Recherche_new_v2 = () => {
|
|||
removeCookie(acces_right_token_name, { path: '/' });
|
||||
|
||||
}
|
||||
setsomeoneconnected("0");
|
||||
setDialog_1_open(false);
|
||||
history.push("/recherche-formation");
|
||||
}
|
||||
|
||||
|
@ -2546,11 +2553,56 @@ const Recherche_new_v2 = () => {
|
|||
}
|
||||
|
||||
|
||||
const [Dialog_1_message, setDialog_1_message] = React.useState(false);
|
||||
const [Dialog_1_open, setDialog_1_open] = React.useState(false);
|
||||
function Dialog_1_handle_change_participant_session(message) {
|
||||
setDialog_1_message(message);
|
||||
setDialog_1_open(true);
|
||||
}
|
||||
|
||||
const Dialog_1_handleClose = () => {
|
||||
//alert(" Utiliser le bouton 'fermer' ");
|
||||
//setOpen(false);
|
||||
};
|
||||
|
||||
const Dialog_1_handleClose_buton = () => {
|
||||
setDialog_1_open(false);
|
||||
};
|
||||
|
||||
|
||||
return (
|
||||
|
||||
|
||||
<div className="reherche_new_v2" >
|
||||
|
||||
|
||||
<Dialog
|
||||
open={Dialog_1_open}
|
||||
onClose={Dialog_1_handleClose}
|
||||
className="displaypartnersession"
|
||||
>
|
||||
|
||||
<DialogTitle>MySy Information</DialogTitle>
|
||||
<DialogContent className="DialogContent_width">
|
||||
<DialogContentText>
|
||||
Confirmez la deconnexion
|
||||
</DialogContentText>
|
||||
|
||||
</DialogContent>
|
||||
|
||||
<DialogActions>
|
||||
<div className="div_row">
|
||||
<div className="div_row_gauche">
|
||||
<Button onClick={part_logout_confirmation} className="bton_enreg_dialog">Deconnexion</Button>
|
||||
</div>
|
||||
<div className="div_row_droite" style={{ "textAlign": 'center' }}>
|
||||
<Button onClick={Dialog_1_handleClose_buton} className="bton_annule_dialog" >Annuler</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</DialogActions>
|
||||
</Dialog>
|
||||
|
||||
<Helmet>
|
||||
<title>Formation & Tutoriel Gratuit ou payant Excellente qualité</title>
|
||||
<meta name="description" content="Trouver des Formations et Tutoriels d'xcellente qualité : Gratuit ou payant / A distance ou en presentiel, etc." />
|
||||
|
@ -2569,8 +2621,8 @@ const Recherche_new_v2 = () => {
|
|||
>
|
||||
<MenuItem onClick={handlePartnerConnexion} className="mymenu_item"
|
||||
>Mon Compte</MenuItem>
|
||||
<MenuItem onClick={PartnerMenu_Close} className="mymenu_item"
|
||||
>Deconnexion</MenuItem>
|
||||
<MenuItem onClick={(e) => setDialog_1_open(true)} className="mymenu_item"
|
||||
>Deconnexion </MenuItem>
|
||||
|
||||
</Menu>
|
||||
|
||||
|
@ -2590,7 +2642,7 @@ const Recherche_new_v2 = () => {
|
|||
<MenuItem onClick={handleAccountCreation} className="mymenu_item"
|
||||
>S'inscrire</MenuItem>
|
||||
<MenuItem onClick={AccountMenu_Close} className="mymenu_item"
|
||||
>Deconnexion</MenuItem>
|
||||
>Deconnexion </MenuItem>
|
||||
</Menu>
|
||||
|
||||
<Menu
|
||||
|
@ -2602,7 +2654,7 @@ const Recherche_new_v2 = () => {
|
|||
<MenuItem onClick={handleProduitService} className="mymenu_item">
|
||||
<button style={{ "background": "white", "width": "100%", "border": "0px", "textAlign": 'left', "letterSpacing": "2px", "margin": "10px" }}>Nos produits & Services </button></MenuItem>
|
||||
|
||||
{/* <MenuItem onClick={handleAvis} className="mymenu_item">
|
||||
{/* <MenuItem onClick={handleAvis} className="mymenu_item">
|
||||
<button style={{ "background": "white", "width": "100%", "border": "0px", "textAlign": 'left', "letterSpacing": "2px", "margin": "10px" }}>Blog </button>
|
||||
|
||||
</MenuItem>*/}
|
||||
|
@ -2832,7 +2884,7 @@ const Recherche_new_v2 = () => {
|
|||
{String(someoneconnected) !== String("1") && <nav className="meconnecter" onClick={handleAccountConnexion}>
|
||||
Me connecter
|
||||
</nav>}
|
||||
{String(someoneconnected) === String("1") && <nav className="meconnecter" onClick={handleAccountLogout}>
|
||||
{String(someoneconnected) === String("1") && <nav className="meconnecter"onClick={(e) => setDialog_1_open(true)}>
|
||||
Me deconnecter
|
||||
</nav>}
|
||||
|
||||
|
|
|
@ -461,6 +461,35 @@
|
|||
}
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
|
||||
|
||||
.bton_enreg_dialog {
|
||||
border-radius: 5rem;
|
||||
font-size: small;
|
||||
background: #81BC3A !important;
|
||||
text-align: center;
|
||||
height: 2.5rem;
|
||||
width: 80%;
|
||||
color: white;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
.bton_annule_dialog {
|
||||
border-radius: 5rem;
|
||||
font-size: small;
|
||||
background: lightgray !important;
|
||||
text-align: right;
|
||||
height: 2.5rem;
|
||||
width: 80%;
|
||||
color: black;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.header_text_head_droite {
|
||||
color: #3b3e40;
|
||||
font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif;
|
||||
|
@ -694,7 +723,9 @@
|
|||
}
|
||||
|
||||
margin-left: 0.9rem;
|
||||
font-family: "Quicksand", "Signika", "sans-serif";
|
||||
font-family: "Quicksand",
|
||||
"Signika",
|
||||
"sans-serif";
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
text-align: left;
|
||||
|
@ -719,6 +750,7 @@
|
|||
border-bottom-style: solid;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.MuiPaper-rounded {
|
||||
border-radius: 0px !important;
|
||||
}
|
||||
|
@ -737,5 +769,4 @@
|
|||
color: white;
|
||||
letter-spacing: 0.2rem;
|
||||
background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
|
||||
}
|
||||
|
||||
}
|
Loading…
Reference in New Issue