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 (
{`${DetailTraining["title"]}`}
{String(ismetiermanaged) !== "0" && String(ismetiermanaged) !== "1" &&
{(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("it") && informatique} {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("graphisme") && graphisme} {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("management") && management} {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("digital") && digital} {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("office") && office} {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("rh") && ressources humaines} {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("vente") && vente} {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("dev_perso") && developpement personnel}
} {String(ismetiermanaged) === "0" &&
autre
} {String(ismetiermanaged) === "1" &&
autre
}
{DetailTraining["title"]}
{DetailTraining["cpf"] && String(DetailTraining["cpf"]) === "1" && "Éligible au CPF"} {!DetailTraining["cpf"] || String(DetailTraining["cpf"]) !== "1" && "NON Éligible au CPF"}
{String(DetailTraining["price"]) && String(DetailTraining["price"]) === String("0") &&
Gratuit
} {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && String(DetailTraining["price"]) === String("0") && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0) && DetailTraining["price"] &&
{String(DetailTraining["price"])} € HT
} {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0 && DetailTraining["price"] &&
} {String(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" &&
M'inscrire
M'informer sur la formation
}
Caractéristiques :
  • A Distance :
    {DetailTraining.presentiel && DetailTraining.presentiel.distantiel === "1" && " Oui "} {DetailTraining.presentiel && DetailTraining.presentiel.distantiel === "0" && " Non "}
  • Présentiel :
    {DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "1" && " Oui "} {DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "0" && " Non "}
  • Durée :
    {String(DetailTraining["duration_unit"]) !== "user_rythme" &&
    {DetailTraining["duration"]}   {DetailTraining["duration_unit"]} (s)
    } {String(DetailTraining["duration_unit"]) === "user_rythme" &&
    A votre rythme
    }
  • Certification :
    {DetailTraining["certif"] && String(DetailTraining["certif"]) !== String("1") && " Non " } {DetailTraining["certif"] && String(DetailTraining["certif"]) === String("1") && " Oui " }
  • Support :
    {DetailTraining["support"] && } {!DetailTraining["support"] && "Non précisé"}
Organisme de formation
{partnair_name && }
{String(inscritpion) === "2" &&
} {String(inscritpion) === "1" &&
}
Description
{parse(String(DetailTraining["description"]))}
{GetCurrentClass_result && GetCurrentClass_result.length > 0 &&
Les sessions
    {GetCurrentClass_result && GetCurrentClass_result.slice(0, 5).map((formation) => (
  • {(JSON.parse(formation).session_ondemande) && (JSON.parse(formation).session_ondemande) === "1" && } {(!(JSON.parse(formation).session_ondemande) || (JSON.parse(formation).session_ondemande) === "0") && }
  • ))}
}
Objectif
{DetailTraining["objectif"] &&
{parse(String(DetailTraining["objectif"]))}
}
Programme
{DetailTraining["programme"] &&
{parse(String(DetailTraining["programme"]))}sticky_div_hilight
}
{DetailTraining["pourqui"] &&
Pour Qui ?
{DetailTraining["pourqui"] &&
{parse(String(DetailTraining["pourqui"]))}
}
} {
{String(isqualiopi) === "1" &&
Qualiopi
} {String(isdatadock) === "1" &&
DataDock
} {String(iscertitrace) === "1" &&
Certitrace
} {String(isbureaucertitrace) === "1" &&
Certitrace
} {String(iscertifvoltaire) === "1" &&
Certitrace
}
}
{associatedtraining_message && associatedtraining_message.length > 0 &&
Cela pourrait au ssi vous intéresser :
}
{associatedtraining_message && String(associatedtraining_api) === "True" && associatedtraining_message.slice(0, 3).map((formation) => (
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("it") && informatique} {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("graphisme") && graphisme} {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("management") && management} {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("digital") && digital} {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("office") && office} {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("rh") && ressources humaines} {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") && vente} {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") && sport} {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sante_nat") && sante naturelle} {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") && developpement personnel} {!JSON.parse(formation).metier && autre personnel}
{JSON.parse(formation).cpf && (String(JSON.parse(formation).cpf)) === "1" && "Éligible au CPF"} {!JSON.parse(formation).cpf || String(JSON.parse(formation).cpf) !== "1" && "NON Éligible au CPF"}
{JSON.parse(formation).note && String(JSON.parse(formation).note).length === 1 && parseInt(String(JSON.parse(formation).note)) <= 5 && }
{parse(String(JSON.parse(formation).title))}
{JSON.parse(formation).price &&
{(String(JSON.parse(formation).price))} € HT
}
{ e.preventDefault(); //test(props.formation.external_code); window.open( "/Display-Detail-formation/" + JSON.parse(formation).internal_url, '_self' ); }}>
Voir les détails
))}
{`${DetailTraining["title"]}`}
MySy Training Technology
{ history.push("/") }}>   Les formations
{/*
{ history.push("/Recherche-Article-formation") }}> Le blog
*/}
{ history.push("/QuiSommesNous") }}> Qui Sommes nous?
{ history.push("/Produits-Services") }}> Nos Services
{String(someoneconnected) !== String("1") && }
{String(someoneconnected) !== String("1") && } {String(someoneconnected) === String("1") && }
{ratingvalue && String(ratingvalue).length === 1 && parseInt(String(ratingvalue)) <= 5 && }
{DetailTraining["title"]}
{DetailTraining["cpf"] && String(DetailTraining["cpf"]) === "1" && "Éligible au CPF"} {!DetailTraining["cpf"] || String(DetailTraining["cpf"]) !== "1" && "NON Éligible au CPF"}
{String(inscritpion) === "1" &&
} {String(inscritpion) === "2" &&
} {(String(action).toLocaleLowerCase() === "inscription" || String(action).toLocaleLowerCase() === "information") && String(action).toLocaleLowerCase() !== "evaluation" &&
} {String(action).toLocaleLowerCase() !== "inscription" && String(action).toLocaleLowerCase() !== "information" && String(tokenEval_api) === "true" &&
}
Description
{DetailTraining["description"] &&
{parse(String(DetailTraining["description"]))}
}
{GetCurrentClass_result && GetCurrentClass_result.length > 0 &&
Les sessions
    {GetCurrentClass_result && GetCurrentClass_result.slice(0, 5).map((formation) => (
  • {(JSON.parse(formation).session_ondemande) && (JSON.parse(formation).session_ondemande) === "1" && } {(!(JSON.parse(formation).session_ondemande) || (JSON.parse(formation).session_ondemande) === "0") && }
  • ))}
}
Objectif
{DetailTraining["objectif"] &&
{parse(String(DetailTraining["objectif"]))}
}
Programme
{DetailTraining["programme"] &&
{parse(String(DetailTraining["programme"]))}
}
{DetailTraining["tab_ue_detail_data"] && < div className="block_info_page_pave_title_desc_long_text" >
Modules
{DetailTraining["tab_ue_detail_data"] &&
{DetailTraining["tab_ue_detail_data"] && DetailTraining["tab_ue_detail_data"].map((val) => (
} aria-controls={val._id} id={val._id} > {val.code} {val.titre} {parse(String(val.description).replace(/(<([^>]+)>)/ig, ''))}
))}
}
} {DetailTraining["pourqui"] && String(DetailTraining["pourqui"]).length > 2 &&
Pour Qui ?
{DetailTraining["pourqui"] &&
{parse(String(DetailTraining["pourqui"]))}
}
} {DetailTraining["plus_produit"] && String(DetailTraining["plus_produit"]).length > 2 &&
Points forts
{DetailTraining["plus_produit"] &&
{parse(String(DetailTraining["plus_produit"]))}
}
}
{String(DetailTraining["price"]) && String(DetailTraining["price"]) === String("0") &&
Gratuit
} {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0) && DetailTraining["price"] &&
{String(DetailTraining["price"])} HT
} {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0 && DetailTraining["price"] &&
} {class_img_stored_in_bdd && String(class_img_stored_in_bdd).length > 50 &&
} {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) !== "0" && String(ismetiermanaged) !== "1" &&
{(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("it") && informatique} {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("graphisme") && graphisme} {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("management") && management} {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("digital") && digital} {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("office") && office} {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("rh") && ressources humaines} {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("vente") && vente} {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("sport") && sport} {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("sante_nat") && sante naturelle} {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("dev_perso") && developpement personnel}
} {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "0" &&
autre
} {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "1" &&
autre
}
Caractéristiques :
  • Durée :
    {String(DetailTraining["duration_unit"]) !== "user_rythme" &&
    {DetailTraining["duration"]}   {DetailTraining["duration_unit"]} (s)
    } {String(DetailTraining["duration_unit"]) === "user_rythme" &&
    A votre rythme
    }
  • Certification :
    {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
    }
  • Support :
    {DetailTraining["support"] &&
    {DetailTraining["support"]}  
    } {!DetailTraining["support"] &&
    Non précisé  
    }

{String(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" &&
M’inscrire
M’informer sur la formation
}
{String(isqualiopi) === "1" &&
Qualiopi
} {String(isdatadock) === "1" &&
DataDock
} {String(iscertitrace) === "1" &&
Certitrace
} {String(isbureaucertitrace) === "1" &&
Bureau Certitrace
} {String(iscertifvoltaire) === "1" &&
Certitrace
}
Organisme de formation
{partnair_name && }
{associatedtraining_message && String(associatedtraining_api) === "True" && associatedtraining_message.length > 0 &&
Cela pourrait aussi vous intéresser
}
{associatedtraining_message && String(associatedtraining_api) === "True" && associatedtraining_message.slice(0, 3).map((formation) => (
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("it") && informatique} {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("graphisme") && graphisme} {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("management") && management} {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("digital") && digital} {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("office") && office} {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("rh") && ressources humaines} {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") && vente} {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") && sport} {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sante_nat") && sante naturelle} {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") && developpement personnel} {!JSON.parse(formation).metier && autre personnel}
{JSON.parse(formation).cpf && (String(JSON.parse(formation).cpf)) === "1" && "Éligible au CPF"} {!JSON.parse(formation).cpf || String(JSON.parse(formation).cpf) !== "1" && "NON Éligible au CPF"}
{JSON.parse(formation).note && String(JSON.parse(formation).note).length === 1 && parseInt(String(JSON.parse(formation).note)) <= 5 && }
{parse(String(JSON.parse(formation).title)).substring(0, 50)}
{JSON.parse(formation).price &&
{(String(JSON.parse(formation).price))} € HT
}
{ e.preventDefault(); //test(props.formation.external_code); window.open( "/Display-Detail-formation/" + JSON.parse(formation).internal_url, '_self' ); }}>
Voir les détails
))}
) } export default DisplayDetailClass_new_v2;