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 logowhite from "../mysy_img/MYSY-LOGO-WHITE.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 slideimg4 from "../mysy_img/mysy_img.png";
import Footer from "./Fotter";
import Header from "./Header";
import bannerimg from "../mysy_img/MYSY_banner_compte.png";
import img_met_program from "../mysy_img/met_programmation.jpg";
import img_met_hotel from "../mysy_img/met_hotel.jpg";
import img_met_graphisme from "../mysy_img/metier_graphisme.jpg";
import img_met_autre from "../mysy_img/met_autre.jpg";
import img_met_digital from "../mysy_img/met_digital.jpg";
import img_met_management from "../mysy_img/met_management.jpg";
import img_met_projet from "../mysy_img/met_projet.jpg";
import img_met_market from "../mysy_img/met_market.jpg";
import img_met_autre2 from "../mysy_img/met_autre2.jpg";
import img_met_dev_perso from "../mysy_img/metier_dev_perso.jpg";
import img_met_rh from "../mysy_img/met_rh.jpg";
import img_met_bureautic from "../mysy_img/met_burautic.jpg";
import img_met_vente from "../mysy_img/met_vente.jpg";
import img_met_sport from "../mysy_img/met_sport.png";
import img_met_sante_nat from "../mysy_img/met_sante_nat.jpeg";
/*
/!\ important: les images du slides doivent avoir une dimension de : 250 X 450
*/
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';
//import { Rating } from 'react-simple-star-rating';
import Rating from '@mui/material/Rating';
import parse from 'html-react-parser';
import Inscription from "./Inscription_Information";
import mysy_logo2 from "../mysy_img2/Logo_MySy.png"
import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
import { areOptionsEqual } from "@mui/base";
import { style } from "@mui/system";
import Accordion from '@mui/material/Accordion';
import AccordionDetails from '@mui/material/AccordionDetails';
import AccordionSummary from '@mui/material/AccordionSummary';
import Typography from '@mui/material/Typography';
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
const DisplayDetailClass_new_v2 = (props) => {
const { classId, action } = 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 [someoneconnected, setsomeoneconnected] = useState("0");
const [partnerconnected, setpartnerconnected] = useState("0");
const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych']);
const [cookie_part, setCookie_part, removeCookie_part] = useCookies(['tokenmysypart']);
const [inscritpion, setinscritpion] = useState("");
const [ratingvalue, setratingvalue] = useState(0);
const [text_size, settext_size] = useState("0");
// Gestion des Cookies
const stored_partner = cookie_part.tokenmysypart;
const stored_user = cookie.tokenmysych;
const [childdata, setchilddata] = useState();
// Cette fonction verifier si le token de l'evaluation est valide
//si $action != 'information' et 'inscription', alors la valeur est forcement celle d'un token.
const [tokenEval_api, settokenEval_api] = useState();
const [tokenEval_message, settokenEval_message] = useState();
const [tokenEval_result, settokenEval_result] = useState();
function CheckEvaluationToken() {
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
form.append("eval_token", action);
form.append("class_internal_url", classId);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/MySyckeckEvaluationToken/";
axios.post(myurl, form).then(res => {
//console.log(" In CheckEvaluationToken res.data.status = " + res.data.status);
//console.log(" In CheckEvaluationToken res.data.message r_class = " + res.data.message);
if (String(res.data.status) !== "false") {
settokenEval_api("true");
settokenEval_result(res.data.message);
}
else {
//console.log(" In tokenEval_trainingsession res.data.status = " + res.data.status);
settokenEval_api("false");
settokenEval_message(res.data.message);
}
}).catch((error) => {
console.warn('Not good man :( CheckEvaluationToken = ', error);
settokenEval_api("false");
//setmyApimyApiMessage("")
})
}
useEffect(() => {
async function funclocaltoken() {
if (action && String(action).toLocaleLowerCase() !== "inscription" &&
String(action).toLocaleLowerCase() !== "information") {
CheckEvaluationToken();
}
}
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);
submenu_datelieu();
}
fetchData();
GetCurrentClass_trainingsession();
Display();
GetAssociatedTraning();
funclocaltoken();
window.scrollTo({
top: 0,
behavior: "smooth",
});
}, []);
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 = ');
})
}
/* Cette variable accompagne la gestion des images par defaut.
idée : si la valeur de "DetailTraining.metier" != "management, digital, office, rh, vente, dev_perso"
alors l'utilisateur à créer une formation avec un metier qui n'est pas geré, donc on met une image par defaut
*/
const [ismetiermanaged, setismetiermanaged] = useState();
const liste_metier = ["management", "digital", "office", "rh", "vente", "dev_perso"];
const [nb_pave_a_afficher, setnb_pave_a_afficher] = useState();
const [isdatadock, setisdatadock] = useState();
const [isqualiopi, setisqualiopi] = useState();
const [iscertitrace, setiscertitrace] = useState();
const [isbureaucertitrace, setisbureaucertitrace] = useState();
const [iscertifvoltaire, setiscertifvoltaire] = useState();
const [partnair_name, setpartnair_name] = useState();
const [website_partenaire, setwebsite_partenaire] = useState();
const [class_sales_price, setclass_sales_price] = useState("0");
const [myclassimage, setmyclassimage] = useState();
const [isclassimage, setisclassimage] = useState("False");
const [userimgclassprofil, setuserimgclassprofil] = useState("");
const [class_img_stored_in_bdd, setclass_img_stored_in_bdd] = useState("");
function getClassImage_no_token(class_id, class_external_code) {
var myurl = process.env.REACT_APP_API_URL + "myclass/api/getRecodedClassImage_no_token/";
var form = new FormData();
form.append("type", "partner");
form.append("related_collection", "myclass");
form.append("related_collection_recid", class_id);
form.append("class_external_code", class_external_code);
axios.post(myurl, form).then(res => {
if (res.data.status != "False") {
//console.log(" getClassImage : In test res.data.status = " + res.data.status);
console.log(" getClassImage: res.data.message.img = " + res.data.message);
if (res.data.message.img.length > 0) {
setisclassimage("True");
}
else {
setisclassimage("False");
}
setisclassimage(res.data.message.img);
var ch_img = "data:image/png;base64," + res.data.message.img;
setclass_img_stored_in_bdd(ch_img);
}
else {
//console.log(" In Erreur res.data.status = " + res.data.status);
//console.log(" In Erreur res.data.message = " + res.data.message);
setisclassimage("False");
setuserimgclassprofil();
setclass_img_stored_in_bdd();
}
}).catch((error) => {
console.warn('getClassImage ee: Not good man :( getClassImage = ');
setisclassimage("False");
setuserimgclassprofil("");
setclass_img_stored_in_bdd("");
})
}
function Display(e) {
var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_class/";
var form = new FormData();
form.append("internal_url", classId);
var my_local_user_connect;
var my_local_part_connect;
if (typeof (stored_user) === "undefined" || String(stored_user) === '') {
my_local_user_connect = 0;
} else {
my_local_user_connect = 1;
}
if (typeof (stored_partner) === "undefined" || String(stored_partner) === '') {
my_local_part_connect = 0;
} else {
my_local_part_connect = 1;
}
if (String(my_local_user_connect) === "1") {
form.append("token", stored_user);
form.append("connection_type", "user");
}
else if (String(my_local_part_connect) === "1") {
form.append("token", stored_partner);
form.append("connection_type", "partner");
}
else {
form.append("token", "");
form.append("connection_type", "");
}
// 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);
var cpt_pave = 0;
//alert("myurl = "+myurl);
axios.post(myurl, form).then(res => {
// console.log(" In Display res.data.status = " + res.data.status);
console.log(" In Display res.data.message = " + res.data.message);
if (String(res.data.status) === String("true")) {
if (res.data.message.length > 0) {
setmyApiResponse("True");
if (String(JSON.parse(res.data.message).coeur) !== String("1") &&
String(JSON.parse(res.data.message).freeacces) !== String("1")) {
//alert(" ce n'est pas un coeur = " + JSON.parse(res.data.message).coeur)
// Verification si on est en e connecté ou non.
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;
}
if (local_user_connect === 0 && local_part_connect === 0) {
confirmAlert({
title: 'Connexion ?',
message: 'Connectez-vous pour acceder au detail de cette formation',
buttons: [
{
label: 'Vous avez un compte',
onClick: () => { history.push("/mysy-training-login/training/" + classId) }
},
{
label: "Vous n'avez pas de compte",
onClick: () => { history.push("/create_account") }
},
],
closeOnEscape: false,
closeOnClickOutside: false,
keyCodeForClose: [8, 32],
willUnmount: () => { },
afterClose: () => { },
onClickOutside: () => { },
onKeypress: () => { },
onKeypressEscape: () => { },
});
}
} else {
//alert(" c'est pas un coeur = " + JSON.parse(res.data.message).coeur)
}
}
else {
setmyApiResponse("False");
}
//console.log(" In displaydetailclass res.data.status = " + res.data.status);
//console.log(" In displaydetailclass res.data.message = " + res.data.message);
//console.log(" In displaydetailclass taille res.data.message = " + res.data.message.length);
setResult(res.data.message);
setDetailTraining(JSON.parse(res.data.message));
getClassImage_no_token(JSON.parse(res.data.message)._id, JSON.parse(res.data.message).external_code);
if (JSON.parse(res.data.message).note) {
setratingvalue(JSON.parse(res.data.message).note);
}
if (JSON.parse(res.data.message).isdatadock) {
setisdatadock(JSON.parse(res.data.message).isdatadock);
}
if (JSON.parse(res.data.message).business_prices && JSON.parse(res.data.message).business_prices.length == 1) {
setclass_sales_price(JSON.parse(res.data.message).business_prices[0].discounted_price);
} else {
setclass_sales_price(JSON.parse(res.data.message).price);
setclass_sales_price(JSON.parse(res.data.message).price);
}
if (JSON.parse(res.data.message).isqualiopi) {
setisqualiopi(JSON.parse(res.data.message).isqualiopi);
}
if (JSON.parse(res.data.message).iscertitrace) {
setiscertitrace(JSON.parse(res.data.message).iscertitrace);
}
if (JSON.parse(res.data.message).isbureaucertitrace) {
setisbureaucertitrace(JSON.parse(res.data.message).isbureaucertitrace);
}
if (JSON.parse(res.data.message).iscertifvoltaire) {
setiscertifvoltaire(JSON.parse(res.data.message).iscertifvoltaire);
}
if (JSON.parse(res.data.message).nom_partenaire) {
setpartnair_name(JSON.parse(res.data.message).nom_partenaire);
}
if (JSON.parse(res.data.message).nb_pave_a_afficher) {
setnb_pave_a_afficher(JSON.parse(res.data.message).nb_pave_a_afficher);
//console.log(" ### NB setnb_pave_a_afficher = ", JSON.parse(res.data.message).nb_pave_a_afficher);
}
if (JSON.parse(res.data.message).website_partenaire) {
setwebsite_partenaire(JSON.parse(res.data.message).website_partenaire);
}
// Verifier si le metier est geré
if (JSON.parse(res.data.message).metier) {
if (!liste_metier.includes(JSON.parse(res.data.message).metier)) {
setismetiermanaged("0"); // j'ai une valeur dans metier, mais qui n'est pas geré
}
}
else {
setismetiermanaged("0");
}
if (JSON.parse(res.data.message).img_url && String(JSON.parse(res.data.message).img_url).length > 0) {
setismetiermanaged("1");
}
if (JSON.parse(res.data.message).text_size) {
settext_size(JSON.parse(res.data.message).text_size);
//"block_crossell_meme_orga"
var local_tmp;
var val;
var footer_top;
var main_h;
var main_h_px;
//console.log("nb_partner_certificat = ", JSON.parse(res.data.message).nb_partner_certificat);
if (window.screen.width < 601) {
var decalage_pr_certificat = parseInt(String(JSON.parse(res.data.message).nb_partner_certificat)) * 150;
//console.log("decalage_pr_certificat = ", decalage_pr_certificat);
var local_val = parseInt(String(JSON.parse(res.data.message).nb_pave_a_afficher));
//console.log("### local_val = ", local_val)
if (local_val >= 5) {
//console.log(" ON PASSE au MAX")
var local_tmp_val = 2300 + decalage_pr_certificat;
var local_main_h_px = 4000 + decalage_pr_certificat;
//console.log("### local_tmp_val = ", local_tmp_val, " local_main_h_px = ",local_main_h_px);
local_tmp = local_tmp_val + "px";
main_h_px = local_main_h_px + "px";
if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") {
var local_tmp_val = 2800 + decalage_pr_certificat;
var local_main_h_px = 4500 + decalage_pr_certificat;
local_tmp = local_tmp_val + "px";
main_h_px = local_main_h_px + "px";
}
} else {
//console.log(" ON PASSE au MIN");
var local_tmp_val = 2100 + decalage_pr_certificat;
var local_main_h_px = 4800 + decalage_pr_certificat;
local_tmp = local_tmp_val + "px";
main_h_px = local_main_h_px + "px";
if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") {
var local_tmp_val = 2600 + decalage_pr_certificat;
var local_main_h_px = 5300 + decalage_pr_certificat;
local_tmp = local_tmp_val + "px";
main_h_px = local_main_h_px + "px";
}
}
document.getElementById('mob_block_cross_sell_cat').style.top = local_tmp;
document.getElementById('mobile').style.height = main_h_px;
}
if (window.screen.width >= 601 && window.screen.width <= 991) {
var local_val = parseInt(String(JSON.parse(res.data.message).nb_pave_a_afficher));
if (local_val >= 5) {
//console.log(" ON PASSE au MAX")
local_tmp = "2000px";
main_h_px = "2700px";
if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") {
local_tmp = "2500px";
main_h_px = "3200px";
}
} else {
console.log(" ON PASSE au MIN");
local_tmp = "1700px";
main_h_px = "2500px";
if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") {
local_tmp = "2200px";
main_h_px = "3000px";
}
}
document.getElementById('block_crossell_meme_orga').style.top = local_tmp;
document.getElementById('desktop').style.height = main_h_px;
}
if (window.screen.width >= 992 && window.screen.width <= 1199) {
var local_val = parseInt(String(JSON.parse(res.data.message).nb_pave_a_afficher));
if (local_val >= 5) {
console.log(" ON PASSE au MAX")
local_tmp = "2000px";
main_h_px = "2800px";
if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") {
local_tmp = "2500px";
main_h_px = "3200px";
}
} else {
console.log(" ON PASSE au MIN");
local_tmp = "1700px";
main_h_px = "2500px";
if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") {
local_tmp = "2200px";
main_h_px = "3000px";
}
}
document.getElementById('block_crossell_meme_orga').style.top = local_tmp;
document.getElementById('desktop').style.height = main_h_px;
}
if (window.screen.width >= 1200) {
var local_val = parseInt(String(JSON.parse(res.data.message).nb_pave_a_afficher));
if (local_val >= 5) {
console.log(" ON PASSE au MAX")
local_tmp = "2000px";
main_h_px = "2800px";
if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") {
local_tmp = "2500px";
main_h_px = "3200px";
}
} else {
console.log(" ON PASSE au MIN");
local_tmp = "1700px";
main_h_px = "2500px";
if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") {
local_tmp = "2300px";
main_h_px = "3000px";
}
}
document.getElementById('block_crossell_meme_orga').style.top = local_tmp;
document.getElementById('desktop').style.height = main_h_px;
}
}
}
else {
//console.log(" In Erreur res.data.status = " + res.data.status);
//console.log(" In Erreur res.data.message = " + res.data.message);
setmyApiResponse("false");
history.push("/formation-inconnue/");
}
}).catch((error) => {
console.warn('Not good man :( Display = ', error);
//console.log(error);
setmyApiResponse("false");
})
}
const [associatedtraining_api, setassociatedtraining_api] = useState("");
const [associatedtraining_message, setassociatedtraining_message] = useState("");
function GetAssociatedTraning(e) {
var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_associated_class_of_partnair/";
var form = new FormData();
form.append("internal_url", classId);
// 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);
//alert("myurl = "+myurl);
axios.post(myurl, form).then(res => {
if (String(res.data.status) !== String("false")) {
//console.log(" In GetAssociatedTraning res.data.status = " + res.data.status);
//console.log(" In GetAssociatedTraning res.data.message = " + res.data.message);
setassociatedtraining_api("True");
setassociatedtraining_message(res.data.message);
}
else {
//console.log(" In Erreur res.data.status = " + res.data.status);
//console.log(" In Erreur res.data.message = " + res.data.message);
setassociatedtraining_api("False");
}
}).catch((error) => {
console.warn('Not good man :( GetAssociatedTraning = ');
setassociatedtraining_api("False");
})
}
const history = useHistory();
const fadeImages = [
{
url: slideimg1,
},
{
url: slideimg4,
},
];
function CheckAvis(e) {
const val = document.getElementById("useravis").value
//alert(" evalu " + val);
if (val.length < 20) {
alert(" Le champ 'Avis' doit etre plus renseigné");
}
//alert(val);
}
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);
}
}
}
const [submenu, setsubmenu] = useState("datelieu");
function submenu_info() {
setsubmenu("formateur");
//if (document.getElementsByName("menu_formateur")[0])
// document.getElementsByName('menu_formateur')[0].focus();
if (document.getElementsByName("menu_datelieu")[0])
document.getElementsByName('menu_datelieu')[0].blur();
if (document.getElementsByName("submenu_divers")[0])
document.getElementsByName('submenu_divers')[0].blur();
}
function submenu_datelieu() {
setsubmenu("datelieu");
//if (document.getElementsByName("menu_datelieu")[0])
// document.getElementsByName('menu_datelieu')[0].focus();
if (document.getElementsByName("menu_formateur")[0])
document.getElementsByName('menu_formateur')[0].blur();
if (document.getElementsByName("submenu_divers")[0])
document.getElementsByName('submenu_divers')[0].blur();
}
function submenu_divers() {
setsubmenu("divers");
//if (document.getElementsByName("submenu_divers")[0])
//document.getElementsByName('submenu_divers')[0].focus();
if (document.getElementsByName("menu_datelieu")[0])
document.getElementsByName('menu_datelieu')[0].blur();
if (document.getElementsByName("submenu_divers")[0])
document.getElementsByName('submenu_divers')[0].blur();
}
function Inscription_bton(event) {
if (DetailTraining["internal_url"] && String(DetailTraining["class_inscription_url"]).length > 10) {
window.open(
String(DetailTraining["class_inscription_url"]),
'_blank'
);
} else {
setinscritpion("1");
}
if (window.screen.width < 601) {
var meme_orga_top = document.getElementById('mob_block_cross_sell_cat').style.top;
var displaydetailclass_new_v2_hei = document.getElementById('mobile').style.height;
var sticky_div_hilight_top = "1300";
var new_meme_orga_top = parseInt(meme_orga_top) + 900;
var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 900;
var new_sticky_div_hilight_top = parseInt(sticky_div_hilight_top) + 900;
document.getElementById('mob_block_cross_sell_cat').style.top = new_meme_orga_top + "px";
document.getElementById('mobile').style.height = new_displaydetailclass_new_v2_hei + "px";
document.getElementById('sticky_div_hilight_pave').style.top = new_sticky_div_hilight_top + "px";
window.scrollTo(0, 500);
}
else if (window.screen.width >= 601 && window.screen.width <= 991) {
var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
var new_meme_orga_top = parseInt(meme_orga_top) + 900;
var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 900;
document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
window.scrollTo({
top: 0,
behavior: "smooth",
});
}
else if (window.screen.width >= 992 && window.screen.width <= 1199) {
var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
var new_meme_orga_top = parseInt(meme_orga_top) + 500;
var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 500;
document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
window.scrollTo({
top: 0,
behavior: "smooth",
});
}
else if (window.screen.width >= 1200) {
var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
var new_meme_orga_top = parseInt(meme_orga_top) + 500;
var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 500;
document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
window.scrollTo({
top: 0,
behavior: "smooth",
});
}
}
function Contact_bton(event) {
setinscritpion("2");
if (window.screen.width < 601) {
//document.getElementById('mob_block_cross_sell_cat').style.display = "none";
var meme_orga_top = document.getElementById('mob_block_cross_sell_cat').style.top;
var displaydetailclass_new_v2_hei = document.getElementById('mobile').style.height;
var sticky_div_hilight_top = "1300";
var new_meme_orga_top = parseInt(meme_orga_top) + 900;
var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 900;
var new_sticky_div_hilight_top = parseInt(sticky_div_hilight_top) + 900;
document.getElementById('mob_block_cross_sell_cat').style.top = new_meme_orga_top + "px";
document.getElementById('mobile').style.height = new_displaydetailclass_new_v2_hei + "px";
document.getElementById('sticky_div_hilight_pave').style.top = new_sticky_div_hilight_top + "px";
window.scrollTo(0, 500);
}
else if (window.screen.width >= 601 && window.screen.width <= 991) {
var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
var new_meme_orga_top = parseInt(meme_orga_top) + 900;
var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 900;
document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
}
else if (window.screen.width >= 992 && window.screen.width <= 1199) {
var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
var new_meme_orga_top = parseInt(meme_orga_top) + 500;
var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 500;
document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
}
else if (window.screen.width >= 1200) {
var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
var new_meme_orga_top = parseInt(meme_orga_top) + 500;
var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 500;
document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
}
else {
window.scrollTo({
top: 0,
behavior: "smooth",
});
}
}
const [GetCurrentClass_api, setGetCurrentClass_api] = useState();
const [GetCurrentClass_message, setGetCurrentClass_message] = useState();
const [GetCurrentClass_result, setGetCurrentClass_result] = useState();
function GetCurrentClass_trainingsession(event) {
var form = new FormData();
form.append("class_internal_url", classId);
form.append("token", stored_partner);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetActiveSessionFormation_List/";
axios.post(myurl, form).then(res => {
//console.log(" In GetCurrentClass_trainingsession res.data.status = " + res.data.status);
// console.log(" In GetCurrentClass_trainingsession res.data.message r_class = " + res.data.message);
if (String(res.data.status) === String("true")) {
//console.log(" In GetCurrentClass_trainingsession res.data.status = " + res.data.status);
//console.log(" In GetCurrentClass_trainingsession res.data.message r_class = " + res.data.message);
setGetCurrentClass_api("true");
setGetCurrentClass_result(res.data.message);
}
else {
setGetCurrentClass_api("false");
setGetCurrentClass_message(res.data.message);
}
}).catch((error) => {
console.warn('Not good man :( GetCurrentClass_trainingsession = ', error);
setGetCurrentClass_api("false");
//setmyApimyApiMessage("")
})
}
const handleAccountCreation = () => {
history.push("/create_account")
};
const handleAccountConnexion = () => {
history.push("/Connexion")
};
function handleAccountLogout() {
if (String(userconnected) === String("1")) {
user_logout();
}
else if (String(partnerconnected) === String("1")) {
part_logout();
}
}
function part_logout_confirmation() {
/* si c'est une connexion partner qui est active */
if (typeof (stored_part) != "undefined") {
setCookie_part("tokenmysypart", "", { path: '/' });
}
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 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 Close_info_form() {
setinscritpion();
document.getElementById('mob_block_cross_sell_cat').style.display = "flex";
if (window.screen.width < 601) {
var meme_orga_top = document.getElementById('mob_block_cross_sell_cat').style.top;
var displaydetailclass_new_v2_hei = document.getElementById('mobile').style.height;
var sticky_div_hilight_top = document.getElementById('sticky_div_hilight_pave').style.top;
var new_meme_orga_top = parseInt(meme_orga_top) - 900;
var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 900;
var new_sticky_div_hilight_top = parseInt(sticky_div_hilight_top) - 900;
document.getElementById('mob_block_cross_sell_cat').style.top = new_meme_orga_top + "px";
document.getElementById('mobile').style.height = new_displaydetailclass_new_v2_hei + "px";
document.getElementById('sticky_div_hilight_pave').style.top = new_sticky_div_hilight_top + "px";
}
else if (window.screen.width >= 601 && window.screen.width <= 991) {
var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
var new_meme_orga_top = parseInt(meme_orga_top) - 900;
var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 900;
document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
}
else if (window.screen.width >= 992 && window.screen.width <= 1199) {
var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
var new_meme_orga_top = parseInt(meme_orga_top) - 500;
var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 500;
document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
}
else if (window.screen.width >= 1200) {
var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
var new_meme_orga_top = parseInt(meme_orga_top) - 500;
var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 500;
document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
}
window.scrollTo({
top: 0,
behavior: "smooth",
});
}
function Close_inscrip_form() {
setinscritpion();
document.getElementById('mob_block_cross_sell_cat').style.display = "flex";
if (window.screen.width < 601) {
var meme_orga_top = document.getElementById('mob_block_cross_sell_cat').style.top;
var displaydetailclass_new_v2_hei = document.getElementById('mobile').style.height;
var sticky_div_hilight_top = document.getElementById('sticky_div_hilight_pave').style.top;
var new_meme_orga_top = parseInt(meme_orga_top) - 900;
var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 900;
var new_sticky_div_hilight_top = parseInt(sticky_div_hilight_top) - 900;
document.getElementById('mob_block_cross_sell_cat').style.top = new_meme_orga_top + "px";
document.getElementById('mobile').style.height = new_displaydetailclass_new_v2_hei + "px";
document.getElementById('sticky_div_hilight_pave').style.top = new_sticky_div_hilight_top + "px";
}
else if (window.screen.width >= 601 && window.screen.width <= 991) {
var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
var new_meme_orga_top = parseInt(meme_orga_top) - 900;
var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 900;
document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
}
else if (window.screen.width >= 992 && window.screen.width <= 1199) {
var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
var new_meme_orga_top = parseInt(meme_orga_top) - 500;
var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 500;
document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
}
else if (window.screen.width >= 1200) {
var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
var new_meme_orga_top = parseInt(meme_orga_top) - 500;
var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 500;
document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
}
window.scrollTo({
top: 0,
behavior: "smooth",
});
}
const [expanded, setExpanded] = React.useState(false);
const handleChange = (panel) => (event, isExpanded) => {
setExpanded(isExpanded ? panel : false);
};
/// ----
return (
{parse(String(DetailTraining["description"]))}
}{parse(String(DetailTraining["objectif"]))}
{parse(String(DetailTraining["prerequis"]))}
} {!DetailTraining["prerequis"] &&---
}{parse(String(DetailTraining["pourqui"]))}
} {!DetailTraining["pourqui"] &&---
}{parse(String(DetailTraining["programme"]))}
} {!DetailTraining["programme"] &&---
}{parse(String(DetailTraining["plus_produit"]))}
}