diff --git a/src/components/DisplayDetailClass_new_Action.js b/src/components/DisplayDetailClass_new_Action.js index 006df7c..ec57d5a 100644 --- a/src/components/DisplayDetailClass_new_Action.js +++ b/src/components/DisplayDetailClass_new_Action.js @@ -277,7 +277,7 @@ const DisplayDetailClassAction = (props) => { axios.post(myurl, form).then(res => { if (String(res.data.status) !== String("false")) { //console.log(" In Display res.data.status = " + res.data.status); - console.log(" In Display res.data.message = " + res.data.message); + // console.log(" In Display res.data.message = " + res.data.message); if (res.data.message.length > 0) { setmyApiResponse("True"); diff --git a/src/components/Display_Partner_Catalog_DetailClass_new_v2.js b/src/components/Display_Partner_Catalog_DetailClass_new_v2.js index 770e93d..2d85f63 100644 --- a/src/components/Display_Partner_Catalog_DetailClass_new_v2.js +++ b/src/components/Display_Partner_Catalog_DetailClass_new_v2.js @@ -7,7 +7,7 @@ import SendIcon from '@mui/icons-material/Send'; import { useParams } from 'react-router-dom' import axios from "axios"; import Popup from 'reactjs-popup'; -import 'reactjs-popup/dist/index.css'; +import 'reactjs-popup/dist/index.css'; import { Helmet } from "react-helmet"; import 'react-slideshow-image/dist/styles.css' @@ -90,7 +90,7 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { const [ratingvalue, setratingvalue] = useState(0); const [text_size, settext_size] = useState("0"); - + const [partnaire_tva, setpartnaire_tva] = useState(""); // Gestion des Cookies const stored_partner = cookie_part.tokenmysypart; @@ -489,7 +489,7 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { 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); + // console.log(" In Display res.data.message = " + res.data.message); if (String(res.data.status) === String("true")) { if (res.data.message.length > 0) { @@ -569,6 +569,20 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { setratingvalue(JSON.parse(res.data.message).note); } + if (JSON.parse(res.data.message).partnaire_tva) { + setpartnaire_tva(JSON.parse(res.data.message).partnaire_tva); + } else { + setpartnaire_tva(""); + } + + + if (JSON.parse(res.data.message).inscription_direct) { + setmytrainingpreinscription(JSON.parse(res.data.message).inscription_direct); + } else { + setmytrainingpreinscription(""); + } + + if (JSON.parse(res.data.message).isdatadock) { setisdatadock(JSON.parse(res.data.message).isdatadock); } @@ -926,58 +940,67 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { 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"; + if (document.getElementById("mob_block_cross_sell_cat") && document.getElementById("mobile") && document.getElementById("sticky_div_hilight_pave") ) { + 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"; + 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", - }); + if (document.getElementById("block_crossell_meme_orga") && document.getElementById("desktop")) { + 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", - }); + if (document.getElementById("block_crossell_meme_orga") && document.getElementById("desktop")) { + 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"; + if (document.getElementById("block_crossell_meme_orga") && document.getElementById("desktop")) { + var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top; - window.scrollTo({ - top: 0, - behavior: "smooth", - }); + 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", + }); + } } @@ -1432,7 +1455,7 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { }); } - + const [mytrainingdirectinscription, setmytrainingpreinscription] = useState(""); return (
@@ -1896,13 +1919,15 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { {String(inscritpion) === "2" &&
+ Close_info_form={Close_info_form} trainig_price={class_sales_price} inscritpion={inscritpion} + mytrainingdirectinscription={mytrainingdirectinscription} />
} {String(inscritpion) === "1" &&
+ Close_info_form={Close_inscrip_form} trainig_price={class_sales_price} inscritpion={inscritpion} + mytrainingdirectinscription={mytrainingdirectinscription} />
@@ -2359,14 +2384,16 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { {String(inscritpion) === "1" &&
+ Close_info_form={Close_info_form} trainig_price={class_sales_price} inscritpion={inscritpion} + mytrainingdirectinscription={mytrainingdirectinscription} />
} {String(inscritpion) === "2" &&
+ Close_info_form={Close_inscrip_form} trainig_price={class_sales_price} inscritpion={inscritpion} + mytrainingdirectinscription={mytrainingdirectinscription} />
@@ -2376,7 +2403,8 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { && String(action).toLocaleLowerCase() !== "evaluation" &&
- +
} @@ -2384,7 +2412,8 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { &&
- +
} @@ -2697,7 +2726,7 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0) && DetailTraining["price"] &&
-
{String(DetailTraining["price"])} € +
{String(DetailTraining["price"])} € {parseFloat(String(DetailTraining["partnaire_tva"])) > 0 && <> HT } {parseFloat(String(DetailTraining["partnaire_tva"])) <= 0 && <> TTC } diff --git a/src/components/Inscription_Information.js b/src/components/Inscription_Information.js index f895cb3..3529296 100644 --- a/src/components/Inscription_Information.js +++ b/src/components/Inscription_Information.js @@ -1554,7 +1554,7 @@ function Inscription_Information(props) { */} - + {props.mytrainingdirectinscription !== "1" && <>
 
Nous vous aidons à financer la formation
diff --git a/src/components/PROD_230326/Display_Partner_Catalog_DetailClass_new_v2.js b/src/components/PROD_230326/Display_Partner_Catalog_DetailClass_new_v2.js new file mode 100644 index 0000000..307d602 --- /dev/null +++ b/src/components/PROD_230326/Display_Partner_Catalog_DetailClass_new_v2.js @@ -0,0 +1,3108 @@ +import React, { useRef, useState, useEffect } from "react"; + +import "./detail_formation_automatic_files/new_s_detail_formation_2025.css"; +import Fotter_Catalog_Pub from "./Fotter_Catalog_Pub"; +import fileDownload from 'js-file-download'; +import SendIcon from '@mui/icons-material/Send'; +import { useParams } from 'react-router-dom' +import axios from "axios"; +import Popup from 'reactjs-popup'; +import 'reactjs-popup/dist/index.css'; + +import { Helmet } from "react-helmet"; +import 'react-slideshow-image/dist/styles.css' + +import slideimg1 from "../mysy_img/education.jpg"; +import slideimg4 from "../mysy_img/mysy_img.png"; + +import img_met_program from "../mysy_img/met_programmation.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_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 { 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 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'; + +import Dialog from '@mui/material/Dialog'; +import DialogActions from '@mui/material/DialogActions'; +import DialogContent from '@mui/material/DialogContent'; +import DialogContentText from '@mui/material/DialogContentText'; +import DialogTitle from '@mui/material/DialogTitle'; + +import Social_X_icon from '../img_new_design_2025/social_i_X.png'; +import Social_Link_icon from '../img_new_design_2025/social_i_Link.png'; +import Social_Fa_icon from '../img_new_design_2025/social_i_Fa.png'; + +import 'react-tooltip/dist/react-tooltip.css' +import { Tooltip } from 'react-tooltip' +import { FcInfo } from "react-icons/fc"; + +const Display_Partner_Catalog_DetailClass_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"); + const [partnaire_tva, setpartnaire_tva] = useState(""); + + // 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("") + }) + } + + const [contact_message_nom_prenom, setcontact_message_nom_prenom] = React.useState(""); + const [contact_message_email, setcontact_message_email] = React.useState(""); + const [contact_message_phone, setcontact_message_phone] = React.useState(""); + const [contact_message_sujet, setcontact_message_sujet] = React.useState(""); + const [contact_message_message, setcontact_message_message] = React.useState(""); + + function clear_contact_message_fields() { + setcontact_message_nom_prenom(""); + setcontact_message_email(""); + setcontact_message_phone(""); + setcontact_message_sujet(""); + setcontact_message_sujet(""); + setcontact_message_message(""); + } + + const [Dialog_contact_message, setDialog_contact_message] = React.useState(false); + const [Dialog_contact_open, setDialog_contact_open] = React.useState(false); + function Dialog_contact_handle_change_participant_session(message) { + setDialog_contact_message(message); + setDialog_contact_open(true); + } + + const Dialog_contact_handleClose = () => { + + }; + + const Dialog_contact_handleClose_buton = () => { + + setDialog_contact_open(false); + clear_contact_message_fields(); + + }; + + useEffect(() => { + + Get_Subdomain_Partner_Data(window.location.host); + + + 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(""); + }) + + } + + + const [Get_Class_Catalogue_File_api, setGet_Class_Catalogue_File_api] = useState(); + const [Get_Class_Catalogue_File_result, setGet_Class_Catalogue_File_result] = useState([]); + const [Get_Class_Catalogue_File_message, setGet_Class_Catalogue_File_message] = useState(); + + function Get_Class_Catalogue_File(class_id) { + + const formData = new FormData(); + + formData.append("filter_object_owner_collection", "myclass"); + formData.append("filter_object_owner_id", class_id); + formData.append("filter_type_document", "catalogue_file"); + + + //formData.append("class_internal_url", internal_url); + //console.log("token = " + stored_cookie); + + fetch( + process.env.REACT_APP_API_URL + "myclass/api/Get_List_object_owner_collection_Stored_Files_With_Filter_No_Token/", + { + method: 'POST', + body: formData, + } + ) + .then((response) => response.json()) + .then((result) => { + + //console.log(" ## result['status'] = ", result['status']) + if (String(result['status']) === String("true")) { + //console.log('Message :', result['message']); + setGet_Class_Catalogue_File_result(result['message']); + setGet_Class_Catalogue_File_api("true"); + + } + else { + setGet_Class_Catalogue_File_message(result['message']); + setGet_Class_Catalogue_File_api("false"); + } + + }) + .catch((error) => { + + console.error(' Get_Class_Catalogue_File Error:', error); + setGet_Class_Catalogue_File_api("false"); + }); + + } + + + + function Display(e) { + var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_class_for_partner_catalog/"; + 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); + + + Get_Class_Catalogue_File(JSON.parse(res.data.message)._id); + + if (JSON.parse(res.data.message).note) { + setratingvalue(JSON.parse(res.data.message).note); + } + + if (JSON.parse(res.data.message).partnaire_tva) { + setpartnaire_tva(JSON.parse(res.data.message).partnaire_tva); + } else { + setpartnaire_tva(""); + } + + + if (JSON.parse(res.data.message).inscription_direct) { + setmytrainingpreinscription(JSON.parse(res.data.message).inscription_direct); + } else { + setmytrainingpreinscription(""); + } + + 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", + }); + + } + + function Send_Contact_Message(e) { + } + + const socialIconStyles = { + width: '24px', + height: '24px', + cursor: 'pointer', + }; + + const socialIconStyles_mobile = { + width: '24px', + height: '24px', + cursor: 'pointer', + }; + + + const [subdomain_recid, setsubdomain_recid] = useState(""); + + const [New_Get_Subdomain_Partner_Data_result, setNew_Get_Subdomain_Partner_Data_result] = useState([]); + + const [Get_Subdomain_Partner_Data_api, setGet_Subdomain_Partner_Data_api] = useState(); + const [Get_Subdomain_Partner_Data_message, setGet_Subdomain_Partner_Data_message] = useState(); + const [Get_Subdomain_Partner_Data_result, setGet_Subdomain_Partner_Data_result] = useState(); + function Get_Subdomain_Partner_Data(local_url_subdomain) { + + let domain = local_url_subdomain; + if (domain.includes("://")) { + domain = domain.split('://')[1]; + } + const subdomain = domain.split('.')[0]; + + var form = new FormData(); + // form.append("subdomain", "colasrail"); + // form.append("subdomain", "nousformons"); + form.append("subdomain", subdomain); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Partner_Data_From_Subdomain/"; + + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === "true") { + //console.log(" In Get_Subdomain_Partner_Data res.data.status = " + res.data.status); + //console.log(" In Get_Subdomain_Partner_Data res.data.message r_class = " + res.data.message); + setGet_Subdomain_Partner_Data_api("true"); + setGet_Subdomain_Partner_Data_result(res.data.message); + + var new_data2 = []; + const new_data = res.data.message.map((x) => { + + //--- + + var _id = JSON.parse(x)._id; + var recid = JSON.parse(x).recid; + var nom = JSON.parse(x).nom; + + var catalog_pub_logo = "data:image/png;base64," + JSON.parse(x).catalog_pub_logo; + var catalog_pub_banniere_img = "data:image/png;base64," + JSON.parse(x).catalog_pub_banniere_img; + var catalog_pub_message_1_txt = JSON.parse(x).catalog_pub_message_1_txt; + + var catalog_pub_message_2_txt = "" + if (JSON.parse(x).catalog_pub_message_2_txt) + catalog_pub_message_2_txt = JSON.parse(x).catalog_pub_message_2_txt; + + var catalog_pub_theme_id = JSON.parse(x).catalog_pub_theme_id; + + var catalog_pub_cgv_pdf = "" + if (JSON.parse(x).catalog_pub_cgv_pdf) + catalog_pub_cgv_pdf = JSON.parse(x).catalog_pub_cgv_pdf; + + + var catalog_pub_cgu_pdf = "" + if (JSON.parse(x).catalog_pub_cgu_pdf) + catalog_pub_cgu_pdf = JSON.parse(x).catalog_pub_cgu_pdf; + + var catalog_pub_mention_legale_pdf = "" + if (JSON.parse(x).catalog_pub_mention_legale_pdf) + catalog_pub_mention_legale_pdf = JSON.parse(x).catalog_pub_mention_legale_pdf; + + + //--- + var node = { + "_id": _id, + "recid": recid, + "nom": nom, + "label": nom, + + "catalog_pub_cgv_pdf": catalog_pub_cgv_pdf, + "catalog_pub_cgu_pdf": catalog_pub_cgu_pdf, + "catalog_pub_mention_legale_pdf": catalog_pub_mention_legale_pdf, + + + "catalog_pub_logo": catalog_pub_logo, + "catalog_pub_banniere_img": catalog_pub_banniere_img, + "catalog_pub_message_1_txt": catalog_pub_message_1_txt, + "catalog_pub_message_2_txt": catalog_pub_message_2_txt, + "catalog_pub_theme_id": catalog_pub_theme_id, + + }; + //console.log(" --- node Get_Partner_Data_From_Subdomain = ", node); + new_data2.push(node); + }); + + if (new_data2.length > 0) + setNew_Get_Subdomain_Partner_Data_result(new_data2); + + + if (res.data.message.length > 0) { + var mylocal_materiel = JSON.parse(res.data.message); + + + if (mylocal_materiel.recid) + setsubdomain_recid(mylocal_materiel.recid); + else + setsubdomain_recid(""); + + } + + + } + else { + setGet_Subdomain_Partner_Data_api("false"); + setGet_Subdomain_Partner_Data_message(res.data.message); + //alert(res.data.message); + } + + }).catch((error) => { + console.warn('Not good man :( Get_Subdomain_Partner_Data = ', error); + setGet_Subdomain_Partner_Data_api("false"); + alert(" Impossible de recuperer les données du materiel"); + //setmyApimyApiMessage("") + }) + } + + const [expanded, setExpanded] = React.useState(false); + + const handleChange = (panel) => (event, isExpanded) => { + setExpanded(isExpanded ? panel : false); + }; + + const myRef_informe = useRef(null) + + /// ---- + + const [Download_one_attached_document_no_token_api, setDownload_one_attached_document_no_token_api] = useState(); + const [Download_one_attached_document_no_token_result, setDownload_one_attached_document_no_token_result] = useState(); + const [Download_one_attached_document_no_token_message, setDownload_one_attached_document_no_token_message] = useState(); + + const Download_one_attached_document_no_token = (event) => { + + var nom_fiche_detaillee = "Fiche_catalogue.pdf"; + var file_name = event.target.id; + + + var url = process.env.REACT_APP_API_URL + "myclass/api/Get_Stored_Downloaded_File_From_Id_WITHOUT_TOKEN/" + file_name; + + // console.log(" ### url = ", url); + + + axios.get(url, { responseType: 'blob', },) + .then((res) => { + fileDownload(res.data, nom_fiche_detaillee); + setDownload_one_attached_document_no_token_api("true"); + }).catch((error) => { + console.error('Error:', error); + setDownload_one_attached_document_no_token_api("false"); + + }); + } + + const [mytrainingdirectinscription, setmytrainingpreinscription] = useState(""); + return ( + +
+ + + + + + {`${DetailTraining["title"]}`} + + + {/*** GESTION Contact */} + + + Contactez Nous + + + +
+
+ Nom & Prénom +
+
+ + { + setcontact_message_nom_prenom(e.target.value); + }} + className='form-control formInput' + placeholder='Nom' + > +
+
+ +
+
+ E-mail +
+
+ { + setcontact_message_email(e.target.value); + }} + className='form-control formInput' + placeholder='Adresse email' + > +
+
+ + +
+
+ Téléphone +
+
+ { + setcontact_message_phone(e.target.value); + }} + className='form-control formInput' + placeholder='Numéro Tél' + > +
+
+ +
+
+ Sujet +
+
+ { + setcontact_message_sujet(e.target.value); + }} + className='form-control formInput' + placeholder='Sujet' + > +
+
+ +
+
+ Votre message +
+
+ +
+
+ +
+ +
MySy Training Technology
+
+
+ + Adresse : 1 Cr du Havre, 75008 Paris
+ Adresse email : + contact@mysy-training.com
+ + Téléphone fixe : +331 77 00 38 57
+
+ +
+ + + + + +
+
+ +
+
+ + +
+
+ + + + + + {/*** FIN GESTION Contact */} + +
+ +
+ +
+
+
+ +
+
+ {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 +
} +
+ + +
+ + {String(DetailTraining["price"]) && String(DetailTraining["price"]) === String("0") && +
+
Gratuit +
+
Eligible CPF +
+
+ } + + {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"])} € + {parseFloat(String(DetailTraining["partnaire_tva"])) > 0 && <> HT } + {parseFloat(String(DetailTraining["partnaire_tva"])) <= 0 && <> TTC } +
} + + {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0 + && DetailTraining["price"] &&
+ + + {DetailTraining.business_prices && DetailTraining.business_prices.length > 0 &&
+ + +
} +
} + +
+ +
+ {String(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" && +
+ +
+ +
+ M'inscrire +
+ +
+ +
+ +
+ M'informer + +
+ + +
+ +
} + +
+
+ +
+ +
+ Caractéristiques +
+ +
+ + + +
+ +
+ + + +
+ +
+ {DetailTraining.presentiel && DetailTraining.presentiel.distantiel === "1" && " Oui "} + {DetailTraining.presentiel && DetailTraining.presentiel.distantiel === "0" && " Non "} +
+ + +
+ + +
+ +
+ + + +
+ +
+ {DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "1" && " Oui "} + {DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "0" && " Non "} +
+ + +
+ + + +
+ +
+ + +
+ + {String(DetailTraining["duration_unit"]) !== "user_rythme" && +
+ {DetailTraining["duration"]} {DetailTraining["duration_unit"]}(s) +
+ } + + {String(DetailTraining["duration_unit"]) === "user_rythme" && +
+ A votre rythme +
+ } + +
+ + +
+ +
+ + + + +
+ +
+ {DetailTraining["certif"] && String(DetailTraining["certif"]) !== String("1") && " Non " + } + {DetailTraining["certif"] && String(DetailTraining["certif"]) === String("1") && " Oui " + } +
+ + +
+ + +
+ +
+ + + + +
+ +
+ {DetailTraining["support"] && } + {!DetailTraining["support"] && "Non précisé"} + +
+
+ +
+ + + + + +
+ +
+ +
+
+ Organisme de formation +
+ +
+ {partnair_name && } +
+ +
+
+ +
+ social Mysy Training Facebook + +
+ +
+ social Mysy Training LinkedIn + +
+ +
+ social Mysy Training X (twitter) + + +
+ +
+ +
+
+ + + < nav ref={myRef_informe} id="myRef_informe"> + + {(String(inscritpion) === "2" || String(inscritpion) === "1") && +
+
+ +
+ +
+ + {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["tab_ue_detail_data"] && DetailTraining["tab_ue_detail_data"].length > 0 && < div className="mob_info_page_title_desc_long_txt" > +
+ 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.titre} + + + + +
{parse(String(val.description).replace(/(<([^>]+)>)/ig, ''))}
+ + + + + + +
+ ))} +
+ +
} + +
} +
+
+ +
+
+ {DetailTraining["pourqui"] &&
+ +
+ Pour Qui +
+ + {DetailTraining["pourqui"] &&
+ {parse(String(DetailTraining["pourqui"]))} +
+ } + +
} + + +
+
+ +
+
+ {DetailTraining["prerequis"] &&
+ +
+ Pré-requis +
+ + {DetailTraining["prerequis"] &&
+ {parse(String(DetailTraining["prerequis"]))} +
+ } + +
} + + +
+
+ + +
+ +
+
+   +
+
+ +
+
+
+ +
+ +
+ + {associatedtraining_message && 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))} +
+ + {JSON.parse(formation).price &&
+ {(String(JSON.parse(formation).price))} € + {parseFloat(String(JSON.parse(formation).partnaire_tva)) > 0 && <> HT } + {parseFloat(String(JSON.parse(formation).partnaire_tva)) <= 0 && <> TTC } + +
} + + +
+ +
+ +
{ + e.preventDefault(); + //test(props.formation.external_code); + window.open( + "/Display-Partner-Catalog-Detail-formation/" + JSON.parse(formation).internal_url, + '_self' + ); + + + }}> +
+ Voir les détails +
+ +
+ + +
+ +
+ ))} + +
+ +
+
+
+ +
+
+ +
+ + + + +
+ + +
+
+ + +
+ +
+
+
+ +
+ {ratingvalue && String(ratingvalue).length > 0 && + 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" + &&
+ + + +
+ } + +
+ + {Get_Class_Catalogue_File_result && Get_Class_Catalogue_File_result.length > 0 &&
+ + + +
} + + +
+
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"] && DetailTraining["tab_ue_detail_data"].length > 0 && < 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.titre} + + + + +
{parse(String(val.description).replace(/(<([^>]+)>)/ig, ''))}
+ + + + + + +
+ ))} +
+ +
} + +
} + +
+ + {DetailTraining["pourqui"] && String(DetailTraining["pourqui"]).length > 2 &&
+
+ Pour Qui +
+ {DetailTraining["pourqui"] &&
+ {parse(String(DetailTraining["pourqui"]))} + + +
+ } +
} +
+ + {DetailTraining["prerequis"] && String(DetailTraining["prerequis"]).length > 2 &&
+
+ Pré-requis +
+ {DetailTraining["prerequis"] &&
+ {parse(String(DetailTraining["prerequis"]))} + + +
+ } +
} + +
+ + {DetailTraining["plus_produit"] && String(DetailTraining["plus_produit"]).length > 2 &&
+
+ Points forts +
+ {DetailTraining["plus_produit"] &&
+ {parse(String(DetailTraining["plus_produit"]))} + + +
+ + } +
} + + + + +
+ +
+ + {/****** Stick droire */} +
+
+ + +
+ + + {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 + +
} + + + + + {String(DetailTraining["price"]) && String(DetailTraining["price"]) === String("0") && +
+
Gratuit +
+ + {DetailTraining["cpf"] && String(DetailTraining["cpf"]) === "1" &&
Éligible CPF
} + {(!DetailTraining["cpf"] || String(DetailTraining["cpf"]) !== "1") &&
Non Élig. CPF
} +
+ } + + {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0) + && DetailTraining["price"] &&
+
{String(DetailTraining["price"])} € + {parseFloat(String(DetailTraining["partnaire_tva"])) > 0 && <> HT } + {parseFloat(String(DetailTraining["partnaire_tva"])) <= 0 && <> TTC } + +
+ + {DetailTraining["cpf"] && String(DetailTraining["cpf"]) === "1" &&
Éligible CPF
} + {(!DetailTraining["cpf"] || String(DetailTraining["cpf"]) !== "1") &&
Non Élig. CPF
} + + + +
} + + {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0 + && DetailTraining["price"] && +
+
+ +
+
Eligle CFP +
+ + {DetailTraining.business_prices && DetailTraining.business_prices.length > 0 &&
+ + +
} + +
} + +
+ +
Caractéristiques
+ + +
+
    + + + +
    + +
    + + + + + +
    + {String(DetailTraining["duration_unit"]) !== "user_rythme" && +
    + {DetailTraining["duration"]}  {DetailTraining["duration_unit"]}(s) + +
    + } + + {String(DetailTraining["duration_unit"]) === "user_rythme" && +
    + VR + +
    + } + +
    + + +
    + +
    + + + + + +
    + +
    + {DetailTraining["certif"] && String(DetailTraining["certif"]) !== String("1") &&
    + + Non  
    + } + {DetailTraining["certif"] && String(DetailTraining["certif"]) === String("1") &&
    + + Oui  
    + } + +
    + + +
    + + +
    + +
    + + + +
    + +
    + {DetailTraining.presentiel && DetailTraining.presentiel.distantiel === "1" &&
    Oui
    } + {DetailTraining.presentiel && DetailTraining.presentiel.distantiel !== "1" &&
    Non
    } + +
    + + +
    + + +
    + +
    + + + +
    + +
    + {DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "1" &&
    Oui
    } + {DetailTraining.presentiel && DetailTraining.presentiel.presentiel !== "1" &&
    Non
    } + +
    + + +
    + + +
    + +
    + +
    + +
    + {DetailTraining["support"] &&
    + + {String(DetailTraining["support"]).charAt(0).toUpperCase() + String(DetailTraining["support"]).slice(1)}
    + } + {!DetailTraining["support"] &&
    + + Non précisé
    + } + +
    +
    +
+ +
+ + +
+
+ + + + {String(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" &&
+ +
+ +
+
M’inscrire
+
+ +
+
+
M’informer
+
+ +
} + +
+ {String(isqualiopi) === "1" &&
+ +
+ Qualiopi +
+ +
} + {String(isqualiopi) === "1" &&
} + + {String(isdatadock) === "1" &&
+
+ DataDock + +
+ +
} + {String(isdatadock) === "1" &&
} + +
+ {String(iscertifvoltaire) === "1" &&
+ Certitrace + +
} + + +
+ + + +
+ +
+ Organisme de formation +
+ +
+ + {partnair_name && } +
+ +
+ +
+ + +
+ social Mysy Training Facebook +
+ +
+ social Mysy Training LinkedIn +
+ +
+ social Mysy Training X (twitter) + +
+
+ + + + +
+ + +
+ +
+ +
+ + +
+
+ {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 CPF
} + + {!JSON.parse(formation).cpf || String(JSON.parse(formation).cpf) !== "1" && +
+ NON Éligible 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))} € + {parseFloat(String(JSON.parse(formation).partnaire_tva)) > 0 && <> HT } + {parseFloat(String(JSON.parse(formation).partnaire_tva)) <= 0 && <> TTC } +
} + + +
+ + + +
+
{ + e.preventDefault(); + //test(props.formation.external_code); + window.open( + "/Display-Partner-Catalog-Detail-formation/" + JSON.parse(formation).internal_url, + '_self' + ); + + + }}> +
+ Voir les détails +
+ +
+
+ +
+ +
+ ))} +
+
+
+
+ {Get_Subdomain_Partner_Data_result && Get_Subdomain_Partner_Data_result.length > 0 && +
+ +
} +
+ ) +} + + +export default Display_Partner_Catalog_DetailClass_new_v2; \ No newline at end of file diff --git a/src/components/detail_formation_automatic_files/new_detail_formation_2025.js b/src/components/detail_formation_automatic_files/new_detail_formation_2025.js index a132d85..3ed9aca 100644 --- a/src/components/detail_formation_automatic_files/new_detail_formation_2025.js +++ b/src/components/detail_formation_automatic_files/new_detail_formation_2025.js @@ -311,7 +311,7 @@ const New_C_Detail_Formation_2025 = (props) => { const [myclassimage, setmyclassimage] = useState(); const [isclassimage, setisclassimage] = useState("False"); - const [userimgclassprofil, setuserimgclassprofil] = useState(""); + const [userimgclassprofil, setuserimgclassprofil] = useState(""); const [class_img_stored_in_bdd, setclass_img_stored_in_bdd] = useState("");