sdqs
parent
3cb154f5bb
commit
7041e28a94
|
@ -44,7 +44,7 @@ import { confirmAlert } from 'react-confirm-alert';
|
||||||
import Rating from '@mui/material/Rating';
|
import Rating from '@mui/material/Rating';
|
||||||
import parse from 'html-react-parser';
|
import parse from 'html-react-parser';
|
||||||
import Inscription from "./Inscription_Information";
|
import Inscription from "./Inscription_Information";
|
||||||
|
import SendIcon from '@mui/icons-material/Send';
|
||||||
import mysy_logo2 from "../mysy_img2/Logo_MySy.png"
|
import mysy_logo2 from "../mysy_img2/Logo_MySy.png"
|
||||||
import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
|
import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
|
||||||
import { areOptionsEqual } from "@mui/base";
|
import { areOptionsEqual } from "@mui/base";
|
||||||
|
@ -56,6 +56,17 @@ import AccordionSummary from '@mui/material/AccordionSummary';
|
||||||
import Typography from '@mui/material/Typography';
|
import Typography from '@mui/material/Typography';
|
||||||
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
|
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 Box from '@mui/material/Box';
|
||||||
|
import TextField from '@mui/material/TextField';
|
||||||
|
|
||||||
|
import DescriptionIcon from '@mui/icons-material/Description';
|
||||||
|
|
||||||
const DisplayDetailClass_new_v3 = (props) => {
|
const DisplayDetailClass_new_v3 = (props) => {
|
||||||
const { classId, action } = useParams();
|
const { classId, action } = useParams();
|
||||||
const [result, setResult] = useState("");
|
const [result, setResult] = useState("");
|
||||||
|
@ -398,7 +409,7 @@ const DisplayDetailClass_new_v3 = (props) => {
|
||||||
|
|
||||||
axios.post(myurl, form).then(res => {
|
axios.post(myurl, form).then(res => {
|
||||||
// console.log(" In Display res.data.status = " + res.data.status);
|
// console.log(" In Display res.data.status = " + res.data.status);
|
||||||
// console.log(" In Display res.data.message = " + res.data.message);
|
// console.log(" In Display res.data.message = " + res.data.message);
|
||||||
if (String(res.data.status) === String("true")) {
|
if (String(res.data.status) === String("true")) {
|
||||||
|
|
||||||
if (res.data.message.length > 0) {
|
if (res.data.message.length > 0) {
|
||||||
|
@ -663,7 +674,7 @@ const DisplayDetailClass_new_v3 = (props) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
console.log(" ON PASSE au MIN");
|
//console.log(" ON PASSE au MIN");
|
||||||
local_tmp = "1700px";
|
local_tmp = "1700px";
|
||||||
main_h_px = "2500px";
|
main_h_px = "2500px";
|
||||||
|
|
||||||
|
@ -1092,19 +1103,263 @@ const DisplayDetailClass_new_v3 = (props) => {
|
||||||
|
|
||||||
const myRef_informe = useRef(null)
|
const myRef_informe = useRef(null)
|
||||||
|
|
||||||
|
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();
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
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("");
|
||||||
|
}
|
||||||
|
|
||||||
|
function Send_Contact_Message(e) {
|
||||||
|
|
||||||
|
var sender_mail = "";
|
||||||
|
var sender_tel = "";
|
||||||
|
var token = "";
|
||||||
|
|
||||||
|
////console.log("contacter " + sender_mail + " - " + sender_tel + " - ")
|
||||||
|
|
||||||
|
var mysubject = contact_message_sujet;
|
||||||
|
var mymessage = contact_message_message;
|
||||||
|
var mysender_name = contact_message_nom_prenom;
|
||||||
|
var mysender_email = contact_message_email;
|
||||||
|
|
||||||
|
|
||||||
|
//alert("contacter "+mysender_email+" - "+mymessage+" - url = "
|
||||||
|
//+process.env.REACT_APP_API_URL+" - user_ip ="+IPv4+" - "+latitude);
|
||||||
|
|
||||||
|
var re = /\S+@\S+\.\S+/;
|
||||||
|
if (re.test(mysender_email) == false) {
|
||||||
|
alert("l'email est incorrecte");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
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", "contact@mysy-training.com");
|
||||||
|
form.append("recever_tel", "+33769203945");
|
||||||
|
form.append("sender_mail", mysender_email);
|
||||||
|
form.append("sender_tel", sender_tel);
|
||||||
|
form.append("object", mysubject);
|
||||||
|
form.append("message", mymessage);
|
||||||
|
form.append("sender_name", mysender_name);
|
||||||
|
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);
|
||||||
|
|
||||||
|
|
||||||
|
// console.log("## form = ", form);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
axios.post(myurl, form).then(res => {
|
||||||
|
|
||||||
|
if (String(res.data.status) === String("false")) {
|
||||||
|
|
||||||
|
alert(res.data.message);
|
||||||
|
}
|
||||||
|
|
||||||
|
else if (String(res.data.status) === String("true")) {
|
||||||
|
Dialog_contact_handleClose_buton();
|
||||||
|
alert(res.data.message);
|
||||||
|
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
|
||||||
|
}
|
||||||
|
}).catch((error) => {
|
||||||
|
console.warn('contact-nous Not good man :( mysearchtext = ');
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/// ----
|
/// ----
|
||||||
return (
|
return (
|
||||||
|
|
||||||
<div className="displaydetailclass_new_v3">
|
<div className="displaydetailclass_new_v3">
|
||||||
<Helmet>
|
<Helmet>
|
||||||
<meta name="description" content={`${DetailTraining["title"]}`+" - Éditeur Français de logiciels pour organisme de formation. Avec solutions de E-Learning, gestion administrative et gestion relation client nous accompagnons les organismes de formation à réaliser l’audit QUALIOPI en toute sérénité. Nous sommes les moins cher du marché. Nous vous accompagnons automatiser vos process : inscription, évaluation, émargement (qr-code), Check-list QUALIOPI, Personnalisation et édition documents, Gestion formateurs, Catalogue formations personnalisé"} />
|
<meta name="description" content={`${DetailTraining["title"]}` + " - Éditeur Français de logiciels pour organisme de formation. Avec solutions de E-Learning, gestion administrative et gestion relation client nous accompagnons les organismes de formation à réaliser l’audit QUALIOPI en toute sérénité. Nous sommes les moins cher du marché. Nous vous accompagnons automatiser vos process : inscription, évaluation, émargement (qr-code), Check-list QUALIOPI, Personnalisation et édition documents, Gestion formateurs, Catalogue formations personnalisé"} />
|
||||||
<meta name="robots" content="index,follow" />
|
<meta name="robots" content="index,follow" />
|
||||||
<meta name="title" content={DetailTraining["title"]} />
|
<meta name="title" content={DetailTraining["title"]} />
|
||||||
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/" + `${DetailTraining["internal_url"]}`} />
|
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/" + `${DetailTraining["internal_url"]}`} />
|
||||||
<title> {`${DetailTraining["title"]}`} </title>
|
<title> {`${DetailTraining["title"]}`} </title>
|
||||||
</Helmet>
|
</Helmet>
|
||||||
|
|
||||||
|
{/*** GESTION Contact */}
|
||||||
|
<Dialog
|
||||||
|
open={Dialog_contact_open}
|
||||||
|
onClose={Dialog_contact_handleClose}
|
||||||
|
className="displaypartnersession"
|
||||||
|
>
|
||||||
|
|
||||||
|
<DialogTitle>Contactez Nous</DialogTitle>
|
||||||
|
<DialogContent className="DialogContent_width">
|
||||||
|
|
||||||
|
|
||||||
|
<div className="div_row_dialog">
|
||||||
|
<div className="div_row_gauche_dialog_session" style={{ "textAlign": 'left', fontWeight: '400px' }}>
|
||||||
|
Nom & Prénom
|
||||||
|
</div>
|
||||||
|
<div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
|
||||||
|
|
||||||
|
<input
|
||||||
|
type='text'
|
||||||
|
name='name'
|
||||||
|
value={contact_message_nom_prenom}
|
||||||
|
onChange={(e) => {
|
||||||
|
setcontact_message_nom_prenom(e.target.value);
|
||||||
|
}}
|
||||||
|
className='form-control formInput'
|
||||||
|
placeholder='Nom'
|
||||||
|
></input>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="div_row_dialog">
|
||||||
|
<div className="div_row_gauche_dialog_session" style={{ "textAlign": 'left', fontWeight: '400px' }}>
|
||||||
|
E-mail
|
||||||
|
</div>
|
||||||
|
<div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
|
||||||
|
<input
|
||||||
|
type='email'
|
||||||
|
name='email'
|
||||||
|
id='email'
|
||||||
|
value={contact_message_email}
|
||||||
|
onChange={(e) => {
|
||||||
|
setcontact_message_email(e.target.value);
|
||||||
|
}}
|
||||||
|
className='form-control formInput'
|
||||||
|
placeholder='Adresse email'
|
||||||
|
></input>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div className="div_row_dialog">
|
||||||
|
<div className="div_row_gauche_dialog_session" style={{ "textAlign": 'left', fontWeight: '400px' }}>
|
||||||
|
Téléphone
|
||||||
|
</div>
|
||||||
|
<div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
|
||||||
|
<input
|
||||||
|
type='text'
|
||||||
|
name='phone'
|
||||||
|
id='phone'
|
||||||
|
value={contact_message_phone}
|
||||||
|
onChange={(e) => {
|
||||||
|
setcontact_message_phone(e.target.value);
|
||||||
|
}}
|
||||||
|
className='form-control formInput'
|
||||||
|
placeholder='Numéro Tél'
|
||||||
|
></input>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="div_row_dialog">
|
||||||
|
<div className="div_row_dialog" style={{ "textAlign": 'left' }}>
|
||||||
|
Sujet
|
||||||
|
</div>
|
||||||
|
<div className="div_row_dialog" >
|
||||||
|
<input
|
||||||
|
type='text'
|
||||||
|
name='subject'
|
||||||
|
value={contact_message_sujet}
|
||||||
|
onChange={(e) => {
|
||||||
|
setcontact_message_sujet(e.target.value);
|
||||||
|
}}
|
||||||
|
className='form-control formInput'
|
||||||
|
placeholder='Sujet'
|
||||||
|
></input>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="div_row_dialog">
|
||||||
|
<div className="div_row_dialog" style={{ "textAlign": 'left' }}>
|
||||||
|
Votre message
|
||||||
|
</div>
|
||||||
|
<div className="div_row_dialog" >
|
||||||
|
<textarea
|
||||||
|
rows={3}
|
||||||
|
name='message'
|
||||||
|
value={contact_message_message}
|
||||||
|
onChange={(e) => {
|
||||||
|
setcontact_message_message(e.target.value);
|
||||||
|
}}
|
||||||
|
className='form-control formInput'
|
||||||
|
placeholder='Message'
|
||||||
|
></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="div_row_dialog" >
|
||||||
|
|
||||||
|
<div>MySy Training Technology<br />
|
||||||
|
</div>
|
||||||
|
<div style={{ fontSize: "small" }}>
|
||||||
|
|
||||||
|
Adresse : 1 Cr du Havre, 75008 Paris <br />
|
||||||
|
Adresse email :
|
||||||
|
<a href="mailto: contact@mysy-training.com?subject=Mail from mysy website" target="_blank"> contact@mysy-training.com</a> <br />
|
||||||
|
|
||||||
|
Téléphone fixe : +331 77 00 38 57<br />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</DialogContent>
|
||||||
|
|
||||||
|
<DialogActions>
|
||||||
|
<div className="div_row">
|
||||||
|
<div className="div_row_gauche">
|
||||||
|
<Button onClick={Dialog_contact_handleClose_buton} className="bton_annule_dialog" >Fermer</Button>
|
||||||
|
</div>
|
||||||
|
<div className="div_row_droite" style={{ "textAlign": 'center' }}>
|
||||||
|
<Button onClick={Send_Contact_Message} className="bton_enreg_dialog">Envoyer <SendIcon /></Button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</DialogActions>
|
||||||
|
|
||||||
|
|
||||||
|
</Dialog>
|
||||||
|
{/*** FIN GESTION Contact */}
|
||||||
|
|
||||||
<div className="mobile">
|
<div className="mobile">
|
||||||
<div style={{ width: '100%', float: 'left', }}>
|
<div style={{ width: '100%', float: 'left', }}>
|
||||||
|
|
||||||
|
@ -1203,7 +1458,7 @@ const DisplayDetailClass_new_v3 = (props) => {
|
||||||
&& DetailTraining["price"] && <div className="mob_price">
|
&& DetailTraining["price"] && <div className="mob_price">
|
||||||
<nav className="discounted_price">{String(DetailTraining.business_prices[0].discounted_price)} € HT</nav>
|
<nav className="discounted_price">{String(DetailTraining.business_prices[0].discounted_price)} € HT</nav>
|
||||||
|
|
||||||
<nav className="training_price_barre"> {String(DetailTraining["price"])} HT </nav>
|
<nav className="training_price_barre"> {String(DetailTraining["price"])} € HT </nav>
|
||||||
<nav className="discount_block"> (- {String(DetailTraining.business_prices[0].discount)} % ) </nav>
|
<nav className="discount_block"> (- {String(DetailTraining.business_prices[0].discount)} % ) </nav>
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
|
@ -1398,7 +1653,7 @@ const DisplayDetailClass_new_v3 = (props) => {
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<hr style={{ "width": "100%", border: "3px solid grey" }} id="myRef_informe" ref={myRef_informe}/>
|
<hr style={{ "width": "100%", border: "3px solid grey" }} id="myRef_informe" ref={myRef_informe} />
|
||||||
|
|
||||||
<div className="mob_info_page" id="mob_info_page">
|
<div className="mob_info_page" id="mob_info_page">
|
||||||
|
|
||||||
|
@ -1540,11 +1795,11 @@ const DisplayDetailClass_new_v3 = (props) => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
{DetailTraining["tab_ue_detail_data"] && <div>
|
{DetailTraining["tab_ue_detail_data"] && <div style={{ width: '100%' }}>
|
||||||
|
|
||||||
<div>
|
<div style={{ width: '100%' }}>
|
||||||
{DetailTraining["tab_ue_detail_data"] && DetailTraining["tab_ue_detail_data"].map((val) => (
|
{DetailTraining["tab_ue_detail_data"] && DetailTraining["tab_ue_detail_data"].map((val) => (
|
||||||
<div>
|
<div style={{ width: '100%' }}>
|
||||||
|
|
||||||
<Accordion expanded={expanded === val._id} onChange={handleChange(val._id)}>
|
<Accordion expanded={expanded === val._id} onChange={handleChange(val._id)}>
|
||||||
<AccordionSummary
|
<AccordionSummary
|
||||||
|
@ -1739,108 +1994,14 @@ const DisplayDetailClass_new_v3 = (props) => {
|
||||||
|
|
||||||
<div className="desktop">
|
<div className="desktop">
|
||||||
<div style={{ width: '100%', float: 'left', }}>
|
<div style={{ width: '100%', float: 'left', }}>
|
||||||
|
<div className="Background_Header">
|
||||||
|
<Header />
|
||||||
|
</div>
|
||||||
|
|
||||||
<div style={{ width: '100%', float: 'left', background: "rgb(247, 247, 247)" }}>
|
<div style={{ width: '100%', float: 'left', background: "rgb(247, 247, 247)" }}>
|
||||||
|
|
||||||
<div style={{ width: '100%', }}>
|
<div style={{ width: '100%', }}>
|
||||||
<div style={{ background: '#0A043C', width: '100%', color: '#FFF', height: '300px', }}>
|
<div style={{ background: '#0A043C', width: '100%', color: '#FFF', height: '200px', }}>
|
||||||
|
|
||||||
|
|
||||||
<div className="block_header_menu">
|
|
||||||
<div className="header_menu">
|
|
||||||
|
|
||||||
<a href={process.env.REACT_APP_BASE_URL} style={{ "textDecoration": "none" }}>
|
|
||||||
<div className="hader_menu_logo_mysy">
|
|
||||||
<img className="logo_mysy" src={mysy_logo2} alt="MySy Training Technology" />
|
|
||||||
<nav className="training">TRAINING</nav>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<div className="menu_header">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div className="menu_header_menu" onClick={(e) => { history.push("/") }}>
|
|
||||||
<FaSearch /> Les formations
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* <div className="menu_header_menu" onClick={(e) => { history.push("/Recherche-Article-formation") }}>
|
|
||||||
Le blog
|
|
||||||
</div> */}
|
|
||||||
|
|
||||||
<div className="menu_header_menu" onClick={(e) => { history.push("/qui-sommes-nous") }}>
|
|
||||||
A propos
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="menu_header_menu" onClick={(e) => { history.push("/fonctionnalites") }}>
|
|
||||||
Solution
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div className="menu_header_menu" onClick={(e) => { history.push("/Produits-Services") }}>
|
|
||||||
Tarifs
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="menu_header_rectangle">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="menu_header_cat">
|
|
||||||
|
|
||||||
<div className="menu_header_cat_buton_inscr">
|
|
||||||
|
|
||||||
<div className="menu_header_cat_buton_inscr_box">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="menu_header_cat_buton_inscr_txt">
|
|
||||||
|
|
||||||
|
|
||||||
{String(someoneconnected) !== String("1") && <nav className="cta2">
|
|
||||||
<nav className="minscrire">
|
|
||||||
|
|
||||||
<div className="minscrire" onClick={handleAccountCreation}>
|
|
||||||
M’inscrire
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</nav>
|
|
||||||
</nav>}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="menu_header_cat_buton_connex">
|
|
||||||
|
|
||||||
<div className="menu_header_cat_buton_connex_box">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="menu_header_cat_buton_connex_txt">
|
|
||||||
{String(someoneconnected) !== String("1") && <nav className="meconnecter" onClick={handleAccountConnexion}>
|
|
||||||
Me connecter
|
|
||||||
</nav>}
|
|
||||||
{String(someoneconnected) === String("1") && <nav className="meconnecter" onClick={handleAccountLogout}>
|
|
||||||
Me deconnecter
|
|
||||||
</nav>}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div className="block_sous_header_rate_title">
|
<div className="block_sous_header_rate_title">
|
||||||
|
|
||||||
<div className="rating">
|
<div className="rating">
|
||||||
|
@ -1920,8 +2081,8 @@ const DisplayDetailClass_new_v3 = (props) => {
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
<div className="block_info_page_pave_title_desc">
|
<div className="block_info_page_pave_title_desc">
|
||||||
<div className="block_info_page_pave_title_desc_title">
|
<div className="block_info_page_pave_title_desc_title"> Description
|
||||||
Description
|
|
||||||
</div>
|
</div>
|
||||||
{DetailTraining["description"] && <div className="block_info_page_pave_title_desc description_block">
|
{DetailTraining["description"] && <div className="block_info_page_pave_title_desc description_block">
|
||||||
{parse(String(DetailTraining["description"]))}
|
{parse(String(DetailTraining["description"]))}
|
||||||
|
@ -2043,11 +2204,11 @@ const DisplayDetailClass_new_v3 = (props) => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
{DetailTraining["tab_ue_detail_data"] && <div>
|
{DetailTraining["tab_ue_detail_data"] && <div style={{ width: '100%' }}>
|
||||||
|
|
||||||
<div>
|
<div style={{ width: '100%' }}>
|
||||||
{DetailTraining["tab_ue_detail_data"] && DetailTraining["tab_ue_detail_data"].map((val) => (
|
{DetailTraining["tab_ue_detail_data"] && DetailTraining["tab_ue_detail_data"].map((val) => (
|
||||||
<div>
|
<div style={{ width: '100%' }}>
|
||||||
|
|
||||||
<Accordion expanded={expanded === val._id} onChange={handleChange(val._id)}>
|
<Accordion expanded={expanded === val._id} onChange={handleChange(val._id)}>
|
||||||
<AccordionSummary
|
<AccordionSummary
|
||||||
|
@ -2190,13 +2351,13 @@ const DisplayDetailClass_new_v3 = (props) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
{String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0)
|
{String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0)
|
||||||
&& DetailTraining["price"] && <div className="block_sticky_info_price"> {String(DetailTraining["price"])} HT </div>}
|
&& DetailTraining["price"] && <div className="block_sticky_info_price"> {String(DetailTraining["price"])} € HT </div>}
|
||||||
|
|
||||||
{String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0
|
{String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0
|
||||||
&& DetailTraining["price"] && <div className="block_sticky_info_price">
|
&& DetailTraining["price"] && <div className="block_sticky_info_price">
|
||||||
<nav className="discounted_price">{String(DetailTraining.business_prices[0].discounted_price)} € HT</nav>
|
<nav className="discounted_price">{String(DetailTraining.business_prices[0].discounted_price)} € HT</nav>
|
||||||
|
|
||||||
<nav className="training_price_barre"> {String(DetailTraining["price"])} HT </nav>
|
<nav className="training_price_barre"> {String(DetailTraining["price"])} € HT </nav>
|
||||||
<nav className="discount_block"> (- {String(DetailTraining.business_prices[0].discount)} % ) </nav>
|
<nav className="discount_block"> (- {String(DetailTraining.business_prices[0].discount)} % ) </nav>
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
|
|
|
@ -2761,8 +2761,6 @@ const Recherche_new_v2 = () => {
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
||||||
|
|
||||||
<div className="reherche_new_v2" >
|
<div className="reherche_new_v2" >
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -792,7 +792,7 @@
|
||||||
order: 0;
|
order: 0;
|
||||||
align-self: stretch;
|
align-self: stretch;
|
||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
background-color: #4d4dff;
|
background-color: #20BFA9;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1270,6 +1270,7 @@
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
|
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
line-height: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.description_block {
|
.description_block {
|
||||||
|
@ -1278,6 +1279,7 @@
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
|
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
line-height: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.objectif_block {
|
.objectif_block {
|
||||||
|
@ -1286,6 +1288,7 @@
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
|
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
line-height: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.session_block {
|
.session_block {
|
||||||
|
@ -1294,6 +1297,7 @@
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
|
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
line-height: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -1303,6 +1307,7 @@
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
|
font-family: Roboto, Verdana, Georgia, Arial, "Times New Roman";
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
line-height: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sticky_div_hilight {
|
.sticky_div_hilight {
|
||||||
|
@ -1363,6 +1368,22 @@
|
||||||
.css-wdmfcx {
|
.css-wdmfcx {
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 07/01/23
|
||||||
|
.Background_Header {
|
||||||
|
/* Background Header */
|
||||||
|
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 350px;
|
||||||
|
left: 0px;
|
||||||
|
top: 0px;
|
||||||
|
|
||||||
|
/* Beige */
|
||||||
|
|
||||||
|
background: #FFF5DA;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||||
|
@ -2128,7 +2149,7 @@
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 713px;
|
width: 713px;
|
||||||
left: 80;
|
left: 80px;
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -2284,7 +2305,7 @@
|
||||||
align-self: stretch;
|
align-self: stretch;
|
||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
|
|
||||||
background-color: #4d4dff;
|
background-color: #20BFA9;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
@ -2326,6 +2347,8 @@
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.description_block {
|
.description_block {
|
||||||
|
@ -2334,6 +2357,8 @@
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.objectif_block {
|
.objectif_block {
|
||||||
|
@ -2342,6 +2367,8 @@
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.session_block {
|
.session_block {
|
||||||
|
@ -2350,6 +2377,8 @@
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -2359,6 +2388,8 @@
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -3394,6 +3425,18 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.Background_Header {
|
||||||
|
//position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
//height: 452px;
|
||||||
|
left: 0px;
|
||||||
|
top: 0px;
|
||||||
|
|
||||||
|
/* Beige */
|
||||||
|
|
||||||
|
background: #FFF5DA;
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
@ -4320,7 +4363,7 @@
|
||||||
order: 0;
|
order: 0;
|
||||||
align-self: stretch;
|
align-self: stretch;
|
||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
background-color: #4d4dff;
|
background-color: #20BFA9;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -4358,6 +4401,8 @@
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.description_block {
|
.description_block {
|
||||||
|
@ -4366,6 +4411,8 @@
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.objectif_block {
|
.objectif_block {
|
||||||
|
@ -4374,6 +4421,8 @@
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.session_block {
|
.session_block {
|
||||||
|
@ -4382,6 +4431,8 @@
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -4391,6 +4442,8 @@
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -5426,6 +5479,18 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.Background_Header {
|
||||||
|
// position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
// height: 452px;
|
||||||
|
left: 0px;
|
||||||
|
top: 0px;
|
||||||
|
|
||||||
|
/* Beige */
|
||||||
|
|
||||||
|
background: #FFF5DA;
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 1200px) {
|
@media only screen and (min-width: 1200px) {
|
||||||
|
@ -6371,7 +6436,7 @@
|
||||||
align-self: stretch;
|
align-self: stretch;
|
||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
|
|
||||||
background-color: #4d4dff;
|
background-color: #20BFA9;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -6409,6 +6474,8 @@
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.description_block {
|
.description_block {
|
||||||
|
@ -6417,6 +6484,8 @@
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.objectif_block {
|
.objectif_block {
|
||||||
|
@ -6425,6 +6494,8 @@
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.session_block {
|
.session_block {
|
||||||
|
@ -6433,6 +6504,8 @@
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -6442,6 +6515,8 @@
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -7483,6 +7558,19 @@
|
||||||
width: 80%;
|
width: 80%;
|
||||||
z-index: 50;
|
z-index: 50;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.Background_Header {
|
||||||
|
// position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
// height: 452px;
|
||||||
|
left: 0px;
|
||||||
|
top: 0px;
|
||||||
|
|
||||||
|
/* Beige */
|
||||||
|
|
||||||
|
background: #FFF5DA;
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// end media
|
// end media
|
||||||
|
|
Loading…
Reference in New Issue