diff --git a/src/App.js b/src/App.js index e9d63f8..94eafa0 100644 --- a/src/App.js +++ b/src/App.js @@ -238,8 +238,8 @@ function App() { - - {/* ex : http://localhost:3009/detaile-formation/habilitation-electrique-882*/} + + {/* ex : http://localhost:3009/detail-formation/habilitation-electrique-882*/} diff --git a/src/components/Display_Action_And_Class.js b/src/components/Display_Action_And_Class.js index 906a90a..b6afb35 100644 --- a/src/components/Display_Action_And_Class.js +++ b/src/components/Display_Action_And_Class.js @@ -296,7 +296,7 @@ const Display_Action_And_Class = (props) => { 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); + // console.log(" getClassImage: res.data.message.img = " + res.data.message); if (res.data.message.img.length > 0) { setisclassimage("True"); diff --git a/src/components/Display_Partner_Catalog_DetailClass_new_v2.js b/src/components/Display_Partner_Catalog_DetailClass_new_v2.js index b79e28c..fc82341 100644 --- a/src/components/Display_Partner_Catalog_DetailClass_new_v2.js +++ b/src/components/Display_Partner_Catalog_DetailClass_new_v2.js @@ -1,4 +1,9 @@ import React, { useRef, useState, useEffect } from "react"; + +import "./detail_formation_automatic_files/new_s_detail_formation_2025.css"; +import Fotter_Catalog_Pub from "./Fotter_Catalog_Pub"; + +import SendIcon from '@mui/icons-material/Send'; import { useParams } from 'react-router-dom' import axios from "axios"; import Popup from 'reactjs-popup'; @@ -48,7 +53,7 @@ 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 { style } from "@mui/system"; import Accordion from '@mui/material/Accordion'; import AccordionDetails from '@mui/material/AccordionDetails'; @@ -56,6 +61,19 @@ import AccordionSummary from '@mui/material/AccordionSummary'; import Typography from '@mui/material/Typography'; import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; +import Dialog from '@mui/material/Dialog'; +import DialogActions from '@mui/material/DialogActions'; +import DialogContent from '@mui/material/DialogContent'; +import DialogContentText from '@mui/material/DialogContentText'; +import DialogTitle from '@mui/material/DialogTitle'; + +import Social_X_icon from '../img_new_design_2025/social_i_X.png'; +import Social_Link_icon from '../img_new_design_2025/social_i_Link.png'; +import Social_Fa_icon from '../img_new_design_2025/social_i_Fa.png'; + +import 'react-tooltip/dist/react-tooltip.css' +import { Tooltip } from 'react-tooltip' +import { FcInfo } from "react-icons/fc"; const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { const { classId, action } = useParams(); @@ -130,6 +148,38 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { }) } + const [contact_message_nom_prenom, setcontact_message_nom_prenom] = React.useState(""); + const [contact_message_email, setcontact_message_email] = React.useState(""); + const [contact_message_phone, setcontact_message_phone] = React.useState(""); + const [contact_message_sujet, setcontact_message_sujet] = React.useState(""); + const [contact_message_message, setcontact_message_message] = React.useState(""); + + function clear_contact_message_fields() { + setcontact_message_nom_prenom(""); + setcontact_message_email(""); + setcontact_message_phone(""); + setcontact_message_sujet(""); + setcontact_message_sujet(""); + setcontact_message_message(""); + } + + const [Dialog_contact_message, setDialog_contact_message] = React.useState(false); + const [Dialog_contact_open, setDialog_contact_open] = React.useState(false); + function Dialog_contact_handle_change_participant_session(message) { + setDialog_contact_message(message); + setDialog_contact_open(true); + } + + const Dialog_contact_handleClose = () => { + + }; + + const Dialog_contact_handleClose_buton = () => { + + setDialog_contact_open(false); + clear_contact_message_fields(); + + }; useEffect(() => { @@ -1174,6 +1224,22 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { } + function Send_Contact_Message(e) { + } + + const socialIconStyles = { + width: '24px', + height: '24px', + cursor: 'pointer', + }; + + const socialIconStyles_mobile = { + width: '24px', + height: '24px', + cursor: 'pointer', + }; + + const [subdomain_recid, setsubdomain_recid] = useState(""); const [New_Get_Subdomain_Partner_Data_result, setNew_Get_Subdomain_Partner_Data_result] = useState([]); @@ -1221,6 +1287,20 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { var catalog_pub_theme_id = JSON.parse(x).catalog_pub_theme_id; + var catalog_pub_cgv_pdf = "" + if (JSON.parse(x).catalog_pub_cgv_pdf) + catalog_pub_cgv_pdf = JSON.parse(x).catalog_pub_cgv_pdf; + + + var catalog_pub_cgu_pdf = "" + if (JSON.parse(x).catalog_pub_cgu_pdf) + catalog_pub_cgu_pdf = JSON.parse(x).catalog_pub_cgu_pdf; + + var catalog_pub_mention_legale_pdf = "" + if (JSON.parse(x).catalog_pub_mention_legale_pdf) + catalog_pub_mention_legale_pdf = JSON.parse(x).catalog_pub_mention_legale_pdf; + + //--- var node = { "_id": _id, @@ -1228,6 +1308,11 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { "nom": nom, "label": nom, + "catalog_pub_cgv_pdf": catalog_pub_cgv_pdf, + "catalog_pub_cgu_pdf": catalog_pub_cgu_pdf, + "catalog_pub_mention_legale_pdf": catalog_pub_mention_legale_pdf, + + "catalog_pub_logo": catalog_pub_logo, "catalog_pub_banniere_img": catalog_pub_banniere_img, "catalog_pub_message_1_txt": catalog_pub_message_1_txt, @@ -1235,7 +1320,7 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { "catalog_pub_theme_id": catalog_pub_theme_id, }; - //console.log(" --- node = ", node); + //console.log(" --- node Get_Partner_Data_From_Subdomain = ", node); new_data2.push(node); }); @@ -1277,12 +1362,12 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { }; const myRef_informe = useRef(null) - + /// ---- return ( -
- +
+ @@ -1290,66 +1375,153 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { {`${DetailTraining["title"]}`} -
-
+ {/*** GESTION Contact */} + -
-
+ Contactez Nous + + + +
+
+ Nom & Prénom +
+
+ + { + setcontact_message_nom_prenom(e.target.value); + }} + className='form-control formInput' + placeholder='Nom' + > +
+
+ +
+
+ E-mail +
+
+ { + setcontact_message_email(e.target.value); + }} + className='form-control formInput' + placeholder='Adresse email' + > +
-
+
+
+ Téléphone +
+
+ { + setcontact_message_phone(e.target.value); + }} + className='form-control formInput' + placeholder='Numéro Tél' + > +
+
- {String(ismetiermanaged) !== "0" && String(ismetiermanaged) !== "1" &&
+
+
+ Sujet +
+
+ { + setcontact_message_sujet(e.target.value); + }} + className='form-control formInput' + placeholder='Sujet' + > +
+
- {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && - DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("it") && - informatique} +
+
+ Votre message +
+
+ +
+
+ +
+ +
MySy Training Technology
+
+
+ + Adresse : 1 Cr du Havre, 75008 Paris
+ Adresse email : + contact@mysy-training.com
+ + Téléphone fixe : +331 77 00 38 57
+
+ +
- {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && - DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("graphisme") && - graphisme} + - {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && - DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("management") && - management} + +
+
+ +
+
+ - {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && - DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("digital") && - digital} +
+
- {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && - DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("office") && - office} - - {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && - DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("rh") && - ressources humaines} - - {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && - DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("vente") && - vente} - - {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && - DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("dev_perso") && - developpement personnel} +
+
+ {/*** FIN GESTION Contact */} -
} +
- {String(ismetiermanaged) === "0" &&
- autre +
-
} - - {String(ismetiermanaged) === "1" &&
- autre -
} - -
-
+
+
+
{ readOnly={true} />
-
+
{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(ismetiermanaged) !== "0" && String(ismetiermanaged) !== "1" &&
- {String(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" && -
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("it") && + informatique} -
-
- M'inscrire -
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("graphisme") && + graphisme} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("management") && + management} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("digital") && + digital} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("office") && + office} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("rh") && + ressources humaines} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("vente") && + vente} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("dev_perso") && + developpement personnel} + + + +
} + + {String(ismetiermanaged) === "0" &&
+ autre + +
} + + {String(ismetiermanaged) === "1" &&
+ autre +
} +
+ + +
+ + {String(DetailTraining["price"]) && String(DetailTraining["price"]) === String("0") && +
+
Gratuit +
+
Eligible CPF +
+
+ } + + {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && String(DetailTraining["price"]) === String("0") && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0) + && DetailTraining["price"] && +
+ {String(DetailTraining["price"])} € HT +
} + + {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0 + && DetailTraining["price"] &&
+ + + {DetailTraining.business_prices && DetailTraining.business_prices.length > 0 &&
+ + +
} +
}
-
+
+ {String(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" && +
-
- M'informer sur la formation +
-
- - -
- -
} - -
- -
- -
- Caractéristiques -
- -
- -
    -
  • -
    - -
    - - +
    + M'inscrire +
    -
    +
    + +
    + M'informer + +
    + + +
    + +
    } + +
    +
    + +
    + +
    + Caractéristiques +
    + +
    + + + +
    + +
    + + + +
    + +
    {DetailTraining.presentiel && DetailTraining.presentiel.distantiel === "1" && " Oui "} {DetailTraining.presentiel && DetailTraining.presentiel.distantiel === "0" && " Non "}
    @@ -1443,17 +1675,16 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
    -
  • -
  • -
    +
    -
    +
    + + -
    -
    +
    {DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "1" && " Oui "} {DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "0" && " Non "}
    @@ -1461,43 +1692,40 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
    -
  • -
  • -
    +
    + +
    + -
    -
    {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 " @@ -1507,520 +1735,484 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
    -
  • -
  • +
    -
    +
    -
    + -
    -
    +
    {DetailTraining["support"] && } {!DetailTraining["support"] && "Non précisé"}
    +
    +
    + + + + + +
    + +
    + +
    +
    + Organisme de formation +
    + +
    + {partnair_name && } +
    + +
    +
    + +
    + social Mysy Training Facebook + +
    + +
    + social Mysy Training LinkedIn + +
    + +
    + social Mysy Training X (twitter) + + +
    + +
    + +
    +
+ + + < nav ref={myRef_informe} id="myRef_informe"> + + {(String(inscritpion) === "2" || String(inscritpion) === "1") && +
+
+ +
+ +
+ + {String(inscritpion) === "2" &&
+ + + +
+ } + {String(inscritpion) === "1" &&
+ + +
+ + }
- + +
+
+
} +
+
- +
+ +
+ +
+ Description +
+ + +
+ {parse(String(DetailTraining["description"]))} +
+
+ + +
- - - - -
-
-
+
+
-
- +
+ + {GetCurrentClass_result && GetCurrentClass_result.length > 0 && +
+ +
+ Les sessions +
+ +
+
    + + + {GetCurrentClass_result && GetCurrentClass_result.slice(0, 5).map((formation) => ( +
  • + {(JSON.parse(formation).session_ondemande) && (JSON.parse(formation).session_ondemande) === "1" && } + + {(!(JSON.parse(formation).session_ondemande) || (JSON.parse(formation).session_ondemande) === "0") && } +
  • + + ))} + +
+
+ +
} + +
- -
- -
- -
- - -
-
-
-
- Organisme de formation + +
+
+ +
+
+ +
+ Objectif +
+ + {DetailTraining["objectif"] &&
+ {parse(String(DetailTraining["objectif"]))} +
+ } + +
+ + +
- -
- {partnair_name && } -
- -
-
- -
- -
- - {String(inscritpion) === "2" &&
- - - -
- } - {String(inscritpion) === "1" &&
- - -
- - } +
+
-
- Description -
- - -
- {parse(String(DetailTraining["description"]))} -
-
- - - {GetCurrentClass_result && GetCurrentClass_result.length > 0 && -
+
- Les sessions + Programme
-
-
    - - - {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") && } -
  • - - ))} - -
+ {DetailTraining["programme"] &&
+ {parse(String(DetailTraining["programme"]))}sticky_div_hilight
- - -
} - -
- -
- Objectif + }
- {DetailTraining["objectif"] &&
- {parse(String(DetailTraining["objectif"]))} -
- } - -
- -
- -
- Programme -
- - {DetailTraining["programme"] &&
- {parse(String(DetailTraining["programme"]))}sticky_div_hilight -
- } - - -
- -
- {DetailTraining["tab_ue_detail_data"] && DetailTraining["tab_ue_detail_data"].length > 0 && < div className="mob_info_page_title_desc_long_txt" > -
- Modules -
- - - {DetailTraining["tab_ue_detail_data"] &&
- -
- {DetailTraining["tab_ue_detail_data"] && DetailTraining["tab_ue_detail_data"].map((val) => ( -
- - - } - aria-controls={val._id} - id={val._id} - > - - - {val.titre} - - - - -
{parse(String(val.description).replace(/(<([^>]+)>)/ig, ''))}
- -
-
-
- - -
- ))} -
- -
} - -
} - -
- - - - {DetailTraining["pourqui"] &&
- -
- Pour Qui ? -
- - {DetailTraining["pourqui"] &&
- {parse(String(DetailTraining["pourqui"]))} -
- } - - -
} -
+
+
+ + {DetailTraining["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, ''))}
+ +
+
+
-
-
+
+ ))} +
-
- -
- - {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) => ( +
+
+ {DetailTraining["pourqui"] &&
-
+
+ Pour Qui ? +
-
+ {DetailTraining["pourqui"] &&
+ {parse(String(DetailTraining["pourqui"]))} +
+ } - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("it") && - informatique} - - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("graphisme") && - graphisme} - - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("management") && - management} - - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("digital") && - digital} - - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("office") && - office} - - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("rh") && - ressources humaines} - - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") && - vente} - - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") && - sport} - - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sante_nat") && - sante naturelle} +
} - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") && - developpement personnel} +
+
+
- {!JSON.parse(formation).metier && autre personnel} +
+
+   +
+
-
+
+
+
-
-
- {JSON.parse(formation).cpf && (String(JSON.parse(formation).cpf)) === "1" && - "Éligible au CPF"} +
- {!JSON.parse(formation).cpf || String(JSON.parse(formation).cpf) !== "1" && - "NON Éligible au CPF"} +
-
+ {associatedtraining_message && associatedtraining_message.length > 0 && +
+ Cela pourrait aussi vous intéresser +
} -
+
+ + {associatedtraining_message && String(associatedtraining_api) === "True" && + associatedtraining_message.slice(0, 3).map((formation) => ( + +
+ +
+ + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("it") && + informatique} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("graphisme") && + graphisme} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("management") && + management} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("digital") && + digital} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("office") && + office} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("rh") && + ressources humaines} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") && + vente} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") && + sport} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sante_nat") && + sante naturelle} -
+ {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") && + developpement personnel} -
- {JSON.parse(formation).note && String(JSON.parse(formation).note).length === 1 && - parseInt(String(JSON.parse(formation).note)) <= 5 && - } - precision={0.5} - readOnly={true} - value={(String(JSON.parse(formation).note))} - />} -
+
-
- {parse(String(JSON.parse(formation).title))} -
+
+
+ {JSON.parse(formation).cpf && (String(JSON.parse(formation).cpf)) === "1" && + "Éligible au CPF"} - {JSON.parse(formation).price &&
- {(String(JSON.parse(formation).price))} € HT + {!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 && + { - e.preventDefault(); - //test(props.formation.external_code); - window.open( - "/Display-Detail-formation/" + JSON.parse(formation).internal_url, - '_self' - ); + precision={0.5} + readOnly={true} + value={(String(JSON.parse(formation).note))} + />} +
+ +
+ {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 +
+ +
- }}> -
- Voir les détails
+ ))} +
-
- -
- ))} - +
-
- -
- -
- -
-
-
+ + + +
+
-
- - -
-
- - -
- MySy Training Technology - -
-
- -
- - - -
{ 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") && } - -
- -
- -
- -
- -
- -
- {String(someoneconnected) !== String("1") && } - {String(someoneconnected) === String("1") && } -
- -
- -
- -
- - -
- - - -
- - +
@@ -2061,358 +2253,371 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { -
+
+
+
-
- - {String(inscritpion) === "1" &&
- -
- - } - - {String(inscritpion) === "2" &&
- - -
- - } - - {(String(action).toLocaleLowerCase() === "inscription" || String(action).toLocaleLowerCase() === "information") - && String(action).toLocaleLowerCase() !== "evaluation" - &&
- - + {String(inscritpion) === "1" &&
+
- } - {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 && + {String(inscritpion) === "2" &&
+ + +
+ + } + + {(String(action).toLocaleLowerCase() === "inscription" || String(action).toLocaleLowerCase() === "information") + && String(action).toLocaleLowerCase() !== "evaluation" + &&
+ + +
+ } + + {String(action).toLocaleLowerCase() !== "inscription" && String(action).toLocaleLowerCase() !== "information" && String(tokenEval_api) === "true" + &&
+ + + +
+ } + + + +
+
+
Description + +
+ {DetailTraining["description"] &&
+ {parse(String(DetailTraining["description"]))} + +
+ } +
+
+ + {GetCurrentClass_result && GetCurrentClass_result.length > 0 && +
+
+ Les sessions + +
+
+
    + + {GetCurrentClass_result && GetCurrentClass_result.slice(0, 5).map((formation) => ( + + +
  • + + {(JSON.parse(formation).session_ondemande) && (JSON.parse(formation).session_ondemande) === "1" && } + + {(!(JSON.parse(formation).session_ondemande) || (JSON.parse(formation).session_ondemande) === "0") && } +
  • + + ))} + +
+
+ +
+ } + +
- Les sessions - + Objectif +
+ {DetailTraining["objectif"] &&
+ {parse(String(DetailTraining["objectif"]))}
-
-
    + } - {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") && } -
  • + {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"]))} + -
    -
    - } + } +
    } -
    -
    -
    - Objectif -
    - {DetailTraining["objectif"] &&
    - {parse(String(DetailTraining["objectif"]))} -
    - } + + +
    - -
    + {/****** Stick droire */} +
    +
    -
    -
    - 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 -
    + {class_img_stored_in_bdd && String(class_img_stored_in_bdd).length > 50 &&
    - - {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, ''))}
    - -
    -
    -
    - - -
    - ))} +
    + } -
    } + {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) !== "0" && String(ismetiermanaged) !== "1" &&
    -
    } - -
    - - {DetailTraining["pourqui"] && String(DetailTraining["pourqui"]).length > 2 &&
    -
    - Pour Qui ? -
    - {DetailTraining["pourqui"] &&
    - {parse(String(DetailTraining["pourqui"]))} + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("it") && + informatique} -
    - } -
    } -
    + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("graphisme") && + graphisme} - {DetailTraining["plus_produit"] && String(DetailTraining["plus_produit"]).length > 2 &&
    -
    - Points forts -
    - {DetailTraining["plus_produit"] &&
    - {parse(String(DetailTraining["plus_produit"]))} + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("management") && + management} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("digital") && + digital} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("office") && + office} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("rh") && + ressources humaines} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("vente") && + vente} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("sport") && + sport} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("sante_nat") && + sante naturelle} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("dev_perso") && + developpement personnel} -
    +
    } - } -
    } + {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "0" &&
    + autre +
    } + {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "1" &&
    + autre - -
    - -
    - - {/****** Stick droire */} -
    - - -
    - - - {class_img_stored_in_bdd && String(class_img_stored_in_bdd).length > 50 &&
    - - -
    - } - - {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) !== "0" && String(ismetiermanaged) !== "1" &&
    - - {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && - DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("it") && - informatique} - - - {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && - DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("graphisme") && - graphisme} - - {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && - DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("management") && - management} - - {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && - DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("digital") && - digital} - - {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && - DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("office") && - office} - - {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && - DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("rh") && - ressources humaines} - - {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && - DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("vente") && - vente} - - {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && - DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("sport") && - sport} - - {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && - DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("sante_nat") && - sante naturelle} - - {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && - DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("dev_perso") && - developpement personnel} - - -
    } - - {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "0" &&
    - autre - -
    } - - {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "1" &&
    - autre - -
    } - - - - - {String(DetailTraining["price"]) && String(DetailTraining["price"]) === String("0") && -
    Gratuit -
    - } - - {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(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" &&
    -
    + {String(DetailTraining["price"]) && String(DetailTraining["price"]) === String("0") && +
    +
    Gratuit +
    -
    -
    M’inscrire
    -
    + {DetailTraining["cpf"] && String(DetailTraining["cpf"]) === "1" &&
    Éligible CPF
    } + {(!DetailTraining["cpf"] || String(DetailTraining["cpf"]) !== "1") &&
    Non Élig. CPF
    } +
    + } -
    -
    -
    M’informer sur la formation
    -
    + {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0) + && DetailTraining["price"] &&
    +
    {String(DetailTraining["price"])} € HT +
    -
    } + {DetailTraining["cpf"] && String(DetailTraining["cpf"]) === "1" &&
    Éligible CPF
    } + {(!DetailTraining["cpf"] || String(DetailTraining["cpf"]) !== "1") &&
    Non Élig. CPF
    } -
    +
    } -
    Caractéristiques :
    + {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0 + && DetailTraining["price"] && +
    +
    + +
    +
    Eligle CFP +
    + + {DetailTraining.business_prices && DetailTraining.business_prices.length > 0 &&
    + + +
    } + +
    } + +
    + +
    Caractéristiques
    + + +
    +
      -
      -
        -
      • - + + +
        {String(DetailTraining["duration_unit"]) !== "user_rythme" && @@ -2424,20 +2629,21 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => { {String(DetailTraining["duration_unit"]) === "user_rythme" &&
        - A votre rythme + VR
        }
        -
      • -
      • +
        - + + +
        @@ -2455,14 +2661,13 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
        -
      • -
      • +
        - +
        @@ -2474,14 +2679,14 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
        -
      • -
      • +
        - + +
        @@ -2492,122 +2697,138 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
        -
      • -
      • +
        - +
        {DetailTraining["support"] &&
        - {String(DetailTraining["support"]).charAt(0).toUpperCase() + String(DetailTraining["support"]).slice(1)}  
        + {String(DetailTraining["support"]).charAt(0).toUpperCase() + String(DetailTraining["support"]).slice(1)}
        } {!DetailTraining["support"] &&
        - Non précisé  
        + Non précisé
        }
      - -
    - + +
    -
    +
    -
    -
    + {String(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" &&
    -
    +
    - {String(isqualiopi) === "1" &&
    - Qualiopi -
    } +
    +
    M’inscrire
    +
    - {String(isdatadock) === "1" &&
    - DataDock +
    +
    +
    M’informer
    +
    } - {String(iscertitrace) === "1" &&
    - Certitrace +
    + {String(isqualiopi) === "1" &&
    + +
    + Qualiopi +
    } + {String(isqualiopi) === "1" &&
    } - {String(isbureaucertitrace) === "1" &&
    - Bureau Certitrace + {String(isdatadock) === "1" &&
    +
    + DataDock + +
    } + {String(isdatadock) === "1" &&
    } - {String(iscertifvoltaire) === "1" &&
    - Certitrace +
    + {String(iscertifvoltaire) === "1" &&
    + Certitrace -
    } +
    } -
    - -
    - -
    - - -
    -
    -
    - -
    -
    - + +
    + +
    + Organisme de formation +
    + +
    + + {partnair_name && } +
    -
    -
    +
    -
    - Organisme de formation + +
    + social Mysy Training Facebook +
    + +
    + social Mysy Training LinkedIn +
    + +
    + social Mysy Training X (twitter) + +
    -
    - {partnair_name && } -
    -
    -
    +

    {associatedtraining_message && String(associatedtraining_api) === "True" && associatedtraining_message.length > 0 &&
    { {associatedtraining_message && String(associatedtraining_api) === "True" && associatedtraining_message.slice(0, 3).map((formation) => (
    +
    +
    -
    + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("it") && + informatique} - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("it") && - informatique} + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("graphisme") && + graphisme} - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("graphisme") && - graphisme} + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("management") && + management} - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("management") && - management} + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("digital") && + digital} - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("digital") && - digital} + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("office") && + office} - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("office") && - office} + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("rh") && + ressources humaines} - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("rh") && - ressources humaines} + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") && + vente} - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") && - vente} + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") && + sport} - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") && - sport} - - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sante_nat") && - sante naturelle} + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sante_nat") && + sante naturelle} - {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") && - developpement personnel} + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") && + developpement personnel} - {!JSON.parse(formation).metier && autre personnel} + {!JSON.parse(formation).metier && autre personnel} -
    +
    + +
    -
    -
    {JSON.parse(formation).cpf && (String(JSON.parse(formation).cpf)) === "1" && - "Éligible au CPF"} +
    + Éligible CPF
    } {!JSON.parse(formation).cpf || String(JSON.parse(formation).cpf) !== "1" && - "NON Éligible au CPF"} +
    + NON Éligible CPF
    } + +
    + + +
    + +
    + + {JSON.parse(formation).note && String(JSON.parse(formation).note).length === 1 && + parseInt(String(JSON.parse(formation).note)) <= 5 && + + } +
    + +
    {parse(String(JSON.parse(formation).title)).substring(0, 50)} +
    + + {JSON.parse(formation).price &&
    + {(String(JSON.parse(formation).price))} € HT +
    }
    -
    - -
    - -
    - - {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); @@ -2712,31 +2935,20 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
    - -
    -
    +
    ))} - - - -
    - - -
    - - -
    -
    -
    + {Get_Subdomain_Partner_Data_result && Get_Subdomain_Partner_Data_result.length > 0 && +
    + +
    }
    ) } diff --git a/src/components/Fotter_Catalog_Pub.js b/src/components/Fotter_Catalog_Pub.js index 08bfa36..01852c5 100644 --- a/src/components/Fotter_Catalog_Pub.js +++ b/src/components/Fotter_Catalog_Pub.js @@ -1,17 +1,6 @@ import React, { useRef, useState, useEffect } from "react"; -import { styled } from '@mui/material/styles'; -import Paper from '@mui/material/Paper'; -import Grid from '@mui/material/Grid'; -import { FacebookShareButton, LinkedinShareButton, TwitterShareButton } from "react-share"; -import { SocialIcon } from 'react-social-icons'; -import { - Box, - Container, - Row, - Column, - FooterLink, - Heading, -} from "./FooterStyles"; +import moment from "moment"; + const Fotter_Catalog_Pub = (props) => { @@ -56,6 +45,14 @@ const Fotter_Catalog_Pub = (props) => { downloadLink.click(); } + const [current_year, setcurrent_year] = useState(""); + useEffect(() => { + var date2 = new Date(); + const format2 = "YYYY"; + var dateTime2 = moment(date2).format(format2); + setcurrent_year(dateTime2) + + }, []); return (
    @@ -67,8 +64,8 @@ const Fotter_Catalog_Pub = (props) => {
    - Copyright © 2024 {props.partner_data.nom} . Tous droits réservés.   - + Copyright © {current_year} {props.partner_data.nom} . Tous droits réservés.   + diff --git a/src/components/Inscription_Information.js b/src/components/Inscription_Information.js index e8d17d5..3557e56 100644 --- a/src/components/Inscription_Information.js +++ b/src/components/Inscription_Information.js @@ -97,6 +97,29 @@ function Inscription_Information(props) { }; + function clean_leads_data() { + setleads_nom(""); + setleads_prenom(""); + setleads_email(""); + setleads_phone(""); + setleads_employeur(""); + setleads_message(""); + + setleads_modefinance(""); + setleads_opco("inconnu"); + + } + + const [leads_nom, setleads_nom] = useState(""); + const [leads_prenom, setleads_prenom] = useState(""); + const [leads_email, setleads_email] = useState(""); + const [leads_phone, setleads_phone] = useState(""); + const [leads_employeur, setleads_employeur] = useState(""); + const [leads_message, setleads_message] = useState(""); + const [leads_modefinance, setleads_modefinance] = useState(""); + const [leads_opco, setleads_opco] = useState("inconnu"); + + const [RecordData_api, setRecordData_api] = useState(""); const [RecordData_status, setRecordData_status] = useState(""); const [RecordData_message, setRecordData_message] = useState(""); @@ -105,7 +128,10 @@ function Inscription_Information(props) { const formData = new FormData(); const url = process.env.REACT_APP_API_URL + "myclass/api/AddStagiairetoClass/"; - var nom = document.getElementsByName("nom")[0].value; + var nom = leads_nom; + + console.log(" ## leads_nom ==", leads_nom) + if (String(nom).trim().length <= 0) { document.getElementsByName("nom")[0].style.borderColor = "red"; setdisplay_alert_mysy("1"); @@ -122,7 +148,7 @@ function Inscription_Information(props) { } - var prenom = document.getElementsByName("prenom")[0].value; + var prenom = leads_prenom; if (String(prenom).trim().length <= 0) { document.getElementsByName("prenom")[0].style.borderColor = "red"; setdisplay_alert_mysy("1"); @@ -133,7 +159,8 @@ function Inscription_Information(props) { } - var telephone = document.getElementsByName("telephone")[0].value; + + var telephone = leads_phone; if (String(telephone).trim().length < 10) { document.getElementsByName("telephone")[0].style.borderColor = "red"; setdisplay_alert_mysy("1"); @@ -142,7 +169,7 @@ function Inscription_Information(props) { return; } - var email = document.getElementsByName("email")[0].value; + var email = leads_email; var re2 = /\S+@\S+\.\S+/; if (re2.test(email) === false) { document.getElementsByName("email")[0].style.borderColor = "red"; @@ -153,8 +180,7 @@ function Inscription_Information(props) { } - - var modefinancement = document.getElementById('modefinancement').value; + var modefinancement = leads_modefinance; if (String(modefinancement).trim().length <= 0) { setdisplay_alert_mysy("1"); setalert_message("Vous devez choisir une mode de financemen"); @@ -162,18 +188,17 @@ function Inscription_Information(props) { return; } - var opco = "inconnu" - if (document.getElementById('opco') && document.getElementById('opco').value) { - opco = document.getElementById('opco').value; - if (String(opco).trim().length <= 0) { - setdisplay_alert_mysy("1"); - setalert_message("Vous devez choisir un centre Opco"); - setalert_type("error") - return; - } + var opco = leads_opco; + if (String(opco).trim().length <= 0) { + setdisplay_alert_mysy("1"); + setalert_message("Vous devez choisir un centre Opco"); + setalert_type("error") + return; } + + var session = mysession; if (String(nom).trim().length <= 0) { setdisplay_alert_mysy("1"); @@ -183,10 +208,8 @@ function Inscription_Information(props) { } - var employeur = "" - if (document.getElementById('employeur') && document.getElementById('employeur').value) { - employeur = document.getElementById('employeur').value; - } + var employeur = leads_employeur; + // var class_internal_url = document.getElementsByName("adr_country")[0].value; @@ -238,7 +261,7 @@ function Inscription_Information(props) { }); if (String(result['status']) === "true") { - + clean_leads_data(); setdisplay_alert_mysy("1"); setalert_message("Votre demande d'inscription a bien été prise en compte. Vous allez recevoir une email de confirmation dans votre boite email. Merci."); setalert_type("success"); @@ -278,7 +301,7 @@ function Inscription_Information(props) { }) .then((data) => data.json()) .then((data) => { - // console.log(' GetListOpco Success:', data['message'], "data['status'] = ", data['status']); + // console.log(' GetListOpco Success:', data['message'], "data['status'] = ", data['status']); if (String(data['status']) === String("true")) { //console.log("erreur rrrr:" + data['status']) @@ -642,8 +665,6 @@ function Inscription_Information(props) { formData.append('class_sales_price', class_sales_price); - - formData.append('is_company', is_company); @@ -1026,7 +1047,7 @@ function Inscription_Information(props) { {String(RecordData_status) === "true" && String(action).toLocaleLowerCase() === "inscription" && -
    +
    Votre inscription a bien été prise en compte. Vous allez recevoir une email de confirmation dans votre boite email. @@ -1035,7 +1056,7 @@ function Inscription_Information(props) { {String(SendInformationRequest_status) === "true" && String(action).toLocaleLowerCase() === "information" && -
    +
    Votre demande d'information a été prise en compte.
    Merci. @@ -1046,7 +1067,7 @@ function Inscription_Information(props) { String(RecordData_status).length === 0) && String(action).toLocaleLowerCase() === "inscription" && String(AnnulerFction_status) !== "1" &&
    - +   :not(style)': { m: 1 }, width: '100%', }}> {String(RecordData_status) === "false" &&
    @@ -1054,13 +1075,13 @@ function Inscription_Information(props) {
    }
    -
    Je m'inscris
    +
    Je m'inscris
    -
    +
    Choisir une session  
    -
    +
    {New_GetCurrentClass_result && New_GetCurrentClass_result.length > 0 && } - {/**/}
    @@ -1118,16 +1114,171 @@ function Inscription_Information(props) { + {mysession &&
    +
    + +
    + { + + if (value && value.value) { + setcivilite_stagiaire(value.value); + } + + }} + renderInput={(params) => + + + } + + /> +
    + +
    + + + + ), + }} + variant="standard" + value={leads_nom} + onChange={(e) => { + setleads_nom(e.target.value); + }} + /> +
    + +
    + + + + ), + }} + variant="standard" + value={leads_prenom} + onChange={(e) => { + setleads_prenom(e.target.value); + }} + /> +
    + +
    + + + + ), + }} + variant="standard" + value={leads_email} + onChange={(e) => { + setleads_email(e.target.value); + }} + /> +
    + +
    + + + + ), + }} + variant="standard" + value={leads_phone} + onChange={(e) => { + setleads_phone(e.target.value); + }} + /> +
    + +
    + + + + ), + }} + variant="standard" + value={leads_employeur} + onChange={(e) => { + setleads_employeur(e.target.value); + }} + /> +
    + +
    +
    +
    +
     
    + +
    } + + {mysession && :not(style)': { m: 1 }, width: '100%', }}>   + {/*<> { @@ -1167,6 +1318,10 @@ function Inscription_Information(props) { ), }} variant="standard" + value={leads_nom} + onChange={(e) => { + setleads_nom(e.target.value); + }} /> { + setleads_prenom(e.target.value); + }} /> + { + setleads_email(e.target.value); + }} /> { + setleads_phone(e.target.value); + }} /> { + setleads_employeur(e.target.value); + }} /> - {/* -- début champs specifiques **/} + {/* -- début champs specifiques ** /}
    @@ -1287,123 +1458,123 @@ function Inscription_Information(props) {
    - {/* -- end champs specifiques **/} + {/* -- end champs specifiques ** /} + + */} +
     
    +
    Nous vous aidons à financer la formation
    + +   + :not(style)': { m: 1 }, width: '100%', }}> +
    +
    + Choisir le mode financement   +
    +
    + + {modefinancement && modefinancement.length > 0 && + (data).label === String(p_client_invoice_paiement_condition_code))[0].label} + options={modefinancement} + className="disabled_style" + onChange={(event, value) => { + if (value && value.value) { + setmonfinancement(value.value); + setleads_modefinance(value.value); + + } + }} + + renderInput={(params) => + } + />} -
     
    -
    Nous vous aidons à financer la formation
    +
    +
    +
    +
     
    + {monfinancement && String(monfinancement) !== "perso" && + + :not(style)': { m: 1 }, width: '100%', }}>   - :not(style)': { m: 1 }, width: '100%', }}> -
    -
    - Choisir le mode financement :   -
    -
    - - {modefinancement && modefinancement.length > 0 && - (data).label === String(p_client_invoice_paiement_condition_code))[0].label} - options={modefinancement} - className="disabled_style" - onChange={(event, value) => { - if (value && value.value) { - setmonfinancement(value.value) - } - }} - - renderInput={(params) => - } - />} - - - {/**/} -
    +
    +
    + Choisir votre centre de rattachement
    +
    - -
     
    - {monfinancement && String(monfinancement) !== "perso" && + {New_GetListOpco_result && New_GetListOpco_result.length > 0 && + (data).label === String(p_client_invoice_paiement_condition_code))[0].label} + options={New_GetListOpco_result} + className="disabled_style" + onChange={(event, value) => { + if (value && value.idcc_code) { + setmyopco(value.idcc_code) + setleads_opco(value.idcc_code) + } else { + setmyopco("inconnu") + setleads_opco("inconnu") + } - :not(style)': { m: 1 }, width: '100%', }}> -   -
    -
    - Choisir votre centre de rattachement -
    -
    + }} - {New_GetListOpco_result && New_GetListOpco_result.length > 0 && - (data).label === String(p_client_invoice_paiement_condition_code))[0].label} - options={New_GetListOpco_result} - className="disabled_style" - onChange={(event, value) => { - if (value && value.idcc_code) { - setmyopco(value.idcc_code) - } + renderInput={(params) => - } - />} - - - {/* */} -
    -
    *Laisser "Choisir" si vous ne le connaissez pas. -
    -
    - -
    } + /> + } + />} +
    +
    *Laisser "Choisir" si vous ne le connaissez pas. +
    +
    } -
    - -
    - -
    - -
    - - -
    - -
    -
    -
    - {/*
    + + } + +
    + +
    + +
    + +
    + + +
    + +
    + + +
    +
    + {/*
    @@ -1414,253 +1585,258 @@ function Inscription_Information(props) {
    }
    */ + } + +
    +
    } + +{/* Gestion de la note/evaluation */ } + + +{ + (String(RecordData_status) === "false" || + String(RecordData_status).length === 0) && + String(action).toLocaleLowerCase() === "evaluation" && + String(AnnulerFction_status) !== "1" && + String(SendEvaluationClass_api) === "true" &&
    +
    + Votre évaluation a bien été prise en compte. Merci. +
    + +
    +} + + +{ + (String(RecordData_status) === "false" || + String(RecordData_status).length === 0) && + String(action).toLocaleLowerCase() === "evaluation" && + String(AnnulerFction_status) !== "1" && + String(SendEvaluationClass_api) !== "true" &&
    + + {String(SendEvaluationClass_api) === "false" &&
    +
    + {SendEvaluationClass_message} +
    + +
    } + +

    Demande d'evaluation

    +
    +
    + + { + setRatingValue(newValue); + }} />
    +
    +
    + +
    +
    + + + { + setRatinpedagogiegValue(newValue); + }} />
    +
    +
    + + +
    +
    + + + editorRef_evaluation.current = editor} + initialValue={field_evaluation} + onKeyUp={editor_keyup} + onEditorChange={(newValue, editor) => { + + if (String(editor_evaluation_tochange) === "1") { + + seteditor_evaluation_tochange(""); } - -
    -
    } - - {/* Gestion de la note/evaluation */} - - - {(String(RecordData_status) === "false" || - String(RecordData_status).length === 0) && - String(action).toLocaleLowerCase() === "evaluation" && - String(AnnulerFction_status) !== "1" && - String(SendEvaluationClass_api) === "true" &&
    -
    - Votre évaluation a bien été prise en compte. Merci. -
    - -
    } - - - {(String(RecordData_status) === "false" || - String(RecordData_status).length === 0) && - String(action).toLocaleLowerCase() === "evaluation" && - String(AnnulerFction_status) !== "1" && - String(SendEvaluationClass_api) !== "true" &&
    - - {String(SendEvaluationClass_api) === "false" &&
    -
    - {SendEvaluationClass_message} -
    - -
    } - -

    Demande d'evaluation

    -
    -
    - - { - setRatingValue(newValue); - }} />
    -
    -
    - -
    -
    - - - { - setRatinpedagogiegValue(newValue); - }} />
    -
    -
    - - -
    -
    - - - editorRef_evaluation.current = editor} - initialValue={field_evaluation} - onKeyUp={editor_keyup} - onEditorChange={(newValue, editor) => { - - if (String(editor_evaluation_tochange) === "1") { - - seteditor_evaluation_tochange(""); - } - }} - - init={{ - resize: false, - height: 100, - 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; }' - }} - /> -
    -
    -
    - {
    -
    - - -
    - - {
    - -
    } -
    - - } - -
    - - - -
    } - - {/* Gestion des demandes d'information */} - -
    - {props.inscritpion === "2" && New_Option_is_cpany && New_Option_is_cpany.length > 0 && (data).value === String(is_company))[0].label} - options={New_Option_is_cpany} - onChange={(event, value) => { - if (value && value.value) { - setis_company(value.value); - } - }} - renderInput={(params) => + +
    +
    + {
    +
    + - /> - } - />} +
    + + {
    + +
    } +
    + + } + +
    + + + +
    +} + +{/* Gestion des demandes d'information */ } + +
    + {props.inscritpion === "2" && New_Option_is_cpany && New_Option_is_cpany.length > 0 && (data).value === String(is_company))[0].label} + options={New_Option_is_cpany} + onChange={(event, value) => { + if (value && value.value) { + setis_company(value.value); + } + + }} + + renderInput={(params) => + } + />} + +
    + +{ + is_company && String(is_company) === "0" && (String(SendInformationRequest_status) === "false" || + String(SendInformationRequest_status).length === 0) && + String(action).toLocaleLowerCase() === "information" && + String(AnnulerFction_info_status) !== "false" &&
    + +
    + {String(RecordData_status) === "false" &&
    + {RecordData_message} + +
    } + + +
    +
    Je m'informe
    - {is_company && String(is_company) === "0" && (String(SendInformationRequest_status) === "false" || - String(SendInformationRequest_status).length === 0) && - String(action).toLocaleLowerCase() === "information" && - String(AnnulerFction_info_status) !== "false" &&
    -
    - {String(RecordData_status) === "false" &&
    - {RecordData_message} + + + + ), + }} + onChange={handlervalnom_info} + variant="standard" + /> -
    } + + + + ), + }} + onChange={handlervalprenom_info} + variant="standard" + /> + + + + ), + }} + onChange={handlervalemail_info} + variant="standard" + /> -
    -
    Je m'informe
    + + + + ), + }} + onChange={handlervaltelephone_info} + variant="standard" + /> -
    + + + + ), + }} + onChange={handlervalemployeur_info} + variant="standard" + /> +
    - - - - ), - }} - onChange={handlervalnom_info} - variant="standard" - /> - - - - - ), - }} - onChange={handlervalprenom_info} - variant="standard" - /> - - - - - ), - }} - onChange={handlervalemail_info} - variant="standard" - /> - - - - - ), - }} - onChange={handlervaltelephone_info} - variant="standard" - /> - - - - - ), - }} - onChange={handlervalemployeur_info} - variant="standard" - /> - -
    - - {/* -- début champs specifiques ** /} + {/* -- début champs specifiques ** /}

    @@ -1700,59 +1876,59 @@ function Inscription_Information(props) { {/* -- end champs specifiques **/} -
    +
    -
    Dites nous en plus sur votre besoin :)
    - Votre message
    - editorRef_description.current = editor} - initialValue={field_description} - onKeyUp={editor_keyup} - onEditorChange={(newValue, editor) => { +
    Dites nous en plus sur votre besoin :)
    + 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: 300, - 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: 300, + 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; }' + }} + /> -
    -
     
    +
    +
     
    -
    -
    +
    +
    -
    - -
    +
    + +
    -
    - +
    + -
    +
    -
    +
    - {/*
    + {/*
    */ - } + } -
    +
    -
    } +
    +} - {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} -
    } +
    } -
    -
    Je m'informe
    +
    +
    Je m'informe
    -
    +
    - - - - ), - }} - 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") && + informatique} + + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("graphisme") && + graphisme} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("management") && + management} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("digital") && + digital} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("office") && + office} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("rh") && + ressources humaines} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("vente") && + vente} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("dev_perso") && + developpement personnel} + + + +
    } + + {String(ismetiermanaged) === "0" &&
    + autre + +
    } + + {String(ismetiermanaged) === "1" &&
    + autre +
    } + +
    +
    + +
    +
    + {DetailTraining["title"]} +
    +
    + +
    + {DetailTraining["cpf"] && String(DetailTraining["cpf"]) === "1" && + "Éligible au CPF"} + + {!DetailTraining["cpf"] || String(DetailTraining["cpf"]) !== "1" && + "NON Éligible au CPF"} +
    + +
    +
    + + {String(DetailTraining["price"]) && String(DetailTraining["price"]) === String("0") && +
    Gratuit +
    + } + + {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && String(DetailTraining["price"]) === String("0") && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0) + && DetailTraining["price"] && +
    + {String(DetailTraining["price"])} € HT +
    } + + {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0 + && DetailTraining["price"] &&
    + + + + +
    } + + {String(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" && +
    + +
    + +
    + M'inscrire +
    + +
    + +
    + +
    + M'informer sur la formation + +
    + + +
    + +
    } + +
    + +
    + +
    + Caractéristiques +
    + +
    + +
      +
    • +
      + +
      + + + +
      + +
      + {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") && + informatique} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("graphisme") && + graphisme} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("management") && + management} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("digital") && + digital} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("office") && + office} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("rh") && + ressources humaines} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") && + vente} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") && + sport} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sante_nat") && + sante naturelle} + + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") && + developpement personnel} + + {!JSON.parse(formation).metier && autre personnel} + +
    + +
    +
    + {JSON.parse(formation).cpf && (String(JSON.parse(formation).cpf)) === "1" && + "Éligible au CPF"} + + {!JSON.parse(formation).cpf || String(JSON.parse(formation).cpf) !== "1" && + "NON Éligible au CPF"} + +
    + +
    + + +
    + +
    + {JSON.parse(formation).note && String(JSON.parse(formation).note).length === 1 && + parseInt(String(JSON.parse(formation).note)) <= 5 && + } +
    + +
    + {parse(String(JSON.parse(formation).title))} +
    + + {JSON.parse(formation).price &&
    + {(String(JSON.parse(formation).price))} € HT + +
    } + + +
    + +
    + +
    { + e.preventDefault(); + //test(props.formation.external_code); + window.open( + "/Display-Detail-formation/" + JSON.parse(formation).internal_url, + '_self' + ); + + + }}> +
    + Voir les détails +
    + +
    + + +
    + +
    + ))} + +
    + +
    + + +
    + +
    + +
    + +
    + + +
    +
    + + +
    +
    + +
    + +
    +
    + + +
    +
    + + +
    + MySy Training Technology + +
    +
    + +
    + + + +
    { 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") && } + +
    + +
    + +
    + +
    + +
    + +
    + {String(someoneconnected) !== String("1") && } + {String(someoneconnected) === String("1") && } +
    + +
    + +
    + +
    + + +
    + + + +
    + + +
    + +
    + {ratingvalue && String(ratingvalue).length === 1 && + parseInt(String(ratingvalue)) <= 5 && + } +
    + +
    + {DetailTraining["title"]} +
    + +
    + +
    + {DetailTraining["cpf"] && String(DetailTraining["cpf"]) === "1" && + "Éligible au CPF"} + + {!DetailTraining["cpf"] || String(DetailTraining["cpf"]) !== "1" && + "NON Éligible au CPF"} +
    + +
    + +
    + + + +
    +
    + +
    + + + + +
    + +
    + + {String(inscritpion) === "1" &&
    + +
    + + } + + {String(inscritpion) === "2" &&
    + + +
    + + } + + {(String(action).toLocaleLowerCase() === "inscription" || String(action).toLocaleLowerCase() === "information") + && String(action).toLocaleLowerCase() !== "evaluation" + &&
    + + +
    + } + + {String(action).toLocaleLowerCase() !== "inscription" && String(action).toLocaleLowerCase() !== "information" && String(tokenEval_api) === "true" + &&
    + + + +
    + } + + + +
    +
    +
    + Description +
    + {DetailTraining["description"] &&
    + {parse(String(DetailTraining["description"]))} + +
    + } +
    +
    + + {GetCurrentClass_result && GetCurrentClass_result.length > 0 && +
    +
    + Les sessions + + +
    +
    +
      + + {GetCurrentClass_result && GetCurrentClass_result.slice(0, 5).map((formation) => ( + + +
    • + + {(JSON.parse(formation).session_ondemande) && (JSON.parse(formation).session_ondemande) === "1" && } + + {(!(JSON.parse(formation).session_ondemande) || (JSON.parse(formation).session_ondemande) === "0") && } +
    • + + ))} + +
    +
    + +
    + } + +
    +
    +
    + Objectif +
    + {DetailTraining["objectif"] &&
    + {parse(String(DetailTraining["objectif"]))} + +
    + } + +
    + + +
    + + +
    +
    + Programme +
    + {DetailTraining["programme"] &&
    + {parse(String(DetailTraining["programme"]))} + +
    + } +
    + + +
    + {DetailTraining["tab_ue_detail_data"] && 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") && + informatique} + + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("graphisme") && + graphisme} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("management") && + management} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("digital") && + digital} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("office") && + office} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("rh") && + ressources humaines} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("vente") && + vente} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("sport") && + sport} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("sante_nat") && + sante naturelle} + + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("dev_perso") && + developpement personnel} + + +
    } + + {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "0" &&
    + autre + +
    } + + {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "1" &&
    + autre + +
    } + + + + + {String(DetailTraining["price"]) && String(DetailTraining["price"]) === String("0") && +
    Gratuit +
    + } + + {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(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" &&
    + +
    + +
    +
    M’inscrire
    +
    + +
    +
    +
    M’informer sur la formation
    +
    + +
    } + + + +
    + +
    Caractéristiques :
    + + +
    +
      + +
    • +
      + +
      + + + +
      + {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.presentiel && DetailTraining.presentiel.distantiel === "1" &&
      Oui
      } + {DetailTraining.presentiel && DetailTraining.presentiel.distantiel !== "1" &&
      Non
      } + +
      + + +
      +
    • + +
    • +
      + +
      + + +
      + +
      + {DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "1" &&
      Oui
      } + {DetailTraining.presentiel && DetailTraining.presentiel.presentiel !== "1" &&
      Non
      } + +
      + + +
      +
    • + +
    • +
      + +
      + +
      + +
      + {DetailTraining["support"] &&
      + + {String(DetailTraining["support"]).charAt(0).toUpperCase() + String(DetailTraining["support"]).slice(1)}  
      + } + {!DetailTraining["support"] &&
      + + Non précisé  
      + } + +
      + + +
      +
    • + + +
    + +
    + + +
    +
    + + +
    + + {String(isqualiopi) === "1" &&
    + Qualiopi +
    } + + {String(isdatadock) === "1" &&
    + DataDock + +
    } + + {String(iscertitrace) === "1" &&
    + Certitrace + +
    } + + {String(isbureaucertitrace) === "1" &&
    + Bureau Certitrace + +
    } + + {String(iscertifvoltaire) === "1" &&
    + Certitrace + +
    } + + +
    + +
    + +
    + + +
    + +
    + +
    + +
    + +
    + + +
    +
    + +
    + +
    + Organisme de formation +
    + +
    + + {partnair_name && } +
    + +
    + + +
    + + +
    + +
    + + +
    +
    + {associatedtraining_message && String(associatedtraining_api) === "True" && associatedtraining_message.length > 0 && +
    Cela pourrait aussi vous intéresser
    } + +
    + {associatedtraining_message && String(associatedtraining_api) === "True" && + associatedtraining_message.slice(0, 3).map((formation) => ( +
    + +
    + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("it") && + informatique} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("graphisme") && + graphisme} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("management") && + management} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("digital") && + digital} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("office") && + office} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("rh") && + ressources humaines} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") && + vente} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") && + sport} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sante_nat") && + sante naturelle} + + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") && + developpement personnel} + + {!JSON.parse(formation).metier && autre personnel} + + +
    + +
    +
    + {JSON.parse(formation).cpf && (String(JSON.parse(formation).cpf)) === "1" && + "Éligible au CPF"} + + {!JSON.parse(formation).cpf || String(JSON.parse(formation).cpf) !== "1" && + "NON Éligible au CPF"} + + +
    +
    + +
    + +
    + + {JSON.parse(formation).note && String(JSON.parse(formation).note).length === 1 && + parseInt(String(JSON.parse(formation).note)) <= 5 && + + } +
    + +
    {parse(String(JSON.parse(formation).title)).substring(0, 50)} +
    + + {JSON.parse(formation).price &&
    + {(String(JSON.parse(formation).price))} € HT +
    } + + + + +
    + +
    { + e.preventDefault(); + //test(props.formation.external_code); + window.open( + "/Display-Detail-formation/" + JSON.parse(formation).internal_url, + '_self' + ); + + + }}> +
    + Voir les détails +
    + +
    + + +
    +
    + + +
    + ))} + + + +
    + + +
    + + +
    + +
    + +
    +
    +
    + ) +} + + +export default JmJ_Display_Partner_Catalog_DetailClass_new_v2; \ No newline at end of file diff --git a/src/components/Jmj_Theme/Jmjformation_Catalogue_Public.js b/src/components/Jmj_Theme/Jmjformation_Catalogue_Public.js index 308f831..bde5453 100644 --- a/src/components/Jmj_Theme/Jmjformation_Catalogue_Public.js +++ b/src/components/Jmj_Theme/Jmjformation_Catalogue_Public.js @@ -33,7 +33,7 @@ import img_header_jmg from "../../mysy_img2/img_jmj_modif.jpg" import { TbArrowsDownUp } from "react-icons/tb"; - + let PageSize = 10; const Jmjformation_Catalogue_Public = (props) => { @@ -4081,7 +4081,7 @@ const Jmjformation_Catalogue_Public = (props) => {
    - Indicateurs
    + Indicateurs
    {New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0 && New_Get_Subdomain_Partner_Data_result[0].catalog_pub_indicateur_1_txt &&
    { {result && myApiResponse === "True" && !newresult &&
    -
    +
    { onPageChange={page => setCurrentPage2(page)} />
    -
    +
    Trier par @@ -4391,7 +4391,9 @@ const Jmjformation_Catalogue_Public = (props) => { {result && myApiResponse == "True" && fin == 0 && !newresult && result.slice(0, PageSize).map((formation) => (
    - +
    ))} @@ -4399,7 +4401,8 @@ const Jmjformation_Catalogue_Public = (props) => { {result && myApiResponse == "True" && fin == 0 && newresult && newresult.slice(0, PageSize).map((formation) => (
    - +
    ))} @@ -4410,7 +4413,8 @@ const Jmjformation_Catalogue_Public = (props) => { && currentTableData2 && currentTableData2.map((formation) => (
    - +
    ))} @@ -4420,7 +4424,8 @@ const Jmjformation_Catalogue_Public = (props) => { && currentTableData2.map((formation) => (
    - +
    ))} @@ -4435,7 +4440,7 @@ const Jmjformation_Catalogue_Public = (props) => {
    -
    +
    diff --git a/src/components/Jmj_Theme/jmj_formation.css b/src/components/Jmj_Theme/jmj_formation.css index 342b21d..987de03 100644 --- a/src/components/Jmj_Theme/jmj_formation.css +++ b/src/components/Jmj_Theme/jmj_formation.css @@ -4,7 +4,7 @@ background: transparent !important; color: white !important; z-index: 999; - } + } .css-qbdosj-Input { background: transparent !important; @@ -918,18 +918,7 @@ .title2 { - position: absolute; - height: 35px; - left: 5%; - top: 90px; - font-family: "Albert Sans"; - font-style: normal; - font-size: 14px; - line-height: 19px; - letter-spacing: 1px; - text-align: center; - color: #0A043C; - font-weight: 500; + display: none; } diff --git a/src/components/Mon_Catalogue_Public.js b/src/components/Mon_Catalogue_Public.js index 57b8c01..a08a4aa 100644 --- a/src/components/Mon_Catalogue_Public.js +++ b/src/components/Mon_Catalogue_Public.js @@ -2701,7 +2701,7 @@ const Mon_Catalogue_Public = (props) => { var catalog_pub_contact_public_telephone = "" if (JSON.parse(x).catalog_pub_contact_public_telephone) catalog_pub_contact_public_telephone = JSON.parse(x).catalog_pub_contact_public_telephone; - + var catalog_pub_theme_id = JSON.parse(x).catalog_pub_theme_id; @@ -2823,7 +2823,7 @@ const Mon_Catalogue_Public = (props) => { Formation & Tutoriel Gratuit ou payant Excellente qualité - + diff --git a/src/components/New_C_Formation_2025.js b/src/components/New_C_Formation_2025.js index db7df73..3eaf185 100644 --- a/src/components/New_C_Formation_2025.js +++ b/src/components/New_C_Formation_2025.js @@ -462,7 +462,7 @@ const New_C_Formation_2025 = (props) => { ); } else { window.open( - "/detaile-formation/" + props.formation.internal_url, + "/detail-formation/" + props.formation.internal_url, '_blank' ); } diff --git a/src/components/detail_formation_automatic_files/new_detail_formation_2025.js b/src/components/detail_formation_automatic_files/new_detail_formation_2025.js index 7bf1455..8048d67 100644 --- a/src/components/detail_formation_automatic_files/new_detail_formation_2025.js +++ b/src/components/detail_formation_automatic_files/new_detail_formation_2025.js @@ -1441,7 +1441,7 @@ const New_C_Detail_Formation_2025 = (props) => { autre
    }
    -
    +
    @@ -1654,6 +1654,39 @@ const New_C_Detail_Formation_2025 = (props) => {
    + + < nav ref={myRef_informe} id="myRef_informe"> + + {(String(inscritpion) === "2" || String(inscritpion) === "1") && +
    +
    + +
    + +
    + + {String(inscritpion) === "2" &&
    + + + +
    + } + {String(inscritpion) === "1" &&
    + + +
    + + } + +
    + + +
    +
    +
    } +
    @@ -1663,21 +1696,6 @@ const New_C_Detail_Formation_2025 = (props) => {
    - {String(inscritpion) === "2" &&
    - - - -
    - } - {String(inscritpion) === "1" &&
    - - -
    - - } -
    Description @@ -1690,6 +1708,16 @@ const New_C_Detail_Formation_2025 = (props) => {
    +
    +
    +
    + + +
    +
    + +
    + {GetCurrentClass_result && GetCurrentClass_result.length > 0 &&
    @@ -1702,7 +1730,7 @@ const New_C_Detail_Formation_2025 = (props) => { {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") &&
  • +
    @@ -2080,14 +2109,14 @@ const New_C_Detail_Formation_2025 = (props) => { {String(inscritpion) === "1" &&
    + Close_info_form={Close_info_form} trainig_price={class_sales_price} inscritpion={inscritpion} />
    } {String(inscritpion) === "2" &&
    + Close_info_form={Close_inscrip_form} trainig_price={class_sales_price} inscritpion={inscritpion} />
    @@ -2097,7 +2126,7 @@ const New_C_Detail_Formation_2025 = (props) => { && String(action).toLocaleLowerCase() !== "evaluation" &&
    - +
    } @@ -2105,7 +2134,7 @@ const New_C_Detail_Formation_2025 = (props) => { &&
    - +
    } diff --git a/src/components/detail_formation_automatic_files/new_s_detail_formation_2025.css b/src/components/detail_formation_automatic_files/new_s_detail_formation_2025.css index 0376aad..d4e2745 100644 --- a/src/components/detail_formation_automatic_files/new_s_detail_formation_2025.css +++ b/src/components/detail_formation_automatic_files/new_s_detail_formation_2025.css @@ -528,15 +528,13 @@ .div_row_gauche { float: left; - - width: 45%; + width: 100%; border-radius: 1rem; } .div_row_droite { float: left; - - width: 45%; + width: 100%; border-radius: 1rem; } @@ -1007,7 +1005,6 @@ padding: 0px; position: relative; width: 96%; - left: 2%; } @@ -1084,7 +1081,7 @@ min-height: 8rem; overflow: auto; padding: 10px; - font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; + font-family: "DM sans"; text-align: justify; } @@ -1119,7 +1116,7 @@ height: 80px; font-weight: 600; text-align: center; - font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; + font-family: "DM sans"; font-size: 24px; color: rgb(62, 110, 227); line-height: 29px; @@ -1450,7 +1447,7 @@ width: 100%; height: 19px; - font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; + font-family: "DM sans"; font-style: normal; font-weight: 600; font-size: 16px; @@ -1473,7 +1470,7 @@ width: 100%; height: 19px; - font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; + font-family: "DM sans"; font-style: normal; font-weight: 400; font-size: 14px; @@ -1497,7 +1494,7 @@ border-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; - max-height: 100px; + max-height: 200px; max-width: 100%; } @@ -1516,36 +1513,40 @@ min-height: 8rem; overflow: auto; padding: 10px; - font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; - font-size: 14px; - line-height: 30px; + font-family: "DM sans"; + font-size: 16px; + line-height: 180%; + min-height: 15rem; } .description_block { min-height: 8rem; overflow: auto; padding: 10px; - font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; - font-size: 14px; - line-height: 30px; + font-family: "DM sans"; + font-size: 16px; + line-height: 180%; + min-height: 15rem; } .objectif_block { min-height: 8rem; overflow: auto; padding: 10px; - font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; - font-size: 14px; - line-height: 30px; + font-family: "DM sans"; + font-size: 16px; + line-height: 180%; + min-height: 15rem; } .session_block { min-height: 8rem; overflow: auto; padding: 10px; - font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; - font-size: 14px; - line-height: 30px; + font-family: "DM sans"; + font-size: 16px; + line-height: 120%; + min-height: 15rem; } @@ -1553,9 +1554,10 @@ min-height: 8rem; overflow: auto; padding: 10px; - font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; - font-size: 14px; - line-height: 30px; + font-family: "DM sans"; + font-size: 16px; + line-height: 180%; + min-height: 15rem; } .sticky_div_hilight { @@ -2481,7 +2483,7 @@ top: 350px; text-align: left; } - + .block_info_page_pave_title_desc { /* Title + Description */ @@ -2544,24 +2546,7 @@ .block_info_page_pave_title_desc_title { - /* - width: 100%; - height: 40px; - font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; - font-style: normal; - font-weight: 500; - font-size: 20px; - line-height: 40px; - font-feature-settings: 'liga' off; - color: white; - flex: none; - order: 0; - align-self: stretch; - flex-grow: 0; - - background-color: #20BFA9; - text-align: center; - */ + height: 24px; @@ -2897,7 +2882,7 @@ } .block_sticky_info_caracteristique_list_title_desc_desc { - width: 100%; + width: 50%; height: 12px; text-align: right; padding-right: 5px; @@ -3037,7 +3022,7 @@ gap: 8px; width: 90%; height: 120px; - margin-left: auto; + margin-left: 5%; align-items: center; justify-content: center; } @@ -3051,10 +3036,10 @@ flex-direction: row; justify-content: center; align-items: center; - padding: 12px 16px; + padding: 5px 5px; - height: 44px; + height: 35px; /* Foundation /Blue/Normal */ background: #3E6EE3; @@ -3124,10 +3109,10 @@ flex-direction: row; justify-content: center; align-items: center; - padding: 12px 16px; + padding: 5px 5px; - height: 44px; + height: 35px; /* Foundation /Blue-Grey/Light :active */ border: 1px solid #C7C9CE; @@ -3419,6 +3404,7 @@ flex: none; order: 0; flex-grow: 0; + border: none; } @@ -4727,24 +4713,7 @@ .block_info_page_pave_title_desc_title { - /* - width: 100%; - height: 40px; - font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; - font-style: normal; - font-weight: 500; - font-size: 20px; - line-height: 40px; - font-feature-settings: 'liga' off; - color: white; - flex: none; - order: 0; - align-self: stretch; - flex-grow: 0; - - background-color: #20BFA9; - text-align: center; - */ + height: 24px; @@ -5080,7 +5049,7 @@ } .block_sticky_info_caracteristique_list_title_desc_desc { - width: 100%; + width: 50%; height: 12px; text-align: right; padding-right: 5px; @@ -5602,6 +5571,7 @@ flex: none; order: 0; flex-grow: 0; + border: none; } @@ -7238,7 +7208,7 @@ } .block_sticky_info_caracteristique_list_title_desc_desc { - width: 100%; + width: 50%; height: 12px; text-align: right; padding-right: 5px; @@ -7761,6 +7731,8 @@ flex: none; order: 0; flex-grow: 0; + + border: none; } diff --git a/src/components/footer_automatic_files/FooterSection.js b/src/components/footer_automatic_files/FooterSection.js index 67b88a8..e3c2fe1 100644 --- a/src/components/footer_automatic_files/FooterSection.js +++ b/src/components/footer_automatic_files/FooterSection.js @@ -8,7 +8,7 @@ import Social_Link_icon from '../../img_new_design_2025/social_i_Link.png'; import Footer_Social_Fa_icon from '../../img_new_design_2025/Footer_social_i_Fa.png'; import logo_footer from '../../img_new_design_2025/logo_footer.png'; - + const FooterSection = ({ logoSrc, address, email, phone }) => { diff --git a/src/pages/display_partner_catalog_detailclass_new_v2.js b/src/pages/display_partner_catalog_detailclass_new_v2.js index 56d477b..7343321 100644 --- a/src/pages/display_partner_catalog_detailclass_new_v2.js +++ b/src/pages/display_partner_catalog_detailclass_new_v2.js @@ -1,6 +1,6 @@ import Display_Partner_Catalog_DetailClass_new_v2 from "../components/Display_Partner_Catalog_DetailClass_new_v2"; - + export default function display_partner_catalog_detailclass() { return (
    diff --git a/src/pages/new_p_detail_formation_2025.js b/src/pages/new_p_detail_formation_2025.js index 4f03ede..976c66e 100644 --- a/src/pages/new_p_detail_formation_2025.js +++ b/src/pages/new_p_detail_formation_2025.js @@ -9,7 +9,7 @@ import New_Navigation_2025 from "../components/New_Navigation_2025"; const new_p_detail_formation_2025 = () => { - + return (
    diff --git a/src/styles/components/_displaydetailclass_new_v3.scss b/src/styles/components/_displaydetailclass_new_v3.scss index cbd8c79..26fd1ec 100644 --- a/src/styles/components/_displaydetailclass_new_v3.scss +++ b/src/styles/components/_displaydetailclass_new_v3.scss @@ -711,7 +711,6 @@ color: #0A043C; - /* Inside auto layout */ flex: none; @@ -723,7 +722,6 @@ padding: 0px; position: relative; width: 96%; - height: 1470px; left: 2%; } @@ -738,7 +736,6 @@ gap: 16px; width: 100%; - //height: 285px; /* White */ @@ -763,7 +760,6 @@ gap: 16px; width: 100%; - //height: 285px; /* White */ @@ -778,22 +774,23 @@ } .mob_info_page_title_desc_title { - width: 100%; - height: 30px; - font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; + height: 24px; + font-family: 'Albert Sans'; font-style: normal; - font-weight: 500; - font-size: 16px; - line-height: 30px; - font-feature-settings: "liga" off; - color: white; + font-weight: 700; + font-size: 20px; + line-height: 120%; + letter-spacing: 0.02em; + text-transform: uppercase; + font-feature-settings: 'liga' off; + color: #3E6EE3; flex: none; flex-grow: 0; order: 0; align-self: stretch; flex-grow: 0; - background-color: #20BFA9; - text-align: center; + background: #FFF; + text-align: left; } .mob_info_page_title_desc_desc { @@ -805,6 +802,7 @@ text-align: justify; } + .mob_block_cross_sell_cat { padding: 0px; position: relative; @@ -1268,36 +1266,40 @@ min-height: 8rem; overflow: auto; padding: 10px; - font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; - font-size: 14px; - line-height: 30px; + font-family: "DM sans"; + font-size: 16px; + line-height: 180%; + min-height: 15rem; } .description_block { min-height: 8rem; overflow: auto; padding: 10px; - font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; - font-size: 14px; - line-height: 30px; + font-family: "DM sans"; + font-size: 16px; + line-height: 180%; + min-height: 15rem; } .objectif_block { min-height: 8rem; overflow: auto; padding: 10px; - font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; - font-size: 14px; - line-height: 30px; + font-family: "DM sans"; + font-size: 16px; + line-height: 180%; + min-height: 15rem; } .session_block { min-height: 8rem; overflow: auto; padding: 10px; - font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; - font-size: 14px; - line-height: 30px; + font-family: "DM sans"; + font-size: 16px; + line-height: 120%; + min-height: 15rem; } @@ -1305,11 +1307,13 @@ min-height: 8rem; overflow: auto; padding: 10px; - font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman"; - font-size: 14px; - line-height: 30px; + font-family: "DM sans"; + font-size: 16px; + line-height: 180%; + min-height: 15rem; } + .sticky_div_hilight { flex-direction: column; @@ -2217,6 +2221,7 @@ text-align: left; } + .block_info_page_pave_title_desc { /* Title + Description */ @@ -2230,7 +2235,7 @@ gap: 5px; width: 100%; - //height: 165px; + /* White */ @@ -2242,10 +2247,9 @@ flex: none; order: 0; flex-grow: 0; - font-size: 14px; - //max-height: 25rem; - //min-height: 20rem; - //overflow: hidden; + font-size: 16px; + padding: 24px; + } @@ -2262,7 +2266,7 @@ gap: 5px; width: 100%; - //height: 165px; + /* White */ @@ -2274,45 +2278,39 @@ flex: none; order: 0; flex-grow: 0; - //max-height: 55rem; - //min-height: 20rem; - //overflow: hidden; + padding: 24px; + } .block_info_page_pave_title_desc_title { - /* Description */ - width: 100%; - height: 40px; + height: 24px; - font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; + font-family: 'Albert Sans'; font-style: normal; - font-weight: 500; + font-weight: 700; font-size: 20px; - line-height: 29px; - /* identical to box height */ - + line-height: 120%; + /* identical to box height, or 24px */ + letter-spacing: 0.02em; + text-transform: uppercase; font-feature-settings: 'liga' off; + /* Foundation /Blue/Normal */ + color: #3E6EE3; /* Inside auto layout */ - flex: none; order: 0; align-self: stretch; flex-grow: 0; - background-color: #20BFA9; - text-align: center; - color: white; - font-size: 20px; - - } + .block_info_page_pave_title_desc_desc { width: 100%; //height: 72px; @@ -2783,30 +2781,34 @@ } - .sticky_cats_buton_info { - /* Auto layout */ + /* Button text */ + + box-sizing: border-box; + + /* Auto layout */ display: flex; flex-direction: row; justify-content: center; align-items: center; - padding: 10px; - gap: 10px; + padding: 12px 16px; - width: 100%; - height: 40px; - border-radius: 8px; + height: 44px; + + /* Foundation /Blue-Grey/Light :active */ + border: 1px solid #C7C9CE; + backdrop-filter: blur(6px); + /* Note: backdrop-filter has minimal browser support */ + border-radius: 200px; /* Inside auto layout */ - flex: none; order: 1; + align-self: stretch; flex-grow: 0; - border: solid 1px lightblue; - cursor: pointer; } .sticky_cats_buton_info_box { @@ -2823,7 +2825,7 @@ } .sticky_cats_buton_info_txt { - width: 202px; + height: 30px; font-family: 'Albert Sans'; @@ -2851,6 +2853,7 @@ } + .sticky_social_icone { display: flex; flex-direction: row; @@ -4285,8 +4288,8 @@ padding: 5px; gap: 5px; - width: 98%; - //height: 165px; + width: 100%; + /* White */ @@ -4299,9 +4302,8 @@ order: 0; flex-grow: 0; font-size: 16px; - // max-height: 15rem; - //min-height: 15rem; - //overflow: hidden; + padding: 24px; + } @@ -4317,8 +4319,8 @@ padding: 5px; gap: 5px; - width: 98%; - //height: 165px; + width: 100%; + /* White */ @@ -4330,41 +4332,36 @@ flex: none; order: 0; flex-grow: 0; - //max-height: 40rem; - //min-height: 20rem; - //overflow: hidden; + padding: 24px; + } .block_info_page_pave_title_desc_title { - /* Description */ - width: 100%; - height: 40px; + height: 24px; - font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; + font-family: 'Albert Sans'; font-style: normal; - font-weight: 500; + font-weight: 700; font-size: 20px; - line-height: 40px; - /* identical to box height */ - + line-height: 120%; + /* identical to box height, or 24px */ + letter-spacing: 0.02em; + text-transform: uppercase; font-feature-settings: 'liga' off; - /* Blue */ - - color: white; + /* Foundation /Blue/Normal */ + color: #3E6EE3; /* Inside auto layout */ - flex: none; order: 0; align-self: stretch; flex-grow: 0; - background-color: #20BFA9; - text-align: center; + } .block_info_page_pave_title_desc_desc { @@ -4841,27 +4838,32 @@ .sticky_cats_buton_info { - /* Auto layout */ + /* Button text */ + + box-sizing: border-box; + + /* Auto layout */ display: flex; flex-direction: row; justify-content: center; align-items: center; - padding: 10px; - gap: 10px; + padding: 12px 16px; - width: 100%; - height: 40px; - border-radius: 8px; + height: 44px; + + /* Foundation /Blue-Grey/Light :active */ + border: 1px solid #C7C9CE; + backdrop-filter: blur(6px); + /* Note: backdrop-filter has minimal browser support */ + border-radius: 200px; /* Inside auto layout */ - flex: none; order: 1; + align-self: stretch; flex-grow: 0; - border: solid 1px lightblue; - cursor: pointer; } .sticky_cats_buton_info_box { @@ -4878,7 +4880,7 @@ } .sticky_cats_buton_info_txt { - width: 202px; + height: 30px; font-family: 'Albert Sans'; @@ -6359,7 +6361,7 @@ gap: 5px; width: 100%; - //height: 165px; + /* White */ @@ -6372,11 +6374,9 @@ order: 0; flex-grow: 0; font-size: 16px; - //max-height: 15rem; - //min-height: 15rem; - //overflow: hidden; - } + padding: 24px; + } .block_info_page_pave_title_desc_long_text { /* Title + Description */ @@ -6391,7 +6391,7 @@ gap: 5px; width: 100%; - //height: 165px; + /* White */ @@ -6403,41 +6403,35 @@ flex: none; order: 0; flex-grow: 0; - //max-height: 40rem; - //min-height: 20rem; - //overflow: hidden; + padding: 24px; + } - .block_info_page_pave_title_desc_title { - /* Description */ - width: 100%; - height: 40px; + height: 24px; - font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman'; + font-family: 'Albert Sans'; font-style: normal; - font-weight: 500; + font-weight: 700; font-size: 20px; - line-height: 40px; - /* identical to box height */ - + line-height: 120%; + /* identical to box height, or 24px */ + letter-spacing: 0.02em; + text-transform: uppercase; font-feature-settings: 'liga' off; - - color: white; + /* Foundation /Blue/Normal */ + color: #3E6EE3; /* Inside auto layout */ - flex: none; order: 0; align-self: stretch; flex-grow: 0; - background-color: #20BFA9; - text-align: center; } .block_info_page_pave_title_desc_desc { @@ -6916,27 +6910,32 @@ .sticky_cats_buton_info { - /* Auto layout */ + /* Button text */ + + box-sizing: border-box; + + /* Auto layout */ display: flex; flex-direction: row; justify-content: center; align-items: center; - padding: 10px; - gap: 10px; + padding: 12px 16px; - width: 100%; - height: 40px; + width: 286px; + height: 44px; - border-radius: 8px; + /* Foundation /Blue-Grey/Light :active */ + border: 1px solid #C7C9CE; + backdrop-filter: blur(6px); + /* Note: backdrop-filter has minimal browser support */ + border-radius: 200px; /* Inside auto layout */ - flex: none; order: 1; + align-self: stretch; flex-grow: 0; - border: solid 1px lightblue; - cursor: pointer; } .sticky_cats_buton_info_box { @@ -6953,7 +6952,7 @@ } .sticky_cats_buton_info_txt { - width: 202px; + height: 30px; font-family: 'Albert Sans'; diff --git a/src/styles/components/_footer_catalog_pub.scss b/src/styles/components/_footer_catalog_pub.scss index 4abd6ff..cf8eb13 100644 --- a/src/styles/components/_footer_catalog_pub.scss +++ b/src/styles/components/_footer_catalog_pub.scss @@ -5,7 +5,7 @@ cursor: pointer; color: white; } - + .social-svg-mask { fill: white !important; } diff --git a/src/styles/components/_inscription.scss b/src/styles/components/_inscription.scss index 638fdfb..daffb43 100644 --- a/src/styles/components/_inscription.scss +++ b/src/styles/components/_inscription.scss @@ -73,15 +73,16 @@ .field_gauche { text-align: left; - width: 40%; + width: 100%; float: left; + margin-bottom: 15px; } .field_droite { - text-align: right; - width: 60%; - float: right; - padding-right: 10px; + text-align: left; + width: 100%; + float: left; + margin-bottom: 15px; } .css-ijy3ji-MuiFormControl-root-MuiTextField-root { @@ -152,7 +153,7 @@ width: 100%; color: white; margin-bottom: 1rem !important; - width: auto; + border: none; } .bton_edit { @@ -175,7 +176,32 @@ width: 100%; color: black; margin-bottom: 1rem !important; - width: auto; + border: none; + } + + .choisir_session { + width: 100%; + text-align: left; + font-family: "DM Sans"; + float: left; + padding-top: 10px; + padding-bottom: 10px; + + } + + .liste_session { + width: 100%; + text-align: left; + font-family: "DM Sans"; + float: left; + padding-top: 10px; + padding-bottom: 10px; + } + + .training_caract { + width: 97%; + padding: 5px; + float: left; } } @@ -351,8 +377,35 @@ margin-right: 10px; font-family: 'DM Sans'; border: none; - min-width: 10rem; + min-width: 10rem; } + + .choisir_session { + width: 100%; + text-align: left; + font-family: "DM Sans"; + float: left; + padding-top: 10px; + padding-bottom: 10px; + + } + + .liste_session { + width: 100%; + text-align: left; + font-family: "DM Sans"; + float: left; + padding-top: 10px; + padding-bottom: 10px; + } + + .training_caract { + width: 48%; + padding: 5px; + float: left; + } + + } @media only screen and (min-width: 992px) and (max-width: 1199px) { @@ -500,7 +553,7 @@ margin-right: 10px; font-family: 'DM Sans'; border: none; - min-width: 12rem; + min-width: 12rem; } .bton_edit { @@ -525,8 +578,34 @@ color: black; margin-left: 10px; margin-right: 10px; - min-width: 12rem; + min-width: 12rem; } + + .choisir_session { + width: 40%; + text-align: left; + font-family: "DM Sans"; + float: left; + padding-top: 10px; + padding-bottom: 10px; + + } + + .liste_session { + width: 60%; + text-align: left; + font-family: "DM Sans"; + float: right; + padding-top: 10px; + padding-bottom: 10px; + } + + .training_caract { + width: 50%; + padding: 5px; + float: left; + } + } @media only screen and (min-width: 1200px) { @@ -734,6 +813,31 @@ border: none; } + .choisir_session { + width: 40%; + text-align: left; + font-family: "DM Sans"; + float: left; + padding-top: 10px; + padding-bottom: 10px; + + } + + .liste_session { + width: 60%; + text-align: left; + font-family: "DM Sans"; + float: right; + padding-top: 10px; + padding-bottom: 10px; + } + + .training_caract { + width: 30%; + padding: 5px; + float: left; + } + } diff --git a/src/styles/components/_mon_catalogue_public.scss b/src/styles/components/_mon_catalogue_public.scss index 3235ff4..3b0b270 100644 --- a/src/styles/components/_mon_catalogue_public.scss +++ b/src/styles/components/_mon_catalogue_public.scss @@ -2311,6 +2311,7 @@ width: 100%; float: left; text-align: center; + margin-bottom: 1rem; } @@ -2334,14 +2335,14 @@ .bloc_milieu { min-height: 5rem; width: 100%; - margin-left: 5%; float: left; position: absolute; top: 22rem; + padding: 10px; } .bloc_img_milieu_gauche { - width: 48%; + width: 100%; float: right; text-align: right; } @@ -2386,7 +2387,7 @@ width: 100%; float: left; text-align: center; - font-family: "DM Sans"; + font-family: "DM Sans"; } .title1_nom_model_2 { @@ -2395,7 +2396,7 @@ text-align: center; height: 150px; - font-family: "DM Sans"; + font-family: "DM Sans"; font-style: normal; font-weight: 700; font-size: 40px; @@ -2506,10 +2507,10 @@ .title1_text1 { width: 100%; - text-align: left; + text-align: center; // height: 192px; - font-family: 'DM sans'; + font-family: 'DM sans'; font-style: normal; font-weight: 500; font-size: 22px !important; @@ -2534,7 +2535,7 @@ .title1_nom { width: 100%; - text-align: left; + text-align: center; //height: 192px; font-family: 'DM Sans'; @@ -2559,6 +2560,75 @@ } + + .jmj_block_header { + display: flex; + flex-direction: column; + justify-content: flex-start; + width: 100%; + flex-wrap: wrap; + min-height: 100vh; + // padding: 2px; + } + + .jmj_block_header_img { + padding: 2px; + + // min-height: 500px; + background: #f3f4fb; + z-index: -2; + border: none; + padding-top: 15px; + margin-bottom: 1rem; + } + + .jmj_header_gauche { + width: 100%; + text-align: center; + height: 500px; + } + + .jmj_header_droite { + display: none; + } + + .jmj_block_milieu { + display: flex; + flex-direction: row; + justify-content: center; + width: 100%; + flex-wrap: wrap; + margin: auto; + max-width: 1600px; + min-height: 100vh; + gap: 10px; + } + + + .jmj_block_footer { + margin-top: 15px; + min-height: 10rem; + } + + .jmj_block_milieu_gauche { + padding: auto; + width: 100%; + margin-left: auto; + } + + .jmj_block_milieu_droite { + margin: auto; + width: 100%; + } + + .Partner_Catalog_Background_Header_jmj { + width: 100%; + height: 600px; + left: 0px; + top: 0px; + z-index: -1; + position: absolute; + } } @media only screen and (min-width: 601px) and (max-width: 991px) { @@ -3808,7 +3878,7 @@ flex: none; order: 0; flex-grow: 0; - // height: 100px; + // height: 100px; } .title1_text1 { @@ -3816,7 +3886,7 @@ text-align: left; height: 192px; - font-family: 'DM sans'; + font-family: 'DM sans'; font-style: normal; font-weight: 500; font-size: 30px; @@ -5705,14 +5775,14 @@ .bloc_logo_indic_contact_text { text-align: left; font-weight: 700; - font-family: "DM Sans"; + font-family: "DM Sans"; } .bloc_logo_indic_indic_text { text-align: left; font-weight: 700; - font-family: "DM Sans"; + font-family: "DM Sans"; } /*** Pour le modele 2 - MySy_Theme2 **/ @@ -5731,7 +5801,7 @@ width: 100%; float: left; text-align: center; - font-family: "DM Sans"; + font-family: "DM Sans"; } .title1_nom_model_2 { @@ -5740,7 +5810,7 @@ text-align: center; height: 150px; - font-family: "DM Sans"; + font-family: "DM Sans"; font-style: normal; font-weight: 700; font-size: 40px; @@ -5860,12 +5930,12 @@ .jmj_block_header_img { padding: 2px; - // min-height: 500px; + // min-height: 500px; background: #f3f4fb; z-index: -2; border: none; padding-top: 15px; - margin-bottom: 1rem; + margin-bottom: 1rem; } .jmj_header_gauche { @@ -5909,6 +5979,15 @@ width: 100%; } + .Partner_Catalog_Background_Header_jmj { + width: 100%; + height: 452px; + left: 0px; + top: 0px; + z-index: -1; + position: absolute; + } + } @media only screen and (min-width: 992px) and (max-width: 1199px) { @@ -7133,7 +7212,7 @@ .title1_nom { width: 100%; text-align: left; - // height: 192px; + // height: 192px; font-family: 'DM Sans'; font-style: normal; @@ -9031,14 +9110,14 @@ .bloc_logo_indic_contact_text { text-align: left; font-weight: 700; - font-family: "DM Sans"; + font-family: "DM Sans"; } .bloc_logo_indic_indic_text { text-align: left; font-weight: 700; - font-family: "DM Sans"; + font-family: "DM Sans"; } /*** Pour le modele 2 - MySy_Theme2 **/ @@ -9057,7 +9136,7 @@ width: 100%; float: left; text-align: center; - font-family: "DM Sans"; + font-family: "DM Sans"; } .title1_nom_model_2 { @@ -9065,7 +9144,7 @@ text-align: center; height: 150px; - font-family: "DM Sans"; + font-family: "DM Sans"; font-style: normal; font-weight: 700; font-size: 40px; @@ -9210,12 +9289,12 @@ .jmj_block_header_img { padding: 2px; - // min-height: 500px; + // min-height: 500px; background: #f3f4fb; z-index: -2; border: none; padding-top: 15px; - margin-bottom: 1rem; + margin-bottom: 1rem; } .jmj_header_gauche { @@ -9262,6 +9341,15 @@ min-height: 100vh; } + + .Partner_Catalog_Background_Header_jmj { + width: 100%; + height: 452px; + left: 0px; + top: 0px; + z-index: -1; + position: absolute; + } } @media only screen and (min-width: 1200px) and (max-width: 1919px) { @@ -10488,7 +10576,7 @@ .title1_nom { width: 90%; text-align: left; - // height: 192px; + // height: 192px; font-family: 'DM Sans'; font-style: normal; @@ -10517,7 +10605,7 @@ text-align: left; height: 192px; - font-family: 'DM sans'; + font-family: 'DM sans'; font-style: normal; font-weight: 500; font-size: 30px; @@ -12387,14 +12475,14 @@ .bloc_logo_indic_contact_text { text-align: left; font-weight: 700; - font-family: "DM Sans"; + font-family: "DM Sans"; } .bloc_logo_indic_indic_text { text-align: left; font-weight: 700; - font-family: "DM Sans"; + font-family: "DM Sans"; } /*** Pour le modele 2 - MySy_Theme2 **/ @@ -12413,7 +12501,7 @@ width: 100%; float: left; text-align: center; - font-family: "DM Sans"; + font-family: "DM Sans"; } .title1_nom_model_2 { @@ -12421,7 +12509,7 @@ text-align: center; height: 150px; - font-family: "DM Sans"; + font-family: "DM Sans"; font-style: normal; font-weight: 700; font-size: 40px; @@ -12541,7 +12629,7 @@ text-align: left; height: 192px; - font-family: 'DM sans'; + font-family: 'DM sans'; font-style: normal; font-weight: 500; font-size: 30px; @@ -12589,12 +12677,12 @@ .jmj_block_header_img { padding: 2px; - // min-height: 500px; + // min-height: 500px; background: #f3f4fb; z-index: -2; border: none; padding-top: 15px; - margin-bottom: 1rem; + margin-bottom: 1rem; } .jmj_header_gauche { @@ -12641,6 +12729,15 @@ min-height: 100vh; } + + .Partner_Catalog_Background_Header_jmj { + width: 100%; + height: 452px; + left: 0px; + top: 0px; + z-index: -1; + position: absolute; + } } @media only screen and (min-width: 1920px) { @@ -13876,7 +13973,7 @@ .title1_nom { width: 100%; text-align: left; - // height: 192px; + // height: 192px; font-family: 'DM Sans'; font-style: normal; @@ -13904,7 +14001,7 @@ text-align: left; height: 192px; - font-family: 'DM sans'; + font-family: 'DM sans'; font-style: normal; font-weight: 500; font-size: 30px; @@ -15806,7 +15903,7 @@ .bloc_logo_indic_indic_text { text-align: left; font-weight: 700; - font-family: "DM Sans"; + font-family: "DM Sans"; } /*** Pour le modele 2 - MySy_Theme2 **/ @@ -15825,7 +15922,7 @@ width: 100%; float: left; text-align: center; - font-family: "DM Sans"; + font-family: "DM Sans"; } .title1_nom_model_2 { @@ -15833,7 +15930,7 @@ text-align: center; height: 150px; - font-family: "DM Sans"; + font-family: "DM Sans"; font-style: normal; font-weight: 700; font-size: 40px; @@ -16002,7 +16099,7 @@ .jmj_block_header_img { padding: 2px; - // min-height: 500px; + // min-height: 500px; background: #f3f4fb; z-index: -2; border: none; @@ -16054,20 +16151,22 @@ min-height: 100vh; } + + .Partner_Catalog_Background_Header_jmj { + width: 100%; + height: 452px; + left: 0px; + top: 0px; + z-index: -1; + position: absolute; + } } // end media - .Partner_Catalog_Background_Header_jmj { - width: 100%; - height: 452px; - left: 0px; - top: 0px; - z-index: -1; - position: absolute; - } + .message_hili { color: #619e31;