rrr
parent
1f58e67d7b
commit
799e85fa5d
|
@ -41,7 +41,7 @@ import { confirmAlert } from 'react-confirm-alert';
|
||||||
//import { Rating } from 'react-simple-star-rating';
|
//import { Rating } from 'react-simple-star-rating';
|
||||||
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";
|
||||||
|
|
||||||
|
|
||||||
const DisplayDetailClass = (props) => {
|
const DisplayDetailClass = (props) => {
|
||||||
|
@ -398,7 +398,7 @@ const DisplayDetailClass = (props) => {
|
||||||
function submenu_info() {
|
function submenu_info() {
|
||||||
setsubmenu("formateur");
|
setsubmenu("formateur");
|
||||||
//if (document.getElementsByName("menu_formateur")[0])
|
//if (document.getElementsByName("menu_formateur")[0])
|
||||||
// document.getElementsByName('menu_formateur')[0].focus();
|
// document.getElementsByName('menu_formateur')[0].focus();
|
||||||
|
|
||||||
if (document.getElementsByName("menu_datelieu")[0])
|
if (document.getElementsByName("menu_datelieu")[0])
|
||||||
document.getElementsByName('menu_datelieu')[0].blur();
|
document.getElementsByName('menu_datelieu')[0].blur();
|
||||||
|
@ -410,7 +410,7 @@ const DisplayDetailClass = (props) => {
|
||||||
function submenu_datelieu() {
|
function submenu_datelieu() {
|
||||||
setsubmenu("datelieu");
|
setsubmenu("datelieu");
|
||||||
//if (document.getElementsByName("menu_datelieu")[0])
|
//if (document.getElementsByName("menu_datelieu")[0])
|
||||||
// document.getElementsByName('menu_datelieu')[0].focus();
|
// document.getElementsByName('menu_datelieu')[0].focus();
|
||||||
|
|
||||||
if (document.getElementsByName("menu_formateur")[0])
|
if (document.getElementsByName("menu_formateur")[0])
|
||||||
document.getElementsByName('menu_formateur')[0].blur();
|
document.getElementsByName('menu_formateur')[0].blur();
|
||||||
|
@ -423,7 +423,7 @@ const DisplayDetailClass = (props) => {
|
||||||
function submenu_divers() {
|
function submenu_divers() {
|
||||||
setsubmenu("divers");
|
setsubmenu("divers");
|
||||||
//if (document.getElementsByName("submenu_divers")[0])
|
//if (document.getElementsByName("submenu_divers")[0])
|
||||||
//document.getElementsByName('submenu_divers')[0].focus();
|
//document.getElementsByName('submenu_divers')[0].focus();
|
||||||
|
|
||||||
if (document.getElementsByName("menu_datelieu")[0])
|
if (document.getElementsByName("menu_datelieu")[0])
|
||||||
document.getElementsByName('menu_datelieu')[0].blur();
|
document.getElementsByName('menu_datelieu')[0].blur();
|
||||||
|
@ -443,9 +443,14 @@ const DisplayDetailClass = (props) => {
|
||||||
} else {
|
} else {
|
||||||
setinscritpion("1");
|
setinscritpion("1");
|
||||||
}
|
}
|
||||||
|
window.scrollTo(0, 0);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function Contact_bton(event) {
|
||||||
|
setinscritpion("2");
|
||||||
|
window.scrollTo(0, 0);
|
||||||
|
}
|
||||||
|
|
||||||
/// ----
|
/// ----
|
||||||
return (
|
return (
|
||||||
|
|
||||||
|
@ -529,31 +534,40 @@ const DisplayDetailClass = (props) => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="right_box">
|
<div className="right_box">
|
||||||
{DetailTraining["img_banner_detail_class"] && <div>
|
{DetailTraining["img_banner_detail_class"] && <div>
|
||||||
<img src={`${DetailTraining["img_banner_detail_class"]}`} className="img_bannermg_WOimg"/> <Button variant="contained" color="success"
|
<img src={`${DetailTraining["img_banner_detail_class"]}`} className="img_bannermg_WOimg" />
|
||||||
className="bton_inscription"
|
<Button variant="contained" color="success"
|
||||||
onClick={Inscription_bton}
|
className="bton_inscription"
|
||||||
|
onClick={Inscription_bton}
|
||||||
|
>
|
||||||
|
Je m'inscris
|
||||||
|
</Button> <br />
|
||||||
|
|
||||||
>
|
<Button variant="contained" color="success"
|
||||||
Je m'inscris
|
className="bton_recontact"
|
||||||
</Button>
|
onClick={Contact_bton}
|
||||||
</div>}
|
>
|
||||||
|
Une question ?
|
||||||
|
</Button>
|
||||||
|
|
||||||
{ (!DetailTraining["img_banner_detail_class"] || String(DetailTraining["img_banner_detail_class"]).length < 5) &&
|
|
||||||
<div className="img_banner">
|
|
||||||
<div className="text_surna"> </div>
|
|
||||||
<div className="row_inscription">
|
|
||||||
<Button variant="contained" color="success"
|
|
||||||
className="bton_inscription"
|
|
||||||
onClick={Inscription_bton}
|
|
||||||
|
|
||||||
>
|
|
||||||
Je m'inscris
|
|
||||||
</Button>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
|
{(!DetailTraining["img_banner_detail_class"] || String(DetailTraining["img_banner_detail_class"]).length < 5) &&
|
||||||
|
<div className="img_banner">
|
||||||
|
<div className="text_surna"> </div>
|
||||||
|
<div className="row_inscription">
|
||||||
|
<Button variant="contained" color="success"
|
||||||
|
className="bton_inscription"
|
||||||
|
onClick={Inscription_bton}
|
||||||
|
|
||||||
|
>
|
||||||
|
Je m'inscris
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>}
|
||||||
|
|
||||||
{/*
|
{/*
|
||||||
/!\ important :
|
/!\ important :
|
||||||
|
|
||||||
|
@ -568,7 +582,14 @@ Si non, on utilise le formumaire de mysy,.
|
||||||
|
|
||||||
|
|
||||||
{String(inscritpion) === "1" && <div className="description detail_element">
|
{String(inscritpion) === "1" && <div className="description detail_element">
|
||||||
<Inscription internal_url={DetailTraining["internal_url"]} action="inscription"/>
|
<Inscription internal_url={DetailTraining["internal_url"]} action="inscription" />
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
{String(inscritpion) === "2" && <div className="description detail_element">
|
||||||
|
<Inscription internal_url={DetailTraining["internal_url"]} action="information" />
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -591,7 +612,7 @@ Si non, on utilise le formumaire de mysy,.
|
||||||
<b className="sous_titre">Objectif </b>
|
<b className="sous_titre">Objectif </b>
|
||||||
|
|
||||||
<p style={{ "fontSize": "smal", "marginTop": "0.3rem" }}>
|
<p style={{ "fontSize": "smal", "marginTop": "0.3rem" }}>
|
||||||
{parse(String(DetailTraining["objectif"]))}
|
{parse(String(DetailTraining["objectif"]))}
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
</div>}
|
</div>}
|
||||||
|
@ -599,7 +620,7 @@ Si non, on utilise le formumaire de mysy,.
|
||||||
<br />
|
<br />
|
||||||
{DetailTraining["prerequis"] && <div className="description detail_element">
|
{DetailTraining["prerequis"] && <div className="description detail_element">
|
||||||
<b className="sous_titre">Pré-requis </b> {DetailTraining["prerequis"] &&
|
<b className="sous_titre">Pré-requis </b> {DetailTraining["prerequis"] &&
|
||||||
<p style={{ "fontSize": "smal", "marginTop": "0.3rem" }}>
|
<p style={{ "fontSize": "smal", "marginTop": "0.3rem" }}>
|
||||||
{parse(String(DetailTraining["prerequis"]))}
|
{parse(String(DetailTraining["prerequis"]))}
|
||||||
</p>}
|
</p>}
|
||||||
{!DetailTraining["prerequis"] && <p style={{ "fontStyle": "italic" }}>
|
{!DetailTraining["prerequis"] && <p style={{ "fontStyle": "italic" }}>
|
||||||
|
|
|
@ -1459,7 +1459,7 @@
|
||||||
border-radius: 20rem;
|
border-radius: 20rem;
|
||||||
background-color: red;
|
background-color: red;
|
||||||
border: 2px solid red;
|
border: 2px solid red;
|
||||||
width: 10rem;
|
width: 12rem;
|
||||||
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
|
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
|
||||||
-webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
|
-webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
@ -1468,8 +1468,29 @@
|
||||||
top: 15rem;
|
top: 15rem;
|
||||||
right: 5%;
|
right: 5%;
|
||||||
height: 3rem;
|
height: 3rem;
|
||||||
|
z-index: 10000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bton_recontact{
|
||||||
|
color: white;
|
||||||
|
text-align: right;
|
||||||
|
padding-right: 2rem;
|
||||||
|
border-radius: 20rem;
|
||||||
|
background-color: #104277;
|
||||||
|
border: 2px solid #104277;
|
||||||
|
width: 12rem;
|
||||||
|
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
|
||||||
|
-webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
|
||||||
|
font-weight: bold;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
position: fixed;
|
||||||
|
top: 20rem;
|
||||||
|
right: 5%;
|
||||||
|
height: 3rem;
|
||||||
|
z-index: 10000;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.row_inscription {
|
.row_inscription {
|
||||||
color: white;
|
color: white;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
|
Loading…
Reference in New Issue