diff --git a/src/components/AddPartnerClient.js b/src/components/AddPartnerClient.js
index fa2f801..995ab0e 100644
--- a/src/components/AddPartnerClient.js
+++ b/src/components/AddPartnerClient.js
@@ -2519,6 +2519,12 @@ const AddParnerClient = (props) => {
{ "id": "Mme", "label": "Mme", "value": "Mme" },
{ "id": "M", "label": "M", "value": "M" },
{ "id": "Neutre", "label": "Neutre", "value": "Neutre" },
+
+ { "id": "mme", "label": "Mme", "value": "mme" },
+ { "id": "m", "label": "M", "value": "m" },
+ { "id": "neutre", "label": "Neutre", "value": "neutre" },
+
+
{ "id": "", "label": "", "value": "" },
]
diff --git a/src/components/DisplayPartnerSession.js b/src/components/DisplayPartnerSession.js
index 2e80320..7ded1c9 100644
--- a/src/components/DisplayPartnerSession.js
+++ b/src/components/DisplayPartnerSession.js
@@ -3505,9 +3505,9 @@ const DisplayPartnerSession = (props) => {
]
const New_civilite = [
- { "id": "Mme", "label": "Mme", "value": "Mme" },
- { "id": "M", "label": "M", "value": "M" },
- { "id": "Neutre", "label": "Neutre", "value": "Neutre" },
+ { "id": "mme", "label": "Mme", "value": "mme" },
+ { "id": "m", "label": "M", "value": "n" },
+ { "id": "neutre", "label": "Neutre", "value": "neutre" },
{ "id": "", "label": "", "value": "" },
]
diff --git a/src/components/DisplayPartnerStagiaires.js b/src/components/DisplayPartnerStagiaires.js
index 4438886..e4c504f 100644
--- a/src/components/DisplayPartnerStagiaires.js
+++ b/src/components/DisplayPartnerStagiaires.js
@@ -5467,6 +5467,9 @@ const DisplayPartnerStagiaires = (props) => {
{ "id": "nme", "label": "Mme", "value": "mme" },
{ "id": "m", "label": "M", "value": "m" },
{ "id": "neutre", "label": "Neutre", "value": "neutre" },
+ { "id": "Mme", "label": "Mme", "value": "Mme" },
+ { "id": "M", "label": "M", "value": "M" },
+ { "id": "Neutre", "label": "Neutre", "value": "Neutre" },
{ "id": "", "label": "", "value": "" },
]
diff --git a/src/components/Display_Action_And_Class.js b/src/components/Display_Action_And_Class.js
new file mode 100644
index 0000000..c2a07ea
--- /dev/null
+++ b/src/components/Display_Action_And_Class.js
@@ -0,0 +1,1774 @@
+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";
+
+const Display_Action_And_Class = (props) => {
+ const [classId, setclassId] = useState(props.classId);
+ const [action, setaction] = useState(props.action);
+ const [result, setResult] = useState("");
+ const [myApiResponse, setmyApiResponse] = useState();
+ const [DetailTraining, setDetailTraining] = useState([]);
+ const [closepopup, setclosepopup] = useState(0);
+ const [country_code, setcountry_code] = useState("");
+ const [country_name, setcountry_name] = useState("");
+ const [city, setcity] = useState("");
+ const [postal, setpostal] = useState("");
+ const [latitude, setlatitude] = useState("");
+ const [longitude, setlongitude] = useState("");
+ const [IPv4, setIPv4] = useState("");
+ const [state, setstate] = useState("");
+ const [userIp, setuserIp] = useState("");
+ const [mynote, setmynote] = useState(0);
+ const [userconnected, setuserconnected] = useState("0");
+ const [someoneconnected, setsomeoneconnected] = useState("0");
+ const [partnerconnected, setpartnerconnected] = useState("0");
+ const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych']);
+ const [cookie_part, setCookie_part, removeCookie_part] = useCookies(['tokenmysypart']);
+
+ const [inscritpion, setinscritpion] = useState("");
+ const [ratingvalue, setratingvalue] = useState(0);
+
+ const [text_size, settext_size] = useState("0");
+
+
+ // Gestion des Cookies
+ const stored_partner = cookie_part.tokenmysypart;
+ const stored_user = cookie.tokenmysych;
+
+
+ const [childdata, setchilddata] = useState();
+
+
+ // Cette fonction verifier si le token de l'evaluation est valide
+ //si $action != 'information' et 'inscription', alors la valeur est forcement celle d'un token.
+ const [tokenEval_api, settokenEval_api] = useState();
+ const [tokenEval_message, settokenEval_message] = useState();
+ const [tokenEval_result, settokenEval_result] = useState();
+ function CheckEvaluationToken() {
+
+ var form = new FormData();
+ //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
+
+ form.append("eval_token", action);
+ form.append("class_internal_url", classId);
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/MySyckeckEvaluationToken/";
+
+ axios.post(myurl, form).then(res => {
+ //console.log(" In CheckEvaluationToken res.data.status = " + res.data.status);
+ //console.log(" In CheckEvaluationToken res.data.message r_class = " + res.data.message);
+
+
+ if (String(res.data.status) !== "false") {
+ settokenEval_api("true");
+ settokenEval_result(res.data.message);
+ }
+ else {
+ //console.log(" In tokenEval_trainingsession res.data.status = " + res.data.status);
+ settokenEval_api("false");
+ settokenEval_message(res.data.message);
+ }
+
+ }).catch((error) => {
+ console.warn('Not good man :( CheckEvaluationToken = ', error);
+ settokenEval_api("false");
+ //setmyApimyApiMessage("")
+ })
+ }
+
+
+ useEffect(() => {
+
+ async function funclocaltoken() {
+ /*
+
+ if (action && String(action).toLocaleLowerCase() !== "inscription" &&
+ String(action).toLocaleLowerCase() !== "information") {
+
+ CheckEvaluationToken();
+
+ }
+ */
+ }
+
+
+ var local_user_connect = 0;
+ var local_part_connect = 0;
+
+ if (typeof (stored_user) === "undefined" || String(stored_user) === '') {
+ setuserconnected("0");
+ local_user_connect = 0;
+ } else {
+ setuserconnected("1");
+ local_user_connect = 1;
+ }
+
+ if (typeof (stored_partner) === "undefined" || String(stored_partner) === '') {
+ setpartnerconnected("0");
+ local_part_connect = 0;
+ } else {
+ setpartnerconnected("1");
+ local_part_connect = 1;
+ }
+
+
+
+ GetCurrentClass_trainingsession();
+ Display();
+ GetAssociatedTraning();
+
+
+ funclocaltoken();
+ window.scrollTo({
+ top: 0,
+ behavior: "smooth",
+ });
+
+
+ }, []);
+
+
+ function contactUs(e) {
+
+ var sender_mail = "";
+ var sender_tel = "";
+ var token = "";
+ if (String(userconnected) === "0") {
+ sender_mail = document.getElementsByName("usermail")[0].value;
+ sender_tel = document.getElementsByName("usernumtel")[0].value;
+ if (sender_mail.length == 0 && sender_tel.length == 0) {
+ alert(" Les information fournies sont incorrectes ");
+ return;
+ }
+ } else {
+ token = String(stored_user)
+
+ }
+
+
+ var useravis = document.getElementsByName("useravis")[0].value;
+ var usersupqual = document.getElementsByName("userqualsup")[0].value;
+ var usernote = document.getElementsByName("usernote")[0].value;
+
+ if (useravis.length < 20 || usersupqual.length < 20 || usernote.length < 0) {
+ alert("Merci de saisir le nombre minimum de caractère requis pour les champs ");
+ return;
+ }
+
+
+ var re = /\S+@\S+\.\S+/;
+ if (re.test(sender_mail) == false) {
+ alert("l'email est incorrecte");
+ return;
+ }
+
+
+ ////console.log("contacter " + sender_mail + " - " + sender_tel + " - ")
+
+
+ //alert("contacter "+sender_mail+" - "+sender_tel+" - "+usermessage+" - url = "
+ //+process.env.REACT_APP_API_URL+" - user_ip ="+IPv4+" - "+latitude);
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/add_user_message/";
+ var form = new FormData();
+ form.append("type", "email");
+ form.append("recever_mail", "");
+ form.append("recever_tel", "");
+ form.append("sender_mail", sender_mail);
+ form.append("sender_tel", sender_tel);
+ form.append("object", DetailTraining["external_code"]);
+ form.append("token", "");
+ form.append("user_ip", IPv4);
+ form.append("user_country_code", country_code);
+ form.append("user_country_name", country_name);
+ form.append("user_city", city);
+ form.append("user_postal", postal);
+ form.append("user_latitude", latitude);
+ form.append("user_longitude", longitude);
+ form.append("user_state", state);
+
+ axios.post(myurl, form).then(res => {
+ if (res.data.status != "False") {
+ //console.log(" In test res.data.status = " + res.data.status);
+ //console.log(" In test res.data.message = " + res.data.message);
+ setclosepopup(1);
+ document.getElementsByName("usermail")[0].value = "";
+ document.getElementsByName("usernumtel")[0].value = "";
+ document.getElementsByName("usercomment")[0].value = "";
+ }
+ else {
+ //console.log(" contact-nous statut = " + res.data.status);
+ //console.log(" contact-nous res.data.message = " + res.data.message);
+ }
+ }).catch((error) => {
+ console.warn('contact-nous Not good man :( mysearchtext = ');
+
+ })
+
+
+ }
+
+
+ /* Cette variable accompagne la gestion des images par defaut.
+ idée : si la valeur de "DetailTraining.metier" != "management, digital, office, rh, vente, dev_perso"
+ alors l'utilisateur à créer une formation avec un metier qui n'est pas geré, donc on met une image par defaut
+ */
+ const [ismetiermanaged, setismetiermanaged] = useState();
+ const liste_metier = ["management", "digital", "office", "rh", "vente", "dev_perso"];
+
+
+ const [nb_pave_a_afficher, setnb_pave_a_afficher] = useState();
+
+ const [isdatadock, setisdatadock] = useState();
+ const [isqualiopi, setisqualiopi] = useState();
+ const [iscertitrace, setiscertitrace] = useState();
+ const [isbureaucertitrace, setisbureaucertitrace] = useState();
+ const [iscertifvoltaire, setiscertifvoltaire] = useState();
+ const [partnair_name, setpartnair_name] = useState();
+ const [website_partenaire, setwebsite_partenaire] = useState();
+
+ const [class_sales_price, setclass_sales_price] = useState("0");
+
+ const [myclassimage, setmyclassimage] = useState();
+ const [isclassimage, setisclassimage] = useState("False");
+ const [userimgclassprofil, setuserimgclassprofil] = useState("");
+
+ const [class_img_stored_in_bdd, setclass_img_stored_in_bdd] = useState("");
+
+ function getClassImage_no_token(class_id, class_external_code) {
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/getRecodedClassImage_no_token/";
+
+ var form = new FormData();
+
+ form.append("type", "partner");
+ form.append("related_collection", "myclass");
+ form.append("related_collection_recid", class_id);
+ form.append("class_external_code", class_external_code);
+
+
+ axios.post(myurl, form).then(res => {
+
+ if (res.data.status != "False") {
+
+ //console.log(" getClassImage : In test res.data.status = " + res.data.status);
+ console.log(" getClassImage: res.data.message.img = " + res.data.message);
+
+ if (res.data.message.img.length > 0) {
+ setisclassimage("True");
+ }
+ else {
+ setisclassimage("False");
+ }
+ setisclassimage(res.data.message.img);
+ var ch_img = "data:image/png;base64," + res.data.message.img;
+ setclass_img_stored_in_bdd(ch_img);
+ }
+ else {
+ //console.log(" In Erreur res.data.status = " + res.data.status);
+ //console.log(" In Erreur res.data.message = " + res.data.message);
+ setisclassimage("False");
+ setuserimgclassprofil();
+ setclass_img_stored_in_bdd();
+ }
+ }).catch((error) => {
+
+ console.warn('getClassImage ee: Not good man :( getClassImage = ');
+ setisclassimage("False");
+ setuserimgclassprofil("");
+ setclass_img_stored_in_bdd("");
+ })
+
+ }
+
+
+
+ function Display(e) {
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_class/";
+ var form = new FormData();
+ form.append("internal_url", classId);
+
+ var my_local_user_connect;
+ var my_local_part_connect;
+ if (typeof (stored_user) === "undefined" || String(stored_user) === '') {
+ my_local_user_connect = 0;
+ } else {
+ my_local_user_connect = 1;
+ }
+
+ if (typeof (stored_partner) === "undefined" || String(stored_partner) === '') {
+ my_local_part_connect = 0;
+ } else {
+ my_local_part_connect = 1;
+ }
+
+
+
+ if (String(my_local_user_connect) === "1") {
+ form.append("token", stored_user);
+ form.append("connection_type", "user");
+ }
+ else if (String(my_local_part_connect) === "1") {
+ form.append("token", stored_partner);
+ form.append("connection_type", "partner");
+ }
+ else {
+ form.append("token", "");
+ form.append("connection_type", "");
+ }
+
+ // Ajout des info IP user
+ form.append("user_ip", IPv4);
+ form.append("user_country_code", country_code);
+ form.append("user_country_name", country_name);
+ form.append("user_city", city);
+ form.append("user_postal", postal);
+ form.append("user_latitude", latitude);
+ form.append("user_longitude", longitude);
+ form.append("user_state", state);
+
+ var cpt_pave = 0;
+ //alert("myurl = "+myurl);
+
+ axios.post(myurl, form).then(res => {
+ // console.log(" In Display res.data.status = " + res.data.status);
+ //console.log(" In Display res.data.message = " + res.data.message);
+ if (String(res.data.status) === String("true")) {
+
+ if (res.data.message.length > 0) {
+ setmyApiResponse("True");
+
+ if (String(JSON.parse(res.data.message).coeur) !== String("1") &&
+ String(JSON.parse(res.data.message).freeacces) !== String("1")) {
+
+ //alert(" ce n'est pas un coeur = " + JSON.parse(res.data.message).coeur)
+ // Verification si on est en e connecté ou non.
+ var local_user_connect = 0;
+ var local_part_connect = 0;
+
+ if (typeof (stored_user) === "undefined" || String(stored_user) === '') {
+ setuserconnected("0");
+ local_user_connect = 0;
+ } else {
+ setuserconnected("1");
+ local_user_connect = 1;
+ }
+
+ if (typeof (stored_partner) === "undefined" || String(stored_partner) === '') {
+ setpartnerconnected("0");
+ local_part_connect = 0;
+ } else {
+ setpartnerconnected("1");
+ local_part_connect = 1;
+ }
+
+ if (local_user_connect === 0 && local_part_connect === 0) {
+ confirmAlert({
+ title: 'Connexion ?',
+ message: 'Connectez-vous pour acceder au detail de cette formation',
+ buttons: [
+ {
+ label: 'Vous avez un compte',
+ onClick: () => { history.push("/mysy-training-login/training/" + classId) }
+ },
+ {
+ label: "Vous n'avez pas de compte",
+ onClick: () => { history.push("/create_account") }
+ },
+
+ ],
+ closeOnEscape: false,
+ closeOnClickOutside: false,
+ keyCodeForClose: [8, 32],
+ willUnmount: () => { },
+ afterClose: () => { },
+ onClickOutside: () => { },
+ onKeypress: () => { },
+ onKeypressEscape: () => { },
+ });
+
+
+ }
+ } else {
+ //alert(" c'est pas un coeur = " + JSON.parse(res.data.message).coeur)
+ }
+ }
+ else {
+ setmyApiResponse("False");
+ }
+ //console.log(" In displaydetailclass res.data.status = " + res.data.status);
+ //console.log(" In displaydetailclass res.data.message = " + res.data.message);
+ //console.log(" In displaydetailclass taille res.data.message = " + res.data.message.length);
+ setResult(res.data.message);
+ setDetailTraining(JSON.parse(res.data.message));
+
+
+ getClassImage_no_token(JSON.parse(res.data.message)._id, JSON.parse(res.data.message).external_code);
+
+
+ if (JSON.parse(res.data.message).note) {
+ setratingvalue(JSON.parse(res.data.message).note);
+ }
+
+ if (JSON.parse(res.data.message).isdatadock) {
+ setisdatadock(JSON.parse(res.data.message).isdatadock);
+ }
+
+ if (JSON.parse(res.data.message).business_prices && JSON.parse(res.data.message).business_prices.length == 1) {
+ setclass_sales_price(JSON.parse(res.data.message).business_prices[0].discounted_price);
+
+ } else {
+ setclass_sales_price(JSON.parse(res.data.message).price);
+ setclass_sales_price(JSON.parse(res.data.message).price);
+ }
+
+
+ if (JSON.parse(res.data.message).isqualiopi) {
+ setisqualiopi(JSON.parse(res.data.message).isqualiopi);
+ }
+
+
+ if (JSON.parse(res.data.message).iscertitrace) {
+ setiscertitrace(JSON.parse(res.data.message).iscertitrace);
+ }
+
+ if (JSON.parse(res.data.message).isbureaucertitrace) {
+ setisbureaucertitrace(JSON.parse(res.data.message).isbureaucertitrace);
+ }
+
+ if (JSON.parse(res.data.message).iscertifvoltaire) {
+ setiscertifvoltaire(JSON.parse(res.data.message).iscertifvoltaire);
+ }
+
+ if (JSON.parse(res.data.message).nom_partenaire) {
+ setpartnair_name(JSON.parse(res.data.message).nom_partenaire);
+ }
+
+ if (JSON.parse(res.data.message).nb_pave_a_afficher) {
+ setnb_pave_a_afficher(JSON.parse(res.data.message).nb_pave_a_afficher);
+ //console.log(" ### NB setnb_pave_a_afficher = ", JSON.parse(res.data.message).nb_pave_a_afficher);
+ }
+
+
+ if (JSON.parse(res.data.message).website_partenaire) {
+ setwebsite_partenaire(JSON.parse(res.data.message).website_partenaire);
+ }
+
+ // Verifier si le metier est geré
+ if (JSON.parse(res.data.message).metier) {
+ if (!liste_metier.includes(JSON.parse(res.data.message).metier)) {
+ setismetiermanaged("0"); // j'ai une valeur dans metier, mais qui n'est pas geré
+ }
+ }
+ else {
+ setismetiermanaged("0");
+ }
+
+ if (JSON.parse(res.data.message).img_url && String(JSON.parse(res.data.message).img_url).length > 0) {
+ setismetiermanaged("1");
+ }
+
+ if (JSON.parse(res.data.message).text_size) {
+ settext_size(JSON.parse(res.data.message).text_size);
+
+ //"block_crossell_meme_orga"
+ var local_tmp;
+ var val;
+ var footer_top;
+ var main_h;
+ var main_h_px;
+
+
+ //console.log("nb_partner_certificat = ", JSON.parse(res.data.message).nb_partner_certificat);
+
+
+ if (window.screen.width < 601) {
+
+ var decalage_pr_certificat = parseInt(String(JSON.parse(res.data.message).nb_partner_certificat)) * 150;
+ //console.log("decalage_pr_certificat = ", decalage_pr_certificat);
+
+ var local_val = parseInt(String(JSON.parse(res.data.message).nb_pave_a_afficher));
+
+ //console.log("### local_val = ", local_val)
+ if (local_val >= 5) {
+ //console.log(" ON PASSE au MAX")
+ var local_tmp_val = 2300 + decalage_pr_certificat;
+ var local_main_h_px = 4000 + decalage_pr_certificat;
+ //console.log("### local_tmp_val = ", local_tmp_val, " local_main_h_px = ",local_main_h_px);
+ local_tmp = local_tmp_val + "px";
+ main_h_px = local_main_h_px + "px";
+
+ if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") {
+
+ var local_tmp_val = 2800 + decalage_pr_certificat;
+ var local_main_h_px = 4500 + decalage_pr_certificat;
+ local_tmp = local_tmp_val + "px";
+ main_h_px = local_main_h_px + "px";
+ }
+
+ } else {
+ //console.log(" ON PASSE au MIN");
+ var local_tmp_val = 2100 + decalage_pr_certificat;
+ var local_main_h_px = 4800 + decalage_pr_certificat;
+
+ local_tmp = local_tmp_val + "px";
+ main_h_px = local_main_h_px + "px";
+
+ if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") {
+ var local_tmp_val = 2600 + decalage_pr_certificat;
+ var local_main_h_px = 5300 + decalage_pr_certificat;
+ local_tmp = local_tmp_val + "px";
+ main_h_px = local_main_h_px + "px";
+ }
+ }
+ document.getElementById('mob_block_cross_sell_cat').style.top = local_tmp;
+ document.getElementById('mobile').style.height = main_h_px;
+
+ }
+
+ if (window.screen.width >= 601 && window.screen.width <= 991) {
+
+ var local_val = parseInt(String(JSON.parse(res.data.message).nb_pave_a_afficher));
+ if (local_val >= 5) {
+ //console.log(" ON PASSE au MAX")
+ local_tmp = "2000px";
+ main_h_px = "2700px";
+
+ if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") {
+ local_tmp = "2500px";
+ main_h_px = "3200px";
+ }
+
+ } else {
+ console.log(" ON PASSE au MIN");
+ local_tmp = "1700px";
+ main_h_px = "2500px";
+
+ if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") {
+ local_tmp = "2200px";
+ main_h_px = "3000px";
+ }
+
+ }
+ document.getElementById('block_crossell_meme_orga').style.top = local_tmp;
+ document.getElementById('desktop').style.height = main_h_px;
+
+
+ }
+
+ if (window.screen.width >= 992 && window.screen.width <= 1199) {
+
+ var local_val = parseInt(String(JSON.parse(res.data.message).nb_pave_a_afficher));
+ if (local_val >= 5) {
+ console.log(" ON PASSE au MAX")
+ local_tmp = "2000px";
+ main_h_px = "2800px";
+
+ if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") {
+ local_tmp = "2500px";
+ main_h_px = "3200px";
+ }
+
+ } else {
+ console.log(" ON PASSE au MIN");
+ local_tmp = "1700px";
+ main_h_px = "2500px";
+
+ if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") {
+ local_tmp = "2200px";
+ main_h_px = "3000px";
+ }
+
+ }
+ document.getElementById('block_crossell_meme_orga').style.top = local_tmp;
+ document.getElementById('desktop').style.height = main_h_px;
+ }
+
+ if (window.screen.width >= 1200) {
+ var local_val = parseInt(String(JSON.parse(res.data.message).nb_pave_a_afficher));
+ if (local_val >= 5) {
+ console.log(" ON PASSE au MAX")
+ local_tmp = "2000px";
+ main_h_px = "2800px";
+
+ if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") {
+ local_tmp = "2500px";
+ main_h_px = "3200px";
+ }
+
+ } else {
+ console.log(" ON PASSE au MIN");
+ local_tmp = "1700px";
+ main_h_px = "2500px";
+
+ if (String(action).toLowerCase() === "information" || String(action).toLowerCase() === "inscription") {
+ local_tmp = "2300px";
+ main_h_px = "3000px";
+ }
+ }
+
+ document.getElementById('block_crossell_meme_orga').style.top = local_tmp;
+ document.getElementById('desktop').style.height = main_h_px;
+ }
+
+
+ }
+ }
+ else {
+ //console.log(" In Erreur res.data.status = " + res.data.status);
+ //console.log(" In Erreur res.data.message = " + res.data.message);
+ setmyApiResponse("false");
+ history.push("/formation-inconnue/");
+
+ }
+
+
+ }).catch((error) => {
+ console.warn('Not good man :( Display = ', error);
+ //console.log(error);
+ setmyApiResponse("false");
+
+ })
+
+
+ }
+
+ const [associatedtraining_api, setassociatedtraining_api] = useState("");
+ const [associatedtraining_message, setassociatedtraining_message] = useState("");
+ function GetAssociatedTraning(e) {
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_associated_class_of_partnair/";
+ var form = new FormData();
+ form.append("internal_url", classId);
+ // Ajout des info IP user
+ form.append("user_ip", IPv4);
+ form.append("user_country_code", country_code);
+ form.append("user_country_name", country_name);
+ form.append("user_city", city);
+ form.append("user_postal", postal);
+ form.append("user_latitude", latitude);
+ form.append("user_longitude", longitude);
+ form.append("user_state", state);
+
+
+ //alert("myurl = "+myurl);
+
+ axios.post(myurl, form).then(res => {
+ if (String(res.data.status) !== String("false")) {
+ //console.log(" In GetAssociatedTraning res.data.status = " + res.data.status);
+ //console.log(" In GetAssociatedTraning res.data.message = " + res.data.message);
+ setassociatedtraining_api("True");
+ setassociatedtraining_message(res.data.message);
+
+ }
+ else {
+ //console.log(" In Erreur res.data.status = " + res.data.status);
+ //console.log(" In Erreur res.data.message = " + res.data.message);
+ setassociatedtraining_api("False");
+ }
+
+
+ }).catch((error) => {
+ console.warn('Not good man :( GetAssociatedTraning = ');
+ setassociatedtraining_api("False");
+
+ })
+
+
+ }
+
+ const history = useHistory();
+
+ const fadeImages = [
+ {
+ url: slideimg1,
+ },
+
+ {
+ url: slideimg4,
+ },
+ ];
+
+
+ function CheckAvis(e) {
+
+ const val = document.getElementById("useravis").value
+ //alert(" evalu " + val);
+ if (val.length < 20) {
+ alert(" Le champ 'Avis' doit etre plus renseigné");
+ }
+ //alert(val);
+ }
+
+ function CheckNote(e) {
+ const val = e.target.value;
+
+ if (isNaN(val)) {
+ //alert(val + " is not a number
mynote = "+mynote);
+ document.getElementById("usernote").value = mynote;
+ } else {
+ if (val > 5) {
+ alert(" Valeur Maxi doit etre 5");
+ document.getElementById("usernote").value = mynote;
+ } else {
+ setmynote(val);
+ }
+ }
+
+ }
+
+ const [submenu, setsubmenu] = useState("datelieu");
+
+ function submenu_info() {
+ setsubmenu("formateur");
+ //if (document.getElementsByName("menu_formateur")[0])
+ // document.getElementsByName('menu_formateur')[0].focus();
+
+ if (document.getElementsByName("menu_datelieu")[0])
+ document.getElementsByName('menu_datelieu')[0].blur();
+
+ if (document.getElementsByName("submenu_divers")[0])
+ document.getElementsByName('submenu_divers')[0].blur();
+ }
+
+ function submenu_datelieu() {
+ setsubmenu("datelieu");
+ //if (document.getElementsByName("menu_datelieu")[0])
+ // document.getElementsByName('menu_datelieu')[0].focus();
+
+ if (document.getElementsByName("menu_formateur")[0])
+ document.getElementsByName('menu_formateur')[0].blur();
+
+ if (document.getElementsByName("submenu_divers")[0])
+ document.getElementsByName('submenu_divers')[0].blur();
+ }
+
+
+ function submenu_divers() {
+ setsubmenu("divers");
+ //if (document.getElementsByName("submenu_divers")[0])
+ //document.getElementsByName('submenu_divers')[0].focus();
+
+ if (document.getElementsByName("menu_datelieu")[0])
+ document.getElementsByName('menu_datelieu')[0].blur();
+
+ if (document.getElementsByName("submenu_divers")[0])
+ document.getElementsByName('submenu_divers')[0].blur();
+ }
+
+
+ function Inscription_bton(event) {
+ if (DetailTraining["internal_url"] && String(DetailTraining["class_inscription_url"]).length > 10) {
+ window.open(
+ String(DetailTraining["class_inscription_url"]),
+ '_blank'
+ );
+
+ } else {
+ setinscritpion("1");
+ }
+ if (window.screen.width < 601) {
+ var meme_orga_top = document.getElementById('mob_block_cross_sell_cat').style.top;
+ var displaydetailclass_new_v2_hei = document.getElementById('mobile').style.height;
+ var sticky_div_hilight_top = "1300";
+
+
+ var new_meme_orga_top = parseInt(meme_orga_top) + 900;
+ var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 900;
+ var new_sticky_div_hilight_top = parseInt(sticky_div_hilight_top) + 900;
+
+ document.getElementById('mob_block_cross_sell_cat').style.top = new_meme_orga_top + "px";
+ document.getElementById('mobile').style.height = new_displaydetailclass_new_v2_hei + "px";
+ document.getElementById('sticky_div_hilight_pave').style.top = new_sticky_div_hilight_top + "px";
+
+ window.scrollTo(0, 500);
+ }
+ else if (window.screen.width >= 601 && window.screen.width <= 991) {
+ var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
+ var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
+ var new_meme_orga_top = parseInt(meme_orga_top) + 900;
+ var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 900;
+ document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
+ document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
+ window.scrollTo({
+ top: 0,
+ behavior: "smooth",
+ });
+
+ }
+ else if (window.screen.width >= 992 && window.screen.width <= 1199) {
+ var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
+ var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
+ var new_meme_orga_top = parseInt(meme_orga_top) + 500;
+ var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 500;
+ document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
+ document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
+ window.scrollTo({
+ top: 0,
+ behavior: "smooth",
+ });
+ }
+ else if (window.screen.width >= 1200) {
+ var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
+ var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
+ var new_meme_orga_top = parseInt(meme_orga_top) + 500;
+ var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 500;
+ document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
+ document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
+
+ window.scrollTo({
+ top: 0,
+ behavior: "smooth",
+ });
+ }
+
+
+ }
+
+ function Contact_bton(event) {
+ setinscritpion("2");
+
+ if (window.screen.width < 601) {
+ //document.getElementById('mob_block_cross_sell_cat').style.display = "none";
+
+ var meme_orga_top = document.getElementById('mob_block_cross_sell_cat').style.top;
+ var displaydetailclass_new_v2_hei = document.getElementById('mobile').style.height;
+ var sticky_div_hilight_top = "1300";
+
+ var new_meme_orga_top = parseInt(meme_orga_top) + 900;
+ var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 900;
+ var new_sticky_div_hilight_top = parseInt(sticky_div_hilight_top) + 900;
+
+
+ document.getElementById('mob_block_cross_sell_cat').style.top = new_meme_orga_top + "px";
+ document.getElementById('mobile').style.height = new_displaydetailclass_new_v2_hei + "px";
+ document.getElementById('sticky_div_hilight_pave').style.top = new_sticky_div_hilight_top + "px";
+
+
+ window.scrollTo(0, 500);
+ }
+
+ else if (window.screen.width >= 601 && window.screen.width <= 991) {
+ var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
+ var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
+ var new_meme_orga_top = parseInt(meme_orga_top) + 900;
+ var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 900;
+ document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
+ document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
+
+ }
+ else if (window.screen.width >= 992 && window.screen.width <= 1199) {
+ var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
+ var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
+ var new_meme_orga_top = parseInt(meme_orga_top) + 500;
+ var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 500;
+ document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
+ document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
+ }
+ else if (window.screen.width >= 1200) {
+ var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
+ var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
+ var new_meme_orga_top = parseInt(meme_orga_top) + 500;
+ var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 500;
+ document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
+ document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
+
+ }
+ else {
+ window.scrollTo({
+ top: 0,
+ behavior: "smooth",
+ });
+ }
+ }
+
+
+ const [GetCurrentClass_api, setGetCurrentClass_api] = useState();
+ const [GetCurrentClass_message, setGetCurrentClass_message] = useState();
+ const [GetCurrentClass_result, setGetCurrentClass_result] = useState();
+ function GetCurrentClass_trainingsession(event) {
+
+ var form = new FormData();
+
+ form.append("class_internal_url", classId);
+
+ form.append("token", stored_partner);
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetActiveSessionFormation_List/";
+
+ axios.post(myurl, form).then(res => {
+ //console.log(" In GetCurrentClass_trainingsession res.data.status = " + res.data.status);
+ // console.log(" In GetCurrentClass_trainingsession res.data.message r_class = " + res.data.message);
+
+ if (String(res.data.status) === String("true")) {
+ //console.log(" In GetCurrentClass_trainingsession res.data.status = " + res.data.status);
+ //console.log(" In GetCurrentClass_trainingsession res.data.message r_class = " + res.data.message);
+ setGetCurrentClass_api("true");
+ setGetCurrentClass_result(res.data.message);
+
+ }
+ else {
+ setGetCurrentClass_api("false");
+ setGetCurrentClass_message(res.data.message);
+ }
+
+ }).catch((error) => {
+ console.warn('Not good man :( GetCurrentClass_trainingsession = ', error);
+ setGetCurrentClass_api("false");
+ //setmyApimyApiMessage("")
+ })
+ }
+
+
+ const handleAccountCreation = () => {
+ history.push("/create_account")
+ };
+
+ const handleAccountConnexion = () => {
+ history.push("/Connexion")
+ };
+
+ function handleAccountLogout() {
+
+ if (String(userconnected) === String("1")) {
+ user_logout();
+ }
+ else if (String(partnerconnected) === String("1")) {
+ part_logout();
+ }
+ }
+
+
+ function part_logout_confirmation() {
+ /* si c'est une connexion partner qui est active */
+ if (typeof (stored_part) != "undefined") {
+ setCookie_part("tokenmysypart", "", { path: '/' });
+ }
+ history.push("/recherche-formation");
+ }
+
+ function part_logout() {
+ confirmAlert({
+ title: '',
+ message: 'Confirmez la deconnexion (pro)',
+ buttons: [
+ {
+ label: 'Oui',
+ onClick: () => part_logout_confirmation()
+ },
+ {
+ label: 'Non',
+ onClick: () => { return }
+ }
+ ]
+ });
+ }
+
+
+ function user_logout_confirmation() {
+ /* si c'est une connexion partner qui est active */
+ if (typeof (stored_user) != "undefined") {
+ setCookie("tokenmysych", "");
+ }
+ history.push("/recherche-formation");
+ }
+
+ function user_logout() {
+ confirmAlert({
+ title: '',
+ message: 'Confirmez la deconnexion (user)',
+ buttons: [
+ {
+ label: 'Oui',
+ onClick: () => user_logout_confirmation()
+ },
+ {
+ label: 'Non',
+ onClick: () => { return }
+ }
+ ]
+ });
+ }
+
+
+ function Close_info_form() {
+ setinscritpion();
+ document.getElementById('mob_block_cross_sell_cat').style.display = "flex";
+ if (window.screen.width < 601) {
+ var meme_orga_top = document.getElementById('mob_block_cross_sell_cat').style.top;
+ var displaydetailclass_new_v2_hei = document.getElementById('mobile').style.height;
+ var sticky_div_hilight_top = document.getElementById('sticky_div_hilight_pave').style.top;
+
+ var new_meme_orga_top = parseInt(meme_orga_top) - 900;
+ var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 900;
+ var new_sticky_div_hilight_top = parseInt(sticky_div_hilight_top) - 900;
+
+
+ document.getElementById('mob_block_cross_sell_cat').style.top = new_meme_orga_top + "px";
+ document.getElementById('mobile').style.height = new_displaydetailclass_new_v2_hei + "px";
+ document.getElementById('sticky_div_hilight_pave').style.top = new_sticky_div_hilight_top + "px";
+
+
+ }
+
+
+ else if (window.screen.width >= 601 && window.screen.width <= 991) {
+ var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
+ var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
+ var new_meme_orga_top = parseInt(meme_orga_top) - 900;
+ var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 900;
+
+ document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
+ document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
+
+ }
+ else if (window.screen.width >= 992 && window.screen.width <= 1199) {
+ var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
+ var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
+ var new_meme_orga_top = parseInt(meme_orga_top) - 500;
+ var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 500;
+
+ document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
+ document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
+ }
+ else if (window.screen.width >= 1200) {
+ var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
+ var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
+ var new_meme_orga_top = parseInt(meme_orga_top) - 500;
+ var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 500;
+
+ document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
+ document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
+
+
+ }
+ window.scrollTo({
+ top: 0,
+ behavior: "smooth",
+ });
+
+ }
+
+ function Close_inscrip_form() {
+ setinscritpion();
+ document.getElementById('mob_block_cross_sell_cat').style.display = "flex";
+
+ if (window.screen.width < 601) {
+ var meme_orga_top = document.getElementById('mob_block_cross_sell_cat').style.top;
+ var displaydetailclass_new_v2_hei = document.getElementById('mobile').style.height;
+ var sticky_div_hilight_top = document.getElementById('sticky_div_hilight_pave').style.top;
+
+ var new_meme_orga_top = parseInt(meme_orga_top) - 900;
+ var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 900;
+ var new_sticky_div_hilight_top = parseInt(sticky_div_hilight_top) - 900;
+
+ document.getElementById('mob_block_cross_sell_cat').style.top = new_meme_orga_top + "px";
+ document.getElementById('mobile').style.height = new_displaydetailclass_new_v2_hei + "px";
+ document.getElementById('sticky_div_hilight_pave').style.top = new_sticky_div_hilight_top + "px";
+ }
+ else if (window.screen.width >= 601 && window.screen.width <= 991) {
+ var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
+ var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
+ var new_meme_orga_top = parseInt(meme_orga_top) - 900;
+ var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 900;
+
+ document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
+ document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
+
+ }
+ else if (window.screen.width >= 992 && window.screen.width <= 1199) {
+ var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
+ var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
+ var new_meme_orga_top = parseInt(meme_orga_top) - 500;
+ var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 500;
+
+ document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
+ document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
+ }
+ else if (window.screen.width >= 1200) {
+ var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top;
+ var displaydetailclass_new_v2_hei = document.getElementById('desktop').style.height;
+ var new_meme_orga_top = parseInt(meme_orga_top) - 500;
+ var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) - 500;
+
+ document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px";
+ document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px";
+
+
+ }
+
+
+ window.scrollTo({
+ top: 0,
+ behavior: "smooth",
+ });
+
+ }
+
+
+ /// ----
+ return (
+
+