import React, { useState, useEffect } from 'react'; //import { slide as Menu } from "react-burger-menu"; import { NavLink } from "react-router-dom"; import { getCookie } from 'react-use-cookie'; import { useHistory } from "react-router-dom"; import LogoutOutlinedIcon from '@mui/icons-material/LogoutOutlined'; import Button from '@mui/material/Button'; import { confirmAlert } from 'react-confirm-alert'; // Import import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css import { useCookies } from "react-cookie"; import { Helmet } from "react-helmet"; import logowhite from "../mysy_img/MYSY-LOGO-WHITE.png"; 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'; import { format } from 'date-fns' import moment from "moment"; import SendIcon from '@mui/icons-material/Send'; import axios from "axios"; const ButtonHilight = () => { const history = useHistory(); const [show, setShow] = useState(true); const [lastScrollY, setLastScrollY] = useState(0); const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych']); const [partcookie, setpartCookie, removepartCookie] = useCookies(['tokenmysypart']); const [country_code, setcountry_code] = useState("FR"); const [country_name, setcountry_name] = useState("France"); const [city, setcity] = useState("Paris"); const [postal, setpostal] = useState("75001"); const [latitude, setlatitude] = useState("48.861000061035156"); const [longitude, setlongitude] = useState("2.3380000591278076"); const [IPv4, setIPv4] = useState("172.71.122.128"); const [state, setstate] = useState("France"); const [userIp, setuserIp] = useState("172.71.122.128"); const controlNavbar = () => { if (typeof window !== 'undefined') { if (window.scrollY > lastScrollY && window.scrollY > 100) { setShow(false); } else if (window.scrollY < lastScrollY && window.scrollY < 100) { // if scroll up show the navbar setShow(true); } // remember current page location to use in the next move setLastScrollY(window.scrollY); } }; const [userconnected, setuserconnected] = useState("0"); const [someoneconnected, setsomeoneconnected] = useState("0"); const [partnerconnected, setpartnerconnected] = useState("0"); 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; if (typeof (stored_user) === "undefined" || String(stored_user) === '') { setuserconnected("0"); local_user_connect = 0; } else { setuserconnected("1"); setsomeoneconnected("1"); local_user_connect = 1; //alert(" user connected OK"); } if (typeof (stored_part) === "undefined" || String(stored_part) === '') { setpartnerconnected("0"); setsomeoneconnected("0"); local_part_connect = 0; } else { setpartnerconnected("1"); setsomeoneconnected("1"); local_part_connect = 1; // alert(" partner connected OK"); } } useEffect(() => { whosisconnected(); if (typeof window !== 'undefined') { window.addEventListener('scroll', controlNavbar); // cleanup function return () => { window.removeEventListener('scroll', controlNavbar); }; } }, [lastScrollY]); const [PartnerMenu, setPartnerMenu] = React.useState(null); const [AccountMenu, setAccountMenu] = React.useState(null); const [ProduitMenu, setproduitMenu] = React.useState(null); const [AvisMenu, setavisMenu] = React.useState(null); const PartnerMenu_Close = () => { setPartnerMenu(null); }; const AccountMenu_Close = () => { setAccountMenu(null); }; const ProduitMenu_Close = () => { setproduitMenu(null); }; const handlePartnerMenu = (event) => { setPartnerMenu(event.currentTarget); }; const handleAccountMenu = (event) => { setAccountMenu(event.currentTarget); }; const handleProduitMenu = (event) => { setproduitMenu(event.currentTarget); }; const handleQuisommesNousMenu = (event) => { history.push("/QuiSommesNous") }; const handleClose_Account = () => { alert(" my account"); setAccountMenu(null); }; const handleAccountConnexion = () => { setAccountMenu(null); history.push("/Connexion") }; const handleMyAccount = () => { setAccountMenu(null); history.push("/mysy-user-account") }; const handleAccountCreation = () => { setAccountMenu(null); history.push("/create_account") }; const handlePartnerConnexion = () => { setAccountMenu(null); history.push("/PartnerLogin") }; const handleProduitService = () => { setproduitMenu(null); history.push("/Produits-Services/") }; const handleAvis = () => { setavisMenu(null); history.push("/Recherche-Article-formation") }; function user_logout_confirmation() { /* si c'est une connexion partner qui est active */ if (typeof (stored_user) != "undefined") { setCookie("tokenmysych", ""); } history.push("/recherche-formation"); } function user_logout() { confirmAlert({ title: '', message: 'Confirmez la deconnexion (user)', buttons: [ { label: 'Oui', onClick: () => user_logout_confirmation() }, { label: 'Non', onClick: () => { return } } ] }); } function part_logout_confirmation() { /* si c'est une connexion partner qui est active */ //alert(" deccc"); //console.log(" ### AVANNN deconnexion iciiii"); if (typeof (stored_part) != "undefined") { const stored_cookie = getCookie('tokenmysypart'); var acces_right_token_name = stored_cookie + "_uar"; setpartCookie("tokenmysypart", "", { path: '/' }); 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)', buttons: [ { label: 'Oui', onClick: () => part_logout_confirmation() }, { label: 'Non', onClick: () => { return } } ] }); } function handleAccountLogout() { if (String(userconnected) === String("1")) { user_logout(); } else if (String(partnerconnected) === String("1")) { part_logout(); } } const [CategorieMenu, setCategorieMenu] = React.useState(null); const CategorieMenu_Close = () => { setCategorieMenu(null); }; const handleCategorieMenu = (event) => { setCategorieMenu(event.currentTarget); }; const handleClassCategorie = (e) => { setCategorieMenu(null); const pieces = window.location.href.split("/") const last = pieces[pieces.length - 1] var mymetier = ""; mymetier = e.target.id if (last === mymetier) { //console.log(" ## RELAOD"); window.location.reload(true); } else { history.push("/Recherche_new_v2/0/" + mymetier); } }; function publiecatalogue() { history.push("/Partner", { mysy_arg: 'partner' }); } function resserver_demo() { history.push("/Partner", { mysy_arg: 'partner' }); } const handleBlogMenu = (event) => { history.push("/Recherche-Article-formation") }; 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); }; const [Dialog_contact_message, setDialog_contact_message] = React.useState(false); const [Dialog_contact_open, setDialog_contact_open] = React.useState(false); function Dialog_contact_handle_change_participant_session(message) { setDialog_contact_message(message); setDialog_contact_open(true); } const Dialog_contact_handleClose = () => { }; const Dialog_contact_handleClose_buton = () => { setDialog_contact_open(false); clear_contact_message_fields(); }; function clear_contact_message_fields() { setcontact_message_nom_prenom(""); setcontact_message_email(""); setcontact_message_phone(""); setcontact_message_sujet(""); setcontact_message_sujet(""); setcontact_message_message(""); } const [contact_message_nom_prenom, setcontact_message_nom_prenom] = React.useState(""); const [contact_message_email, setcontact_message_email] = React.useState(""); const [contact_message_phone, setcontact_message_phone] = React.useState(""); const [contact_message_sujet, setcontact_message_sujet] = React.useState(""); const [contact_message_message, setcontact_message_message] = React.useState(""); function Send_Contact_Message(e) { var sender_mail = ""; var sender_tel = ""; var token = ""; ////console.log("contacter " + sender_mail + " - " + sender_tel + " - ") var mysubject = contact_message_sujet; var mymessage = contact_message_message; var mysender_name = contact_message_nom_prenom; var mysender_email = contact_message_email; //alert("contacter "+mysender_email+" - "+mymessage+" - url = " //+process.env.REACT_APP_API_URL+" - user_ip ="+IPv4+" - "+latitude); var re = /\S+@\S+\.\S+/; if (re.test(mysender_email) == false) { alert("l'email est incorrecte"); return; } var myurl = process.env.REACT_APP_API_URL + "myclass/api/add_user_message/"; var form = new FormData(); form.append("type", "email"); form.append("recever_mail", "contact@mysy-training.com"); form.append("recever_tel", "+33769203945"); form.append("sender_mail", mysender_email); form.append("sender_tel", sender_tel); form.append("object", mysubject); form.append("message", mymessage); form.append("sender_name", mysender_name); form.append("token", ""); form.append("user_ip", IPv4); form.append("user_country_code", country_code); form.append("user_country_name", country_name); form.append("user_city", city); form.append("user_postal", postal); form.append("user_latitude", latitude); form.append("user_longitude", longitude); form.append("user_state", state); // console.log("## form = ", form); axios.post(myurl, form).then(res => { if (String(res.data.status) === String("false")) { alert(res.data.message); } else if (String(res.data.status) === String("true")) { Dialog_contact_handleClose_buton(); alert(res.data.message); } else { } }).catch((error) => { console.warn('contact-nous Not good man :( mysearchtext = '); }) } return (
{/*** GESTION Contact */} Contactez Nous
Nom & Prénom
{ setcontact_message_nom_prenom(e.target.value); }} className='form-control formInput' placeholder='Nom' >
E-mail
{ setcontact_message_email(e.target.value); }} className='form-control formInput' placeholder='Adresse email' >
Téléphone
{ setcontact_message_phone(e.target.value); }} className='form-control formInput' placeholder='Numéro Tél' >
Sujet
{ setcontact_message_sujet(e.target.value); }} className='form-control formInput' placeholder='Sujet' >
Votre message
MySy Training Technology
Adresse : 1 Cr du Havre, 75008 Paris
Adresse email : contact@mysy-training.com
Téléphone fixe : +331 77 00 38 57
{/*** FIN GESTION Contact */} MySy Information Confirmez la deconnexion
Compte utilisateur Mon Compte Deconnexion Mon Compte Connexion S'inscrire Deconnexion {/* */}

Connexion MySy Training Technogy

MySy Training Technology
Les formations

Recherche Formations Tutoriels

{String(someoneconnected) !== String("1") && } {String(someoneconnected) === String("1") && }
{String(someoneconnected) === String("1") &&
Mon Compte
} {String(someoneconnected) !== String("1") &&
S'inscrire
} {
{ // console.log(" oooooo ") e.preventDefault(); var date2 = new Date(); const format2 = "YYYY-MM"; var dateTime2 = moment(date2).format(format2); window.open( "https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2), '_blank' ); }} style={{ "background": "#53B7EB", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}> Une Demo ?
}
{ setDialog_contact_open(true); }}> Contact
Prix
{/*
Le blog
*/}
A propos
{/*

*/}
); } export default ButtonHilight;