11/03/2024 - 15h

recette2
cherif 2024-03-11 14:56:58 +01:00
parent 711d132a24
commit 93df6220bb
5 changed files with 240 additions and 41 deletions

View File

@ -16,7 +16,11 @@ import connect_white from "../mysy_img/connect_white_v2.png";
import MenuItem from "@material-ui/core/MenuItem"; import MenuItem from "@material-ui/core/MenuItem";
import Menu from "@material-ui/core/Menu"; import Menu from "@material-ui/core/Menu";
import connect_green from "../mysy_img/connect_green.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';
const ButtonHilight = () => { const ButtonHilight = () => {
const history = useHistory(); const history = useHistory();
@ -43,10 +47,16 @@ const ButtonHilight = () => {
const [userconnected, setuserconnected] = useState("0"); const [userconnected, setuserconnected] = useState("0");
const [someoneconnected, setsomeoneconnected] = useState("0"); const [someoneconnected, setsomeoneconnected] = useState("0");
const [partnerconnected, setpartnerconnected] = useState("0"); const [partnerconnected, setpartnerconnected] = useState("0");
const stored_user = getCookie('tokenmysych'); var stored_user = getCookie('tokenmysych');
const stored_part = getCookie('tokenmysypart'); var stored_part = getCookie('tokenmysypart');
function whosisconnected() { function whosisconnected() {
stored_user = getCookie('tokenmysych');
stored_part = getCookie('tokenmysypart');
var local_user_connect = 0; var local_user_connect = 0;
var local_part_connect = 0; var local_part_connect = 0;
@ -61,7 +71,9 @@ const ButtonHilight = () => {
} }
if (typeof (stored_part) === "undefined" || String(stored_part) === '') { if (typeof (stored_part) === "undefined" || String(stored_part) === '') {
setpartnerconnected("0"); setpartnerconnected("0");
setsomeoneconnected("0");
local_part_connect = 0; local_part_connect = 0;
} else { } else {
setpartnerconnected("1"); setpartnerconnected("1");
@ -72,6 +84,7 @@ const ButtonHilight = () => {
} }
useEffect(() => { useEffect(() => {
whosisconnected(); whosisconnected();
@ -126,7 +139,7 @@ const ButtonHilight = () => {
}; };
const handleClose_Account = () => { const handleClose_Account = () => {
alert(" my account"); alert(" my account");
@ -205,13 +218,16 @@ const ButtonHilight = () => {
setpartCookie(acces_right_token_name, "", { path: '/' }); setpartCookie(acces_right_token_name, "", { path: '/' });
removeCookie(acces_right_token_name, { path: '/' }); removeCookie(acces_right_token_name, { path: '/' });
} }
setsomeoneconnected('0');
setDialog_1_open(false);
history.push("/recherche-formation"); history.push("/recherche-formation");
} }
function part_logout() { function part_logout() {
confirmAlert({ confirmAlert({
title: '', title: '',
message: 'Confirmez la deconnexion (pro bb)', message: 'Confirmez la deconnexion (pro)',
buttons: [ buttons: [
{ {
label: 'Oui', label: 'Oui',
@ -226,7 +242,6 @@ const ButtonHilight = () => {
} }
function handleAccountLogout() { function handleAccountLogout() {
if (String(userconnected) === String("1")) { if (String(userconnected) === String("1")) {
user_logout(); 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 ( return (
<div className='ButtonHilight'> <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> <Helmet>
<title>Compte utilisateur</title> <title>Compte utilisateur</title>
<meta name="description" content="Compte utilisateur formation" /> <meta name="description" content="Compte utilisateur formation" />
@ -380,12 +442,12 @@ const ButtonHilight = () => {
</div> </div>
<div className="div_003"> <div className="div_003">
<h1 className="h1_transparent">Recherche Formations Tutoriels</h1> <h1 className="h1_transparent">Recherche Formations Tutoriels</h1>
<div className="hilight_menuPrincipal_bton" onClick={handleAccountConnexion}> <div className="hilight_menuPrincipal_bton" >
<div style={{ "textAlign": "left" }}> <div style={{ "textAlign": "left" }}>
{String(someoneconnected) !== String("1") && <button className="buton_ch22" onClick={handleAccountConnexion}> <img src={connect_white} {String(someoneconnected) !== String("1") && <button className="buton_ch22" onClick={handleAccountConnexion}> <img src={connect_white}
style={{ "width": "25%" }} /> Connexion style={{ "width": "25%" }} /> Connexion
</button>} </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%" }} /> style={{ "width": "25%" }} />
</button>} </button>}
</div> </div>

View File

@ -962,29 +962,29 @@ const Employes = (props) => {
const [p_detail_nom, setp_detail_nom] = useState(); const [p_detail_nom, setp_detail_nom] = useState("");
const [p_detail_prenom, setp_detail_prenom] = useState(); const [p_detail_prenom, setp_detail_prenom] = useState("");
const [p_detail_mail, setp_detail_mail] = 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_naissance, setp_detail_naissance] = useState(new Date().toLocaleDateString('fr-FR'));
const [p_detail_tel, setp_detail_tel] = useState(); const [p_detail_tel, setp_detail_tel] = useState("");
const [p_detail_adresse, setp_detail_adresse] = useState(); const [p_detail_adresse, setp_detail_adresse] = useState("");
const [p_detail_code_postal, setp_detail_code_postal] = useState(); const [p_detail_code_postal, setp_detail_code_postal] = useState("");
const [p_detail_ville, setp_detail_ville] = useState(); const [p_detail_ville, setp_detail_ville] = useState("");
const [p_detail_resp_hierarchie_id, setp_detail_resp_hierarchie_id] = 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_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_profil, setp_detail_profil] = useState("");
const [p_detail_pays, setp_detail_pays] = useState(); const [p_detail_pays, setp_detail_pays] = useState("");
const [p_detail_tel_mobile, setp_detail_tel_mobile] = useState(); const [p_detail_tel_mobile, setp_detail_tel_mobile] = useState("");
const [p_detail_linkedIn, setp_detail_linkedIn] = useState(); const [p_detail_linkedIn, setp_detail_linkedIn] = useState("");
const [p_detail_facebook, setp_detail_facebook] = useState(); const [p_detail_facebook, setp_detail_facebook] = useState("");
const [p_detail_twitter, setp_detail_twitter] = useState(); const [p_detail_twitter, setp_detail_twitter] = useState("");
const [p_detail_ismanager, setp_detail_ismanager] = useState("0"); 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_nom, setp_detail_resp_hierarchie_nom] = useState("");
const [p_detail_resp_hierarchie_prenom, setp_detail_resp_hierarchie_prenom] = 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) { if (new_data2.length > 0) {
setNew_Get_List_Managers_result(new_data2); setNew_Get_List_Managers_result(new_data2);
console.log(" ### new_data2 = ", new_data2)
} }
} }
@ -6059,7 +6059,7 @@ const Employes = (props) => {
<div className="session_data" > <div className="session_data" >
{String(employee_data_edit_mode) !== "1" && <div className="session_caract"> <b>Civilité </b> <br /> {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 }, }} sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required required
name="detail_civilite" name="detail_civilite"
@ -6070,16 +6070,18 @@ const Employes = (props) => {
}} }}
disabled={false} disabled={false}
className="disabled_style" className="disabled_style"
value={p_detail_civilite} value={String(p_detail_civilite)[0].toUpperCase() + String(p_detail_civilite).slice(1)}
/> />}
</div>} </div>}
{String(employee_data_edit_mode) === "1" && <div className="session_caract"> <b>Civilité </b><br /> {String(employee_data_edit_mode) === "1" && <div className="session_caract"> <b>Civilité </b><br />
<Autocomplete <Autocomplete
disablePortal disablePortal
name="detail_civilite" name="detail_civilite_edit"
id="detail_civilite" id="detail_civilite_edit"
className="disabled_style" className="disabled_style"
options={New_civilite} options={New_civilite}

View File

@ -10,6 +10,12 @@ import { useCookies } from "react-cookie";
import connect_white from "../mysy_img/connect_white_v2.png"; import connect_white from "../mysy_img/connect_white_v2.png";
import connect_green from "../mysy_img/connect_green.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 Header = () => {
const history = useHistory(); const history = useHistory();
@ -148,6 +154,8 @@ const Header = () => {
} }
setsomeoneconnected("0");
setDialog_1_open(false);
history.push("/recherche-formation"); history.push("/recherche-formation");
} }
@ -236,9 +244,53 @@ const Header = () => {
history.push("/QuiSommesNous") 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 ( return (
<div className="header"> <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 <Menu
keepMounted keepMounted
anchorEl={PartnerMenu} anchorEl={PartnerMenu}
@ -346,12 +398,12 @@ const Header = () => {
<div className="header_div_003"> <div className="header_div_003">
<h1 className="header_h1_transparent">Connexion MySy Training Technogy </h1> <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" }}> <div style={{ "textAlign": "left" }}>
{String(someoneconnected) !== String("1") && <button className="buton_ch22" onClick={handleAccountConnexion}> <img src={connect_white} {String(someoneconnected) !== String("1") && <button className="buton_ch22" onClick={handleAccountConnexion}> <img src={connect_white}
style={{ "width": "25%" }} /> Connexion style={{ "width": "25%" }} /> Connexion
</button>} </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%" }} /> style={{ "width": "25%" }} />
</button>} </button>}
</div> </div>
@ -370,9 +422,9 @@ const Header = () => {
Nos Services Nos Services
</div> </div>
<div className="header_menuPrincipal" onClick={handleQuisommesNousMenu}> <div className="header_menuPrincipal" onClick={handleQuisommesNousMenu}>
Qui Sommes nous? Qui Sommes nous?
</div> </div>
{/* <div className="header_menuPrincipal" onClick={handleBlogMenu}> {/* <div className="header_menuPrincipal" onClick={handleBlogMenu}>

View File

@ -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_lms from "../mysy_img2/mysy_e_learning.jpg";
import mysy_consulting from "../mysy_img2/mysy_consulting.jpg"; import mysy_consulting from "../mysy_img2/mysy_consulting.jpg";
import mysy_datacenter from "../mysy_img2/mysy_datacenter.png"; 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: '/' }); removeCookie(acces_right_token_name, { path: '/' });
} }
setsomeoneconnected("0");
setDialog_1_open(false);
history.push("/recherche-formation"); 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 ( return (
<div className="reherche_new_v2" > <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> <Helmet>
<title>Formation & Tutoriel Gratuit ou payant Excellente qualité</title> <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." /> <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" <MenuItem onClick={handlePartnerConnexion} className="mymenu_item"
>Mon Compte</MenuItem> >Mon Compte</MenuItem>
<MenuItem onClick={PartnerMenu_Close} className="mymenu_item" <MenuItem onClick={(e) => setDialog_1_open(true)} className="mymenu_item"
>Deconnexion</MenuItem> >Deconnexion </MenuItem>
</Menu> </Menu>
@ -2590,7 +2642,7 @@ const Recherche_new_v2 = () => {
<MenuItem onClick={handleAccountCreation} className="mymenu_item" <MenuItem onClick={handleAccountCreation} className="mymenu_item"
>S'inscrire</MenuItem> >S'inscrire</MenuItem>
<MenuItem onClick={AccountMenu_Close} className="mymenu_item" <MenuItem onClick={AccountMenu_Close} className="mymenu_item"
>Deconnexion</MenuItem> >Deconnexion </MenuItem>
</Menu> </Menu>
<Menu <Menu
@ -2602,7 +2654,7 @@ const Recherche_new_v2 = () => {
<MenuItem onClick={handleProduitService} className="mymenu_item"> <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> <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> <button style={{ "background": "white", "width": "100%", "border": "0px", "textAlign": 'left', "letterSpacing": "2px", "margin": "10px" }}>Blog </button>
</MenuItem>*/} </MenuItem>*/}
@ -2832,7 +2884,7 @@ const Recherche_new_v2 = () => {
{String(someoneconnected) !== String("1") && <nav className="meconnecter" onClick={handleAccountConnexion}> {String(someoneconnected) !== String("1") && <nav className="meconnecter" onClick={handleAccountConnexion}>
Me connecter Me connecter
</nav>} </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 Me deconnecter
</nav>} </nav>}

View File

@ -461,6 +461,35 @@
} }
@media only screen and (min-width: 1200px) { @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 { .header_text_head_droite {
color: #3b3e40; color: #3b3e40;
font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif; font-family: "lucida", "verdana", "Quicksand", "Signika", sans-serif;
@ -694,7 +723,9 @@
} }
margin-left: 0.9rem; margin-left: 0.9rem;
font-family: "Quicksand", "Signika", "sans-serif"; font-family: "Quicksand",
"Signika",
"sans-serif";
color: white; color: white;
cursor: pointer; cursor: pointer;
text-align: left; text-align: left;
@ -719,6 +750,7 @@
border-bottom-style: solid; border-bottom-style: solid;
text-decoration: underline; text-decoration: underline;
} }
.MuiPaper-rounded { .MuiPaper-rounded {
border-radius: 0px !important; border-radius: 0px !important;
} }
@ -737,5 +769,4 @@
color: white; color: white;
letter-spacing: 0.2rem; letter-spacing: 0.2rem;
background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
} }