diff --git a/src/components/DisplayDetailClass_new.js b/src/components/DisplayDetailClass_new.js index 97441de..5f7d02a 100644 --- a/src/components/DisplayDetailClass_new.js +++ b/src/components/DisplayDetailClass_new.js @@ -41,7 +41,7 @@ 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 Inscription from "./Inscription_Information"; const DisplayDetailClass = (props) => { @@ -398,7 +398,7 @@ const DisplayDetailClass = (props) => { function submenu_info() { setsubmenu("formateur"); //if (document.getElementsByName("menu_formateur")[0]) - // document.getElementsByName('menu_formateur')[0].focus(); + // document.getElementsByName('menu_formateur')[0].focus(); if (document.getElementsByName("menu_datelieu")[0]) document.getElementsByName('menu_datelieu')[0].blur(); @@ -410,7 +410,7 @@ const DisplayDetailClass = (props) => { function submenu_datelieu() { setsubmenu("datelieu"); //if (document.getElementsByName("menu_datelieu")[0]) - // document.getElementsByName('menu_datelieu')[0].focus(); + // document.getElementsByName('menu_datelieu')[0].focus(); if (document.getElementsByName("menu_formateur")[0]) document.getElementsByName('menu_formateur')[0].blur(); @@ -423,7 +423,7 @@ const DisplayDetailClass = (props) => { function submenu_divers() { setsubmenu("divers"); //if (document.getElementsByName("submenu_divers")[0]) - //document.getElementsByName('submenu_divers')[0].focus(); + //document.getElementsByName('submenu_divers')[0].focus(); if (document.getElementsByName("menu_datelieu")[0]) document.getElementsByName('menu_datelieu')[0].blur(); @@ -443,9 +443,14 @@ const DisplayDetailClass = (props) => { } else { setinscritpion("1"); } - - + window.scrollTo(0, 0); } + + function Contact_bton(event) { + setinscritpion("2"); + window.scrollTo(0, 0); + } + /// ---- return ( @@ -529,31 +534,40 @@ const DisplayDetailClass = (props) => {
- {DetailTraining["img_banner_detail_class"] &&
-
- > - Je m'inscris - -
} + - { (!DetailTraining["img_banner_detail_class"] || String(DetailTraining["img_banner_detail_class"]).length < 5) && -
-
 
-
- - -
} + {(!DetailTraining["img_banner_detail_class"] || String(DetailTraining["img_banner_detail_class"]).length < 5) && +
+
 
+
+ + +
+
} + {/* /!\ important : @@ -568,7 +582,14 @@ Si non, on utilise le formumaire de mysy,. {String(inscritpion) === "1" &&
- + + +
+ + } + + {String(inscritpion) === "2" &&
+
@@ -591,7 +612,7 @@ Si non, on utilise le formumaire de mysy,. Objectif

- {parse(String(DetailTraining["objectif"]))}   + {parse(String(DetailTraining["objectif"]))}  

} @@ -599,7 +620,7 @@ Si non, on utilise le formumaire de mysy,.
{DetailTraining["prerequis"] &&
Pré-requis {DetailTraining["prerequis"] && -

+

{parse(String(DetailTraining["prerequis"]))}  

} {!DetailTraining["prerequis"] &&

diff --git a/src/styles/components/_displaydetailclass_new.scss b/src/styles/components/_displaydetailclass_new.scss index 8b4f191..5e8e932 100644 --- a/src/styles/components/_displaydetailclass_new.scss +++ b/src/styles/components/_displaydetailclass_new.scss @@ -1459,7 +1459,7 @@ border-radius: 20rem; background-color: red; border: 2px solid red; - width: 10rem; + 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; @@ -1468,8 +1468,29 @@ top: 15rem; right: 5%; 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 { color: white; text-align: right;