- {is_company && String(is_company) === "0" && (String(SendInformationRequest_status) === "false" ||
- String(SendInformationRequest_status).length === 0) &&
- String(action).toLocaleLowerCase() === "information" &&
- String(AnnulerFction_info_status) !== "false" &&
-
- {/* -- début champs specifiques ** /}
+ {/* -- début champs specifiques ** /}
@@ -1700,59 +1876,59 @@ function Inscription_Information(props) {
{/* -- end champs specifiques **/}
-
+}
- {is_company && String(is_company) === "1" && (String(SendInformationRequest_status) === "false" ||
- String(SendInformationRequest_status).length === 0) &&
- String(action).toLocaleLowerCase() === "information" &&
- String(AnnulerFction_info_status) !== "false" &&
+{
+ is_company && String(is_company) === "1" && (String(SendInformationRequest_status) === "false" ||
+ String(SendInformationRequest_status).length === 0) &&
+ String(action).toLocaleLowerCase() === "information" &&
+ String(AnnulerFction_info_status) !== "false" &&
-
- {String(RecordData_status) === "false" &&
- {RecordData_message}
+
+ {String(RecordData_status) === "false" &&
+ {RecordData_message}
-
}
+
}
-
-
-
-
- ),
- }}
- onChange={handle_raison_sociale}
- variant="standard"
- />
+
+
+
+ ),
+ }}
+ onChange={handle_raison_sociale}
+ variant="standard"
+ />
-
-
-
- ),
- }}
- onChange={handle_siret}
- variant="standard"
- />
+
+
+
+ ),
+ }}
+ onChange={handle_siret}
+ variant="standard"
+ />
-
-
-
- ),
- }}
- onChange={handle_email_requester}
- variant="standard"
- />
+
+
+
+ ),
+ }}
+ onChange={handle_email_requester}
+ variant="standard"
+ />
-
-
-
- ),
- }}
- onChange={handle_telephone_requester}
- variant="standard"
- />
+
+
+
+ ),
+ }}
+ onChange={handle_telephone_requester}
+ variant="standard"
+ />
-
-
-
- ),
- }}
- onChange={handle_nom_requester}
- variant="standard"
- />
+
+
+
+ ),
+ }}
+ onChange={handle_nom_requester}
+ variant="standard"
+ />
-
-
-
- ),
- }}
- onChange={handle_prenom_requester}
- variant="standard"
- />
-
-
-
- ),
- }}
- value={nb_person_info}
- onChange={handlerval_nb_person_info}
- variant="standard"
- />
+
+
+
+ ),
+ }}
+ onChange={handle_prenom_requester}
+ variant="standard"
+ />
+
+
+
+ ),
+ }}
+ value={nb_person_info}
+ onChange={handlerval_nb_person_info}
+ variant="standard"
+ />
-
+
- {/* -- début champs specifiques ** /}
+ {/* -- début champs specifiques ** /}
@@ -1960,60 +2138,60 @@ function Inscription_Information(props) {
{/* -- end champs specifiques **/}
-
+
-
Dites nous en plus sur votre besoin :)
+
Dites nous en plus sur votre besoin :)
- Votre message
-
editorRef_description.current = editor}
- initialValue={field_description}
- onKeyUp={editor_keyup}
- onEditorChange={(newValue, editor) => {
+ Votre message
+ editorRef_description.current = editor}
+ initialValue={field_description}
+ onKeyUp={editor_keyup}
+ onEditorChange={(newValue, editor) => {
- if (String(editor_tochange) === "1") {
- //alert(" change");
- DataUpdated()
- seteditor_tochange("");
- }
- }}
+ if (String(editor_tochange) === "1") {
+ //alert(" change");
+ DataUpdated()
+ seteditor_tochange("");
+ }
+ }}
- init={{
- resize: false,
- height: 400,
- menubar: false,
- plugins: [
- 'advlist autolink lists link image charmap print preview anchor',
- 'searchreplace visualblocks code fullscreen',
- 'insertdatetime media table paste code help wordcount'
- ],
- toolbar: false,
- content_style: 'body { font-family:DM Sans,sans-serif; font-size:14px; }'
- }}
- />
+ init={{
+ resize: false,
+ height: 400,
+ menubar: false,
+ plugins: [
+ 'advlist autolink lists link image charmap print preview anchor',
+ 'searchreplace visualblocks code fullscreen',
+ 'insertdatetime media table paste code help wordcount'
+ ],
+ toolbar: false,
+ content_style: 'body { font-family:DM Sans,sans-serif; font-size:14px; }'
+ }}
+ />
-
-
+
+
-
-
+
+
-
-
-
+
+
+
-
-
+
+
-
+
-
+
- {/*
+}
+
+
+
);
}
export default Inscription_Information;
\ No newline at end of file
diff --git a/src/components/Jmj_Theme/Formation_Partner_Catalog_Special_JMJFormation.js b/src/components/Jmj_Theme/Formation_Partner_Catalog_Special_JMJFormation.js
index 6e5e1dd..eda0c92 100644
--- a/src/components/Jmj_Theme/Formation_Partner_Catalog_Special_JMJFormation.js
+++ b/src/components/Jmj_Theme/Formation_Partner_Catalog_Special_JMJFormation.js
@@ -1,10 +1,10 @@
import React, { useState, useEffect } from "react";
import { useHistory } from "react-router-dom";
-
+
import { useCookies } from "react-cookie";
import { confirmAlert } from 'react-confirm-alert';
-
+import Fotter_Catalog_Pub from "../Fotter_Catalog_Pub";
import img_met_program from "../../mysy_img/met_programmation.jpg";
import img_met_graphisme from "../../mysy_img/metier_graphisme.jpg";
@@ -23,7 +23,7 @@ import axios from "axios";
import Rating from '@mui/material/Rating';
import parse from 'html-react-parser'
import { CiLocationOn } from "react-icons/ci";
-
+
const Formation_Partner_Catalog_Special_JMJFormation = (props) => {
const [userconnected, setuserconnected] = useState("0");
const [partnerconnected, setpartnerconnected] = useState("0");
@@ -420,7 +420,7 @@ const Formation_Partner_Catalog_Special_JMJFormation = (props) => {
{/*props.formation.institut_formation &&
Dispensé par :
{String(props.formation.institut_formation)}
*/}
}
-
+
@@ -441,8 +441,8 @@ const Formation_Partner_Catalog_Special_JMJFormation = (props) => {
{props.formation.business_prices[0].discounted_price}€ HT
- {props.formation.price} € HT
- ({props.formation.business_prices[0].discount} %)
+
{props.formation.price} € HT
+
({props.formation.business_prices[0].discount} %)
}
{String(parse(String(props.formation.description).replace(/(<([^>]+)>)/ig, ''))).substring(0, 80)}...
@@ -462,7 +462,7 @@ const Formation_Partner_Catalog_Special_JMJFormation = (props) => {
);
} else {
window.open(
- "/detaile-formation/" + props.formation.internal_url,
+ "/Display-Partner-Catalog-Detail-formation/" + props.formation.internal_url,
'_blank'
);
}
@@ -471,8 +471,6 @@ const Formation_Partner_Catalog_Special_JMJFormation = (props) => {
-
-
)
diff --git a/src/components/Jmj_Theme/Jmj_Display_Partner_Catalog_DetailClass_new_v2.js b/src/components/Jmj_Theme/Jmj_Display_Partner_Catalog_DetailClass_new_v2.js
new file mode 100644
index 0000000..5e9b0e4
--- /dev/null
+++ b/src/components/Jmj_Theme/Jmj_Display_Partner_Catalog_DetailClass_new_v2.js
@@ -0,0 +1,2746 @@
+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 JmJ_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");
+
+
+ // 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(() => {
+
+ 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("");
+ })
+
+ }
+
+
+
+ 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);
+
+
+ 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 [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");
+
+ 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 node = {
+ "_id": _id,
+ "recid": recid,
+ "nom": nom,
+ "label": nom,
+
+ "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 = ", 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)
+
+ /// ----
+ 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") &&
+

}
+
+
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
+ DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("graphisme") &&
+

}
+
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
+ DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("management") &&
+

}
+
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
+ DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("digital") &&
+

}
+
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
+ DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("office") &&
+

}
+
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
+ DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("rh") &&
+

}
+
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
+ DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("vente") &&
+

}
+
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
+ DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("dev_perso") &&
+

}
+
+
+
+
}
+
+ {String(ismetiermanaged) === "0" &&
+

+
+
}
+
+ {String(ismetiermanaged) === "1" &&
+

+
}
+
+
+
+
+
+
+ {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'informer sur la formation
+
+
+
+
+
+
+
}
+
+
+
+
+
+
+ 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 && }
+
+
+
+
+
+
+
+
+
+
+
+
+ {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"]))}
+
+ }
+
+
+
}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {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") &&
+

}
+
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("graphisme") &&
+

}
+
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("management") &&
+

}
+
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("digital") &&
+

}
+
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("office") &&
+

}
+
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("rh") &&
+

}
+
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") &&
+

}
+
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") &&
+

}
+
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sante_nat") &&
+

}
+
+
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") &&
+

}
+
+ {!JSON.parse(formation).metier &&

}
+
+
+
+
+
+ {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
+
+
+
+
+
+
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+
TRAINING
+
+
+
+
+
+
+
+
{ history.push("/") }}>
+ Les formations
+
+
+ {/*
{ history.push("/Recherche-Article-formation") }}>
+ Le blog
+
*/}
+
+
{ history.push("/qui-sommes-nous") }}>
+ A propos
+
+
+
+
{ history.push("/Produits-Services") }}>
+ Tarifs
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {String(someoneconnected) !== String("1") &&
+
+
+
+ M’inscrire
+
+
+
+
+ }
+
+
+
+
+
+
+
+
+
+
+
+
+ {String(someoneconnected) !== String("1") &&
+ Me connecter
+ }
+ {String(someoneconnected) === String("1") &&
+ Me deconnecter
+ }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {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" && Sessions de formation à la demande}
+
+ {(!(JSON.parse(formation).session_ondemande) || (JSON.parse(formation).session_ondemande) === "0") &&
+ {(JSON.parse(formation).distantiel) === "1" && (JSON.parse(formation).presentiel) === "1" &&
+ (JSON.parse(formation).date_debut).substring(0, 10) !== (JSON.parse(formation).date_fin).substring(0, 10) &&
+
+ {(JSON.parse(formation).date_debut).substring(0, 10)} au
+ {(JSON.parse(formation).date_fin).substring(0, 10)} A Distance et En Présentiel - {(JSON.parse(formation).adresse)} {(JSON.parse(formation).code_postal)}
+
+ }
+
+ {(JSON.parse(formation).distantiel) === "1" && (JSON.parse(formation).presentiel) === "1" &&
+ (JSON.parse(formation).date_debut).substring(0, 10) === (JSON.parse(formation).date_fin).substring(0, 10) &&
+
+ Le
+ {(JSON.parse(formation).date_fin).substring(0, 10)} A Distance et En Présentiel - {(JSON.parse(formation).adresse)} {(JSON.parse(formation).code_postal)}
+
+ }
+
+
+
+ {(JSON.parse(formation).distantiel) === "1" && ((JSON.parse(formation).presentiel) === "0" || !(JSON.parse(formation).presentiel)) &&
+ (JSON.parse(formation).date_debut).substring(0, 10) !== (JSON.parse(formation).date_fin).substring(0, 10) &&
+
+ {(JSON.parse(formation).date_debut).substring(0, 10)} au
+ {(JSON.parse(formation).date_fin).substring(0, 10)} A Distance
+ }
+
+ {(JSON.parse(formation).distantiel) === "1" && ((JSON.parse(formation).presentiel) === "0" || !(JSON.parse(formation).presentiel)) &&
+ (JSON.parse(formation).date_debut).substring(0, 10) === (JSON.parse(formation).date_fin).substring(0, 10) &&
+
+ Le
+ {(JSON.parse(formation).date_fin).substring(0, 10)} A Distance
+ }
+
+
+ {(JSON.parse(formation).presentiel) === "1" && ((JSON.parse(formation).distantiel) === "0" || !(JSON.parse(formation).distantiel)) &&
+ (JSON.parse(formation).date_debut).substring(0, 10) !== (JSON.parse(formation).date_fin).substring(0, 10) &&
+
+ {(JSON.parse(formation).date_debut).substring(0, 10)} au {(JSON.parse(formation).date_fin).substring(0, 10)} En Présentiel -
+ {(JSON.parse(formation).adresse)} {(JSON.parse(formation).code_postal)}
+ }
+
+ {(JSON.parse(formation).presentiel) === "1" && ((JSON.parse(formation).distantiel) === "0" || !(JSON.parse(formation).distantiel)) &&
+ (JSON.parse(formation).date_debut).substring(0, 10) === (JSON.parse(formation).date_fin).substring(0, 10) &&
+
+ Le {(JSON.parse(formation).date_fin).substring(0, 10)} En Présentiel -
+ {(JSON.parse(formation).adresse)} {(JSON.parse(formation).code_postal)}
+ }
+
+ }
+
+
+ ))}
+
+
+
+
+
+ }
+
+
+
+
+ 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["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") &&
+

}
+
+
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
+ DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("graphisme") &&
+

}
+
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
+ DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("management") &&
+

}
+
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
+ DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("digital") &&
+

}
+
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
+ DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("office") &&
+

}
+
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
+ DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("rh") &&
+

}
+
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
+ DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("vente") &&
+

}
+
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
+ DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("sport") &&
+

}
+
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
+ DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("sante_nat") &&
+

}
+
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
+ DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("dev_perso") &&
+

}
+
+
+
}
+
+ {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "0" &&
+

+
+
}
+
+ {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "1" &&
+

+
+
}
+
+
+
+
+ {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"] &&
+ {String(DetailTraining.business_prices[0].discounted_price)} € HT
+
+ {String(DetailTraining["price"])} HT
+ (- {String(DetailTraining.business_prices[0].discount)} % )
+
}
+
+
+
+ {String(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" &&
+
+
+
+
+
+
M’informer sur la formation
+
+
+
}
+
+
+
+
+
+
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"] &&
+
+ {String(DetailTraining["support"]).charAt(0).toUpperCase() + String(DetailTraining["support"]).slice(1)}
+ }
+ {!DetailTraining["support"] &&
+
+ Non précisé
+ }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {String(isqualiopi) === "1" &&
+

+
}
+
+ {String(isdatadock) === "1" &&
+

+
+
}
+
+ {String(iscertitrace) === "1" &&
+

+
+
}
+
+ {String(isbureaucertitrace) === "1" &&
+

+
+
}
+
+ {String(iscertifvoltaire) === "1" &&
+

+
+
}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Organisme de formation
+
+
+
+
+ {partnair_name && {
+ e.preventDefault();
+ window.open(
+ website_partenaire,
+ '_blank'
+ );
+
+ }}
+ > {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") &&
+

}
+
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("graphisme") &&
+

}
+
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("management") &&
+

}
+
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("digital") &&
+

}
+
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("office") &&
+

}
+
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("rh") &&
+

}
+
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") &&
+

}
+
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") &&
+

}
+
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sante_nat") &&
+

}
+
+
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") &&
+

}
+
+ {!JSON.parse(formation).metier &&

}
+
+
+
+
+
+
+ {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
+
+
+
+
+
+
+
+
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+