import React, { useRef, useState, useEffect } from "react"; import { useParams } from 'react-router-dom' import axios from "axios"; import Popup from 'reactjs-popup'; import 'reactjs-popup/dist/index.css'; import bannerimg2 from "../mysy_img/MYSY-LOGO-BLUE.png"; import { Helmet } from "react-helmet"; import 'react-slideshow-image/dist/styles.css' import { Fade } from 'react-slideshow-image'; import slideimg1 from "../mysy_img/education.jpg"; import slideimg2 from "../mysy_img/simpson2.jpg"; import slideimg3 from "../mysy_img/mysy_home.jpg"; import { Button, } from "reactstrap"; import { useHistory } from "react-router-dom"; import { useCookies } from "react-cookie"; import { FacebookShareButton, LinkedinShareButton, TwitterShareButton } from "react-share"; import { SocialIcon } from 'react-social-icons'; import { confirmAlert } from 'react-confirm-alert'; const DisplayDetailClass = (props) => { const { classId } = useParams(); const [result, setResult] = useState(""); const [myApiResponse, setmyApiResponse] = useState(); const [DetailTraining, setDetailTraining] = useState([]); const [closepopup, setclosepopup] = useState(0); const [country_code, setcountry_code] = useState(""); const [country_name, setcountry_name] = useState(""); const [city, setcity] = useState(""); const [postal, setpostal] = useState(""); const [latitude, setlatitude] = useState(""); const [longitude, setlongitude] = useState(""); const [IPv4, setIPv4] = useState(""); const [state, setstate] = useState(""); const [userIp, setuserIp] = useState(""); const [mynote, setmynote] = useState(0); const [userconnected, setuserconnected] = useState("0"); const [partnerconnected, setpartnerconnected] = useState("0"); const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych']); const [cookie_part, setCookie_part, removeCookie_part] = useCookies(['tokenmysypart']); // Gestion des Cookies const stored_partner = cookie_part.tokenmysypart; const stored_user = cookie.tokenmysych; var server_address = "127.0.0.1"; useEffect(() => { 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"); local_user_connect = 1; } if (typeof (stored_partner) === "undefined" || String(stored_partner) === '') { setpartnerconnected("0"); local_part_connect = 0; } else { setpartnerconnected("1"); local_part_connect = 1; } async function fetchData() { const result = await axios('https://geolocation-db.com/json/',); setuserIp(result.data.IPv4); setcountry_code(result.data.country_code); setcountry_name(result.data.country_name); setcity(result.data.city); setpostal(result.data.postal); setlatitude(result.data.latitude); setlongitude(result.data.longitude); setIPv4(result.data.IPv4); setstate(result.data.state); setuserIp(result.data.IPv4); } fetchData(); Display(); }, []); function contactUs(e) { var sender_mail = ""; var sender_tel = ""; var token = ""; if (String(userconnected) === "0") { sender_mail = document.getElementsByName("usermail")[0].value; sender_tel = document.getElementsByName("usernumtel")[0].value; if (sender_mail.length == 0 && sender_tel.length == 0) { alert(" Les information fournies sont incorrectes "); return; } } else { token = String(stored_user) } var useravis = document.getElementsByName("useravis")[0].value; var usersupqual = document.getElementsByName("userqualsup")[0].value; var usernote = document.getElementsByName("usernote")[0].value; if (useravis.length < 20 || usersupqual.length < 20 || usernote.length < 0) { alert("Merci de saisir le nombre minimum de caractère requis pour les champs "); return; } var re = /\S+@\S+\.\S+/; if (re.test(sender_mail) == false) { alert("l'email est incorrecte"); return; } ////console.log("contacter " + sender_mail + " - " + sender_tel + " - ") //alert("contacter "+sender_mail+" - "+sender_tel+" - "+usermessage+" - url = " //+process.env.REACT_APP_API_URL+" - user_ip ="+IPv4+" - "+latitude); 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", ""); form.append("recever_tel", ""); form.append("sender_mail", sender_mail); form.append("sender_tel", sender_tel); form.append("object", DetailTraining["external_code"]); 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); axios.post(myurl, form).then(res => { if (res.data.status != "False") { //console.log(" In test res.data.status = " + res.data.status); //console.log(" In test res.data.message = " + res.data.message); setclosepopup(1); document.getElementsByName("usermail")[0].value = ""; document.getElementsByName("usernumtel")[0].value = ""; document.getElementsByName("usercomment")[0].value = ""; } else { //console.log(" contact-nous statut = " + res.data.status); //console.log(" contact-nous res.data.message = " + res.data.message); } }).catch((error) => { console.warn('contact-nous Not good man :( mysearchtext = '); }) } function Display(e) { var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_class_coup_de_coeur/"; var form = new FormData(); form.append("internal_url", classId); form.append("token", ""); // Ajout des info IP user 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); axios.post(myurl, form).then(res => { if (String(res.data.status) != String("false")) { //console.log(" In test res.data.status = " + res.data.status); //console.log(" In test res.data.message = " + res.data.message); if (res.data.message.length > 0) { setmyApiResponse("True"); } else { setmyApiResponse("False"); } setResult(res.data.message); setDetailTraining(JSON.parse(res.data.message)); } else { //console.log(" In Erreur res.data.status = " + res.data.status); //console.log(" In Erreur res.data.message = " + res.data.message); setmyApiResponse("False"); } }).catch((error) => { console.warn('Not good man :( mysearchtext = '); setmyApiResponse("False"); }) } const history = useHistory(); const fadeImages = [ { url: slideimg1, }, { url: slideimg2, }, { url: slideimg3, }, ]; function CheckNote(e) { const val = e.target.value; if (isNaN(val)) { //alert(val + " is not a number
mynote = "+mynote); document.getElementById("usernote").value = mynote; } else { if (val > 5) { alert(" Valeur Maxi doit etre 5"); document.getElementById("usernote").value = mynote; } else { setmynote(val); } } } /// ---- return (
{`${DetailTraining["title"]}`}

{`${DetailTraining["title"]}`}

{String(myApiResponse) === String("False") &&
Impossible de recuperer la formation. Merci de contacter le support.
} {myApiResponse === "True" &&
Titre
{DetailTraining["title"]}
Formateur
{DetailTraining["trainer"]}
Prix
{DetailTraining["price"]}
Distanciel
{DetailTraining.presentiel && DetailTraining.presentiel.distantiel === "1" &&
Oui
} {DetailTraining.presentiel && DetailTraining.presentiel.distantiel !== "1" &&
Non
}
Presentiel
{DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "1" &&
Oui
} {DetailTraining.presentiel && DetailTraining.presentiel.presentiel !== "1" &&
Non
}
Durée
{DetailTraining["duration"]}   {DetailTraining["duration_unit"]}
Langue
{DetailTraining["lang"]}  
{DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "0" &&
En ligne


} {DetailTraining.location &&
A distance
{DetailTraining.location.rue}   {DetailTraining.location.ville}   {DetailTraining.location.cp}   {DetailTraining.location.pays}  
} {DetailTraining["description"] &&
Description

{DetailTraining["description"]}

} {DetailTraining["objectif"] &&
Objectif

{DetailTraining["objectif"]}  

} {DetailTraining["pointsfort"] &&
Points forts

{DetailTraining["pointsfort"]}  

}

Vous avez suivi cette formation, votre avis nous interesse
Votre avis nous interesse } position="left center" >
{String(userconnected) === "0" &&


}



   
} {myApiResponse == "True" &&
{/*closepopup == '0' && Contactez nous }>

.-0
*/ }
{fadeImages.map((fadeImage, index) => (

{fadeImage.caption}

))}
Titre :

{DetailTraining["title"]}




Description

{DetailTraining["description"]}

{DetailTraining["objectif"] &&

Objectif

{DetailTraining["objectif"]}  

} {DetailTraining["pointsfort"] &&

Points forts

{DetailTraining["pointsfort"]}  

}
Formateur
{DetailTraining["trainer"]}
Prix
{DetailTraining["price"]}
langue
{DetailTraining["lang"]}

Durée
{DetailTraining["duration"]}   {DetailTraining["duration_unit"]}
{DetailTraining["certif"] &&
Certifiante
{DetailTraining["certif"] && String(DetailTraining["certif"]) !== String("1") &&
Non  
} {DetailTraining["certif"] && String(DetailTraining["certif"]) === String("1") &&
Oui  
}
}
Distanciel
{DetailTraining.presentiel && DetailTraining.presentiel.distantiel === "1" &&
Oui
} {DetailTraining.presentiel && DetailTraining.presentiel.distantiel !== "1" &&
Non
}
Presentiel
{DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "1" &&
Oui
} {DetailTraining.presentiel && DetailTraining.presentiel.presentiel !== "1" &&
Non
}



{/*

Vous avez suivi cette formation, partager votre avis

*/}
Votre avis nous interesse } position="left center" className="popup-content2">
{String(userconnected) === "0" &&


}



   
}
) } export default DisplayDetailClass;