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

View File

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

View File

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

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_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>}

View File

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