recette2
cherif 2022-11-26 14:14:08 +01:00
parent 1f58e67d7b
commit 799e85fa5d
2 changed files with 72 additions and 30 deletions

View File

@ -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"> &nbsp; </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"> &nbsp; </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"]))} &nbsp; {parse(String(DetailTraining["objectif"]))} &nbsp;
</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"]))} &nbsp; {parse(String(DetailTraining["prerequis"]))} &nbsp;
</p>} </p>}
{!DetailTraining["prerequis"] && <p style={{ "fontStyle": "italic" }}> {!DetailTraining["prerequis"] && <p style={{ "fontStyle": "italic" }}>

View File

@ -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;