13/01/23 - 14h

recette2
cherif 2023-01-13 13:51:43 +01:00
parent 25dbe29dd3
commit 87828d0ac1
13 changed files with 753 additions and 439 deletions

View File

@ -55,7 +55,7 @@ function App() {
<BrowserRouter> <BrowserRouter>
<ScrollToTop /> <ScrollToTop />
<Switch> <Switch>
<Route path="/" exact component={Recherche} /> <Route path="/" exact component={Recherche_new_v2} />
<Route path="/acceuil" exact component={Acceuil} /> <Route path="/acceuil" exact component={Acceuil} />
<Route path="/contact" exact component={Contact} /> <Route path="/contact" exact component={Contact} />
@ -63,12 +63,13 @@ function App() {
<Route path="/create_account" exact component={CreateAccount} /> <Route path="/create_account" exact component={CreateAccount} />
<Route path="/user-connexion" exact component={Connexion} /> <Route path="/user-connexion" exact component={Connexion} />
<Route path="/Connexion" exact component={Login} /> <Route path="/Connexion" exact component={Login} />
<Route path="/recherche-formation" exact component={Recherche} /> <Route path="/recherche-formation" exact component={Recherche_new_v2} />
<Route path="/recherche-formation/:NewSearchText" exact component={Recherche} /> <Route path="/recherche-formation/:NewSearchText" exact component={Recherche_new_v2} />
<Route path="/testurl/:course/:tab" exact component={TestUrl} /> <Route path="/testurl/:course/:tab" exact component={TestUrl} />
<Route path="/Display-Detail-formation/:classId" exact component={DisplayDetailClass} /> <Route path="/Display-Detail-formation/:classId" exact component={DisplayDetailClass_new_v2} />
<Route path="/Display-Detail-formation_v2/:classId" exact component={DisplayDetailClass_new_v2} /> <Route path="/Display-Detail-formation/:classId" exact component={DisplayDetailClass_new_v2} />
<Route path="/Display-Detail-formation/:classId/:action" exact component={DisplayDetailClassAction} /> <Route path="/Display-Detail-formation/:classId/:action" exact component={DisplayDetailClass_new_v2} />
<Route path="/Display-Detail-formation_old/:classId/:action" exact component={DisplayDetailClass_new_v2} />
<Route path="/Display-Detail-Article/:articleId" exact component={DisplayDetailArticle} /> <Route path="/Display-Detail-Article/:articleId" exact component={DisplayDetailArticle} />
<Route path="/Display-Detail-formation-Coeur/:classId" exact component={CoupDeCoeur} /> <Route path="/Display-Detail-formation-Coeur/:classId" exact component={CoupDeCoeur} />
<Route path="/Partner" exact component={Partner} /> <Route path="/Partner" exact component={Partner} />

View File

@ -46,8 +46,7 @@ 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';
const DisplayDetailClass_new_v2 = (props) => { const DisplayDetailClass_new_v2 = (props) => {
const { classId, action } = useParams();
const { classId } = useParams();
const [result, setResult] = useState(""); const [result, setResult] = useState("");
const [myApiResponse, setmyApiResponse] = useState(); const [myApiResponse, setmyApiResponse] = useState();
const [DetailTraining, setDetailTraining] = useState([]); const [DetailTraining, setDetailTraining] = useState([]);
@ -71,13 +70,67 @@ const DisplayDetailClass_new_v2 = (props) => {
const [inscritpion, setinscritpion] = useState(""); const [inscritpion, setinscritpion] = useState("");
const [ratingvalue, setratingvalue] = useState(0); const [ratingvalue, setratingvalue] = useState(0);
const [text_size, settext_size] = useState("0");
// Gestion des Cookies // Gestion des Cookies
const stored_partner = cookie_part.tokenmysypart; const stored_partner = cookie_part.tokenmysypart;
const stored_user = cookie.tokenmysych; 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 => {
if (String(res.data.status) !== "false") {
console.log(" In tokenEval_trainingsession res.data.status = " + res.data.status);
//console.log(" In tokenEval_trainingsession res.data.message r_class = " + res.data.message);
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(() => { useEffect(() => {
async function funclocaltoken() {
if (String(props.action).toLocaleLowerCase() !== "inscription" &&
String(props.action).toLocaleLowerCase() !== "information") {
CheckEvaluationToken();
}
}
var local_user_connect = 0; var local_user_connect = 0;
var local_part_connect = 0; var local_part_connect = 0;
@ -113,11 +166,13 @@ const DisplayDetailClass_new_v2 = (props) => {
} }
fetchData(); fetchData();
Display(); Display();
GetAssociatedTraning(); GetAssociatedTraning();
GetCurrentClass_trainingsession(); GetCurrentClass_trainingsession();
funclocaltoken();
window.scrollTo(0, 0);
}, []); }, []);
@ -287,12 +342,157 @@ const DisplayDetailClass_new_v2 = (props) => {
} }
//console.log(" In displaydetailclass res.data.status = " + res.data.status); //console.log(" In displaydetailclass res.data.status = " + res.data.status);
//console.log(" In displaydetailclass res.data.message = " + res.data.message); //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); setResult(res.data.message);
setDetailTraining(JSON.parse(res.data.message)); setDetailTraining(JSON.parse(res.data.message));
if (JSON.parse(res.data.message).note) { if (JSON.parse(res.data.message).note) {
setratingvalue(JSON.parse(res.data.message).note); setratingvalue(JSON.parse(res.data.message).note);
} }
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("window.screen.width = ", window.screen.width);
if (window.screen.width < 601) {
local_tmp = String(JSON.parse(res.data.message).text_size / 0.88);
main_h = String(JSON.parse(res.data.message).text_size / 0.77);
console.log(" local_tmp = ", local_tmp, " main_h = ", main_h);
if (local_tmp > 2700) {
val = "3000px";
main_h_px = "4700px";
}
else {
/* gestions des mini */
if (local_tmp < 1700) {
local_tmp = 1700;
}
if (main_h < 3500) {
main_h = 3500
}
val = local_tmp + "px";
main_h_px = main_h + "px"
}
console.log(" mob_block_cross_sell_cat.top = ", val, " main_h = ", main_h);
document.getElementById('mob_block_cross_sell_cat').style.top = val;
//document.getElementById('footer').style.top = val;
document.getElementById('mobile').style.height = main_h_px;
}
if (window.screen.width >= 601 && window.screen.width <= 991) {
local_tmp = String(JSON.parse(res.data.message).text_size / 0.9);
main_h = String(JSON.parse(res.data.message).text_size / 0.8);
console.log(" local_tmp = ", local_tmp, " main_h = ", main_h);
if (local_tmp > 2550) {
val = "2600px";
main_h_px = "3100px";
} else if (local_tmp < 1500) {
val = "1500px";
main_h_px = "2100px";
}
else {
val = local_tmp + "px";
main_h_px = main_h + "px"
}
console.log(" changemenr foo val = ", val, " main_h = ", main_h);
var val2 = document.getElementById('block_info_page').style.height;
console.log(" block_info_page height = ", val2);
document.getElementById('block_crossell_meme_orga').style.top = val;
//document.getElementById('footer').style.top = val;
document.getElementById('desktop').style.height = main_h_px;
}
if (window.screen.width >= 992 && window.screen.width <= 1199) {
local_tmp = String(JSON.parse(res.data.message).text_size / 0.99);
main_h = String(JSON.parse(res.data.message).text_size / 0.8);
if (local_tmp > 2450) {
val = "2450px";
main_h_px = "3000px";
}
else if (local_tmp < 1500) {
val = "1500px";
main_h_px = "2100px";
}
else {
val = local_tmp + "px";
main_h_px = main_h + "px"
}
console.log(" changemenr foo val = ", val, " main_h = ", main_h);
var val2 = document.getElementById('block_info_page').style.height;
console.log(" block_info_page height = ", val2);
document.getElementById('block_crossell_meme_orga').style.top = val;
//document.getElementById('footer').style.top = val;
document.getElementById('desktop').style.height = main_h_px;
}
if (window.screen.width >= 1200) {
local_tmp = String(JSON.parse(res.data.message).text_size / 0.99);
main_h = String(JSON.parse(res.data.message).text_size / 0.8);
if (local_tmp > 2450) {
val = "2450px";
main_h_px = "3000px";
}
else if (local_tmp < 1500) {
val = "1500px";
main_h_px = "2100px";
}
else {
val = local_tmp + "px";
main_h_px = main_h + "px"
}
console.log(" changemenr foo val = ", val, " main_h = ", main_h);
var val2 = document.getElementById('block_info_page').style.height;
console.log(" block_info_page height = ", val2);
document.getElementById('block_crossell_meme_orga').style.top = val;
//document.getElementById('footer').style.top = val;
document.getElementById('desktop').style.height = main_h_px;
}
}
} }
else { else {
//console.log(" In Erreur res.data.status = " + res.data.status); //console.log(" In Erreur res.data.status = " + res.data.status);
@ -446,12 +646,27 @@ const DisplayDetailClass_new_v2 = (props) => {
} else { } else {
setinscritpion("1"); setinscritpion("1");
} }
window.scrollTo(0, 0); if (window.screen.width < 601) {
document.getElementById('mob_block_cross_sell_cat').style.display = "none";
window.scrollTo(0, 500);
}
else {
window.scrollTo(0, 0);
}
} }
function Contact_bton(event) { function Contact_bton(event) {
setinscritpion("2"); setinscritpion("2");
window.scrollTo(0, 0);
if (window.screen.width < 601) {
document.getElementById('mob_block_cross_sell_cat').style.display = "none";
window.scrollTo(0, 500);
}
else {
window.scrollTo(0, 0);
}
} }
@ -472,7 +687,7 @@ const DisplayDetailClass_new_v2 = (props) => {
if (String(res.data.status) !== "false") { if (String(res.data.status) !== "false") {
//console.log(" In GetCurrentClass_trainingsession res.data.status = " + res.data.status); //console.log(" In GetCurrentClass_trainingsession res.data.status = " + res.data.status);
//console.log(" In GetCurrentClass_trainingsession res.data.message r_class = " + res.data.message); console.log(" In GetCurrentClass_trainingsession res.data.message r_class = " + res.data.message);
setGetCurrentClass_api("true"); setGetCurrentClass_api("true");
setGetCurrentClass_result(res.data.message); setGetCurrentClass_result(res.data.message);
} }
@ -559,6 +774,22 @@ const DisplayDetailClass_new_v2 = (props) => {
}); });
} }
function Close_info_form() {
setinscritpion();
document.getElementById('mob_block_cross_sell_cat').style.display = "flex";
window.scrollTo(0, 0);
}
function Close_inscrip_form() {
setinscritpion();
document.getElementById('mob_block_cross_sell_cat').style.display = "flex";
window.scrollTo(0, 0);
}
/// ---- /// ----
return ( return (
@ -566,10 +797,11 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="mobile"> <div className="mobile">
<div style={{ "display": "flex", "flexDirection": "column", }}> <div style={{ "display": "flex", "flexDirection": "column", }}>
<div className="displaydetailclass_new_v2" style={{ <div className="displaydetailclass_new_v2" id="mobile"
"background": "#F7F7F7", "height": "530vh", style={{
"width": "100%", "display": "flex", "flexDirection": "column", "background": "#F7F7F7", "width": "100%",
}}> "display": "flex", "flexDirection": "column", "minHeight": "100vh",
}}>
<Helmet> <Helmet>
<meta name="description" content="Liste des articles sur les formations" /> <meta name="description" content="Liste des articles sur les formations" />
@ -628,6 +860,10 @@ const DisplayDetailClass_new_v2 = (props) => {
</div> </div>
<div className="mob_block_content"> <div className="mob_block_content">
<div className="mob_block_content_rating"> <div className="mob_block_content_rating">
<Rating name="half-rating-reade" <Rating name="half-rating-reade"
@ -651,6 +887,11 @@ const DisplayDetailClass_new_v2 = (props) => {
</div> </div>
</div> </div>
@ -663,7 +904,7 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="mob_cats"> <div className="mob_cats">
<div className="mob_cats_bton_inscr"> <div className="mob_cats_bton_inscr" onClick={Inscription_bton}>
<div className="mob_cats_bton_inscr_txt"> <div className="mob_cats_bton_inscr_txt">
Minscrire Minscrire
@ -671,7 +912,7 @@ const DisplayDetailClass_new_v2 = (props) => {
</div> </div>
<div className="mob_cats_bton_info"> <div className="mob_cats_bton_info" onClick={Contact_bton}>
<div className="mob_cats_bton_info_txt"> <div className="mob_cats_bton_info_txt">
Minformer sur la formation Minformer sur la formation
@ -810,7 +1051,9 @@ const DisplayDetailClass_new_v2 = (props) => {
</div> </div>
<div className="mob_block_organisme_ftion">
<div className="mob_block_organisme_ftion" id="mob_block_organisme_ftion">
<div className="mob_block_organisme_ftion_orga"> <div className="mob_block_organisme_ftion_orga">
Organisme de formation : Organisme de formation :
@ -825,13 +1068,30 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="mob_info_page"> <div className="mob_info_page" id="mob_info_page">
<div className="mob_info_page_title_desc"> <div className="mob_info_page_title_desc">
<div className="mob_info_page_title_desc_title"> {String(inscritpion) === "2" && <div>
<Inscription internal_url={DetailTraining["internal_url"]} action="information"
Close_info_form={Close_info_form} />
</div>
}
{String(inscritpion) === "1" && <div className="description detail_element">
<Inscription internal_url={DetailTraining["internal_url"]} action="inscription"
Close_info_form={Close_inscrip_form} />
</div>
}
{DetailTraining["Description"] && <div className="mob_info_page_title_desc_title">
Description Description
</div> </div>
}
<div className="mob_info_page_title_desc_desc"> <div className="mob_info_page_title_desc_desc">
{parse(String(DetailTraining["description"]))} {parse(String(DetailTraining["description"]))}
@ -880,9 +1140,10 @@ const DisplayDetailClass_new_v2 = (props) => {
Objectif Objectif
</div> </div>
<div className="mob_info_page_title_desc_desc"> {DetailTraining["objectif"] && <div className="mob_info_page_title_desc_desc">
{parse(String(DetailTraining["objectif"]))} {parse(String(DetailTraining["objectif"]))}
</div> </div>
}
</div> </div>
@ -893,9 +1154,10 @@ const DisplayDetailClass_new_v2 = (props) => {
Programme Programme
</div> </div>
<div className="mob_info_page_title_desc_desc"> {DetailTraining["programme"] && <div className="mob_info_page_title_desc_desc">
{parse(String(DetailTraining["programme"]))} {parse(String(DetailTraining["programme"]))}
</div> </div>
}
</div> </div>
@ -906,9 +1168,9 @@ const DisplayDetailClass_new_v2 = (props) => {
</div> </div>
<div className="mob_block_cross_sell_cat"> <div className="mob_block_cross_sell_cat" id="mob_block_cross_sell_cat">
<div className="mob_block_sous_cross_sell"> <div className="mob_block_sous_cross_sell" id="mob_block_sous_cross_sell">
<div className="mob_block_sous_cross_sell_title"> <div className="mob_block_sous_cross_sell_title">
Formations & tutoriels du même organisme Formations & tutoriels du même organisme
@ -992,7 +1254,7 @@ const DisplayDetailClass_new_v2 = (props) => {
e.preventDefault(); e.preventDefault();
//test(props.formation.external_code); //test(props.formation.external_code);
window.open( window.open(
"/Display-Detail-formation_v2/" + JSON.parse(formation).internal_url, "/Display-Detail-formation/" + JSON.parse(formation).internal_url,
'_self' '_self'
); );
@ -1031,8 +1293,8 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="desktop"> <div className="desktop">
<div style={{ "display": "flex", "flexDirection": "column", }}> <div style={{ "display": "flex", "flexDirection": "column", }}>
<div className="displaydetailclass_new_v2" style={{ <div className="displaydetailclass_new_v2" id="desktop" style={{
"background": "#F7F7F7", "height": "300vh", "background": "#F7F7F7", "minHeight": "100vh",
"width": "100%", "display": "flex", "flexDirection": "column", "width": "100%", "display": "flex", "flexDirection": "column",
}}> }}>
@ -1050,10 +1312,12 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="block_header_menu"> <div className="block_header_menu">
<div className="header_menu"> <div className="header_menu">
<div className="hader_menu_logo_mysy"> <a href={process.env.REACT_APP_BASE_URL} style={{ "textDecoration": "none" }}>
<img className="logo_mysy" src={mysy_logo2} alt="MySy Training Technology" /> <div className="hader_menu_logo_mysy">
<nav className="training">TRAINING</nav> <img className="logo_mysy" src={mysy_logo2} alt="MySy Training Technology" />
</div> <nav className="training">TRAINING</nav>
</div>
</a>
<div className="menu_header"> <div className="menu_header">
@ -1164,16 +1428,17 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="block_info_page"> <div className="block_info_page" id="block_info_page">
{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"
Close_info_form={Close_info_form} />
</div> </div>
} }
{String(inscritpion) === "2" && <div className="description detail_element"> {String(inscritpion) === "2" && <div className="description detail_element">
<Inscription internal_url={DetailTraining["internal_url"]} action="information" /> <Inscription internal_url={DetailTraining["internal_url"]} action="information"
Close_info_form={Close_inscrip_form} />
</div> </div>
@ -1183,9 +1448,10 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="block_info_page_pave_title_desc_title"> <div className="block_info_page_pave_title_desc_title">
Description Description
</div> </div>
<div className="block_info_page_pave_title_desc"> {DetailTraining["description"] && <div className="block_info_page_pave_title_desc">
{parse(String(DetailTraining["description"]))} {parse(String(DetailTraining["description"]))}
</div> </div>
}
</div> </div>
@ -1222,9 +1488,10 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="block_info_page_pave_title_desc_title"> <div className="block_info_page_pave_title_desc_title">
Objectif Objectif
</div> </div>
<div className="block_info_page_pave_title_desc_desc"> {DetailTraining["objectif"] && <div className="block_info_page_pave_title_desc_desc">
{parse(String(DetailTraining["objectif"]))} {parse(String(DetailTraining["objectif"]))}
</div> </div>
}
</div> </div>
@ -1233,10 +1500,10 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="block_info_page_pave_title_desc_title"> <div className="block_info_page_pave_title_desc_title">
Programme Programme
</div> </div>
<div className="block_info_page_pave_title_desc_desc"> {DetailTraining["programme"] && <div className="block_info_page_pave_title_desc_desc">
{parse(String(DetailTraining["programme"]))} {parse(String(DetailTraining["programme"]))}
</div> </div>
}
</div> </div>
@ -1455,7 +1722,7 @@ const DisplayDetailClass_new_v2 = (props) => {
{GetCurrentClass_result && GetCurrentClass_result.length > 0 && <div className="block_sticky_info_Sessions"> {/*GetCurrentClass_result && GetCurrentClass_result.length > 0 && <div className="block_sticky_info_Sessions">
<div className="block_sticky_info_Sessions_title"> <div className="block_sticky_info_Sessions_title">
Les sessions : Les sessions :
</div> </div>
@ -1489,7 +1756,7 @@ const DisplayDetailClass_new_v2 = (props) => {
</div> </div>
</div>} </div>*/}
<div className="sticky_cats"> <div className="sticky_cats">
<div className="sticky_cats_buton_inscrire" onClick={Inscription_bton}> <div className="sticky_cats_buton_inscrire" onClick={Inscription_bton}>
@ -1537,7 +1804,7 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="block_crossell_meme_orga"> <div className="block_crossell_meme_orga" id="block_crossell_meme_orga">
<div className="sous_crossell"> <div className="sous_crossell">
@ -1617,17 +1884,17 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="sous_crossell_list_card_card_CAT"> <div className="sous_crossell_list_card_card_CAT">
<div className="sous_crossell_list_card_card_CAT_bton"> <div className="sous_crossell_list_card_card_CAT_bton" onClick={(e) => {
<div className="sous_crossell_list_card_card_CAT_bton_txt" onClick={(e) => { e.preventDefault();
e.preventDefault(); //test(props.formation.external_code);
//test(props.formation.external_code); window.open(
window.open( "/Display-Detail-formation/" + JSON.parse(formation).internal_url,
"/Display-Detail-formation_v2/" + JSON.parse(formation).internal_url, '_self'
'_self' );
);
}}> }}>
<div className="sous_crossell_list_card_card_CAT_bton_txt">
Voir les détails Voir les détails
</div> </div>
@ -2078,10 +2345,9 @@ Si non, on utilise le formumaire de mysy,.
</div> </div>
<div style={{ "width": "100%", "position": "relative" }} >
<div className="footer" id="footer">
<Footer /> <Footer />
</div> </div>
</div> </div>
</div> </div>

View File

@ -73,7 +73,7 @@ const Formation = (props) => {
}); });
} else { } else {
window.open( window.open(
"/Display-Detail-formation_v2/" + props.formation.internal_url, "/Display-Detail-formation/" + props.formation.internal_url,
'_blank' '_blank'
); );
} }
@ -244,7 +244,7 @@ const Formation = (props) => {
e.preventDefault(); e.preventDefault();
window.open( window.open(
"/Display-Detail-formation_v2/" + props.formation.internal_url, "/Display-Detail-formation/" + props.formation.internal_url,
'_blank' '_blank'
); );
@ -394,7 +394,7 @@ const Formation = (props) => {
<div className="media_sociaux" style={{ 'float': "left", marginTop: "0.2rem", }}> <div className="media_sociaux" style={{ 'float': "left", marginTop: "0.2rem", }}>
<FacebookShareButton <FacebookShareButton
url={"https://www.mysy-training.com/Display-Detail-formation_v2/" + props.formation.internal_url} url={"https://www.mysy-training.com/Display-Detail-formation/" + props.formation.internal_url}
quote={props.formation.title + " -- " + props.formation.description} quote={props.formation.title + " -- " + props.formation.description}
hashtag={"ySyTraining"} hashtag={"ySyTraining"}
@ -404,7 +404,7 @@ const Formation = (props) => {
&nbsp; &nbsp;
<TwitterShareButton <TwitterShareButton
url={"https://www.mysy-training.com/Display-Detail-formation_v2/" + props.formation.internal_url} url={"https://www.mysy-training.com/Display-Detail-formation/" + props.formation.internal_url}
hashtag={"#MySy-Formation"} hashtag={"#MySy-Formation"}
> >
<SocialIcon network="twitter" style={{ height: 20, width: 20 }} /> <SocialIcon network="twitter" style={{ height: 20, width: 20 }} />
@ -412,7 +412,7 @@ const Formation = (props) => {
&nbsp; &nbsp;
<LinkedinShareButton <LinkedinShareButton
url={"https://www.mysy-training.com/Display-Detail-formation_v2/" + props.formation.internal_url} url={"https://www.mysy-training.com/Display-Detail-formation/" + props.formation.internal_url}
title={" Une nouvelle formation : " + props.formation.title} title={" Une nouvelle formation : " + props.formation.title}
summary={props.formation.title + " -- " + props.formation.description} summary={props.formation.title + " -- " + props.formation.description}
@ -590,7 +590,7 @@ const Formation = (props) => {
e.preventDefault(); e.preventDefault();
window.open( window.open(
"/Display-Detail-formation_v2/" + props.formation.internal_url + "/Information", "/Display-Detail-formation/" + props.formation.internal_url + "/Information",
'_blank' '_blank'
); );
@ -606,7 +606,7 @@ const Formation = (props) => {
e.preventDefault(); e.preventDefault();
//test(props.formation.external_code); //test(props.formation.external_code);
window.open( window.open(
"/Display-Detail-formation_v2/" + props.formation.internal_url, "/Display-Detail-formation/" + props.formation.internal_url,
'_blank' '_blank'
); );
@ -621,7 +621,7 @@ const Formation = (props) => {
e.preventDefault(); e.preventDefault();
window.open( window.open(
"/Display-Detail-formation_v2/" + props.formation.internal_url + "/Inscription", "/Display-Detail-formation/" + props.formation.internal_url + "/Inscription",
'_blank' '_blank'
); );

View File

@ -390,6 +390,9 @@ function Inscription_Information(props) {
function AnnulerFction_info() { function AnnulerFction_info() {
clearfileds_info(); clearfileds_info();
setAnnulerFction_info_status("false"); setAnnulerFction_info_status("false");
if (props.Close_info_form)
props.Close_info_form();
} }
@ -568,6 +571,7 @@ function Inscription_Information(props) {
}; };
const [RatingValue, setRatingValue] = useState(); const [RatingValue, setRatingValue] = useState();
let datafromchild = "yaaaaa child";
return ( return (
<div className='inscription'> <div className='inscription'>
@ -622,7 +626,7 @@ function Inscription_Information(props) {
{(JSON.parse(formation).date_debut).substring(0, 10)} au {(JSON.parse(formation).date_fin).substring(0, 10)} - {(JSON.parse(formation).date_debut).substring(0, 10)} au {(JSON.parse(formation).date_fin).substring(0, 10)} -
{(JSON.parse(formation).distantiel) === "1" && " A Distance - "} {(JSON.parse(formation).distantiel) === "1" && " A Distance - "}
{(JSON.parse(formation).presentiel) === "1" && " En Présentiel - "+(JSON.parse(formation).adresse)+" "+(JSON.parse(formation).code_postal)} {(JSON.parse(formation).presentiel) === "1" && " En Présentiel - " + (JSON.parse(formation).adresse) + " " + (JSON.parse(formation).code_postal)}
@ -771,24 +775,23 @@ function Inscription_Information(props) {
<div className="div_row22">
{<div className="div_row">
<div className="div_row_droite" style={{ "textAlign": "right" }}>
<Button variant="contained" color="success" style={{
'borderRadius': "5px",
"fontSize": "small", "padding": "0.3rem",
"width": "60%",
"backgroundColor": "#81BC3A",
}}
onClick={RecordData}>Se pré-inscrire &nbsp; &nbsp; {<SendIcon />}</Button>
</div>
</Box>}
<div className="div_row22">
{<div className="div_row" style={{"width":"100%", "marginTop":"0.5rem"}}>
<div className="div_row_droite" style={{ "textAlign": "left", "width":"50%" }}>
<Button className="bton_envoyer"
onClick={RecordData}>Se pré-inscrire &nbsp; &nbsp; {<SendIcon />}</Button>
</div> </div>
{<div className="div_row_gauche" style={{ "textAlign": "right", "width":"50%" }}>
} <Button variant="contained" color="success" className="bton_fermer"
onClick={AnnulerFction_info}>Fermer &nbsp; &nbsp;{<IoCloseCircleOutline />}</Button>
</div>}
</div> </div>
</Box>} }
</div>
</div>} </div>}
{/* Gestion de la note/evaluation */} {/* Gestion de la note/evaluation */}
@ -899,10 +902,10 @@ function Inscription_Information(props) {
</div> </div>
{/* <div className="div_row_droite" style={{ "textAlign": "right" }}> {<div className="div_row_gauche" style={{ "textAlign": "right", "marginTop": "0.5rem" }}>
<Button variant="contained" color="success" className="bton_fermer" <Button variant="contained" color="success" className="bton_fermer"
onClick={AnnulerFction_info}>Fermer &nbsp; &nbsp;{<IoCloseCircleOutline />}</Button> onClick={AnnulerFction_info}>Fermer &nbsp; &nbsp;{<IoCloseCircleOutline />}</Button>
</div>*/} </div>}
</div> </div>
} }
@ -1049,18 +1052,19 @@ function Inscription_Information(props) {
<div> &nbsp;</div> <div> &nbsp;</div>
<div className="div_row22"> <div className="div_row22">
{<div className="div_row"> {<div className="div_row" style={{ "width": "100%" }}>
<div className="div_row_droite" style={{ "textAlign": "right", "marginTop": "0.5rem" }}> <div className="div_row_droite" style={{ "textAlign": "left", "marginTop": "0.5rem" }}>
<Button variant="contained" className="bton_envoyer" <Button variant="contained" className="bton_envoyer"
onClick={SendInformationRequest} onClick={SendInformationRequest}
startIcon={<SendIcon />}>Envoyer &nbsp; &nbsp; {<SendIcon />}</Button> startIcon={<SendIcon />}>Envoyer &nbsp; &nbsp; {<SendIcon />}</Button>
</div> </div>
{/* <div className="div_row_droite" style={{ "textAlign": "right" }}>
{<div className="div_row_gauche" style={{ "textAlign": "right", "marginTop": "0.5rem" }}>
<Button variant="contained" color="success" className="bton_fermer" <Button variant="contained" color="success" className="bton_fermer"
onClick={AnnulerFction_info}>Fermer &nbsp; &nbsp;{<IoCloseCircleOutline />}</Button> onClick={AnnulerFction_info}>Fermer &nbsp; &nbsp;{<IoCloseCircleOutline />}</Button>
</div>*/} </div>}
</div> </div>
} }

View File

@ -480,14 +480,15 @@ Recuperation de toutes les formation du partenaire
{global_view_data && global_view_data.length > 3 && <div className="row"> {global_view_data && global_view_data.length > 3 && <div className="row">
<div className="section col-md-6"> <div className="section col-md-6">
<h3 className="section-title">Line Chart a (global)</h3> <h3 className="section-title">Graphique en ligne (Toute formation)</h3>
<div className="section-content"> <div className="section-content">
<Chart options={options_global_view} series={series_Gobal} type="line" /> <Chart options={options_global_view} series={series_Gobal} type="line" />
</div> </div>
</div> </div>
<div className="section col-md-6"> <div className="section col-md-6">
<h3 className="section-title">Bar Chart b (global) </h3> <h3 className="section-title">
Diagramme à bandes (Toute formation) </h3>
<div className="section-content"> <div className="section-content">
<Chart options={options_global_view} series={series_Gobal} type="bar" /> <Chart options={options_global_view} series={series_Gobal} type="bar" />
</div> </div>
@ -516,7 +517,7 @@ Recuperation de toutes les formation du partenaire
</div> </div>
<div className="section col-md-6"> <div className="section col-md-6">
<h3 className="section-title">Line Chart a - la </h3> <h3 className="section-title"> Histogramme </h3>
<div className="section-content"> <div className="section-content">
<Chart options={options_detail} series={series_detail} type="line" /> <Chart options={options_detail} series={series_detail} type="line" />
</div> </div>

View File

@ -115,7 +115,7 @@ const Recherche_new_v2 = () => {
const [initAllfiter, setinitAllfiter] = useState(); const [initAllfiter, setinitAllfiter] = useState();
const testDivRef = useRef(null); const testDivRef = useRef(null);
const [partcookie, setpartCookie, removepartCookie] = useCookies(['tokenmysypart']); const [partcookie, setpartCookie, removepartCookie] = useCookies(['tokenmysypart']);
const inputEl = useRef(null);
@ -179,6 +179,8 @@ const Recherche_new_v2 = () => {
var val = String(event.target.value).toLocaleLowerCase(); var val = String(event.target.value).toLocaleLowerCase();
let matches = []; let matches = [];
// 13/01 : A faire absolument. j'ai bloqué car bug d'affichage (pas au bon endroit)
/*
if (String(val).length > 2) { if (String(val).length > 2) {
matches = suggestedwords.filter(usr => { matches = suggestedwords.filter(usr => {
//alert(JSON.parse(usr).name ); //alert(JSON.parse(usr).name );
@ -189,11 +191,12 @@ const Recherche_new_v2 = () => {
) )
} }
*/
//console.log("matches = " + matches); //console.log("matches = " + matches);
setsuggestion2(matches); setsuggestion2(matches);
settext(event.target.value); settext(event.target.value);
} }
function SearchcitiesHandle(event) { function SearchcitiesHandle(event) {
@ -236,6 +239,8 @@ const Recherche_new_v2 = () => {
if (document.getElementById("supoort_list_derou")) { if (document.getElementById("supoort_list_derou")) {
crit_TrainingSupport = document.getElementById("supoort_list_derou").value; crit_TrainingSupport = document.getElementById("supoort_list_derou").value;
console.log("crit_TrainingSupport = ", crit_TrainingSupport);
if (crit_TrainingSupport.length > 0) { if (crit_TrainingSupport.length > 0) {
filtre1 = result.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); filtre1 = result.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport);
setv11(filtre1); setv11(filtre1);
@ -987,7 +992,7 @@ const Recherche_new_v2 = () => {
} }
).then((response) => response.json()) ).then((response) => response.json())
.then((result) => { .then((result) => {
console.log('Success:', result['message']); //console.log('Success:', result['message']);
setsuggestedwords(result['message']); setsuggestedwords(result['message']);
@ -1138,7 +1143,7 @@ const Recherche_new_v2 = () => {
function DisplayClassByDomainFilter() { function DisplayClassByDomainFilter() {
var tab_domaine = list_domaine.split(";") var tab_domaine = list_domaine.split(";")
console.log("tab_domaine = ", tab_domaine) //console.log("tab_domaine = ", tab_domaine)
if (tab_domaine.length <= 0) { if (tab_domaine.length <= 0) {
setdomaine_v11(domaine_v11_orig); setdomaine_v11(domaine_v11_orig);
@ -1377,6 +1382,7 @@ const Recherche_new_v2 = () => {
scrollDiv.current.scrollIntoView({ behavior: "smooth" }); scrollDiv.current.scrollIntoView({ behavior: "smooth" });
} }
} }
else { else {
//console.log(" In test res.data.status = " + res.data.status); //console.log(" In test res.data.status = " + res.data.status);
//console.log(" In test res.data.message = " + res.data.message); //console.log(" In test res.data.message = " + res.data.message);
@ -1392,6 +1398,11 @@ const Recherche_new_v2 = () => {
//setmyApimyApiMessage("") //setmyApimyApiMessage("")
}) })
window.scrollTo(0, 600);
} }
// Cette fonction affiche les X premieres formations // Cette fonction affiche les X premieres formations
@ -1679,6 +1690,13 @@ const Recherche_new_v2 = () => {
check_metier = document.querySelector('input[name="metier_radio"]:checked').value; check_metier = document.querySelector('input[name="metier_radio"]:checked').value;
} }
// Reinitialisation des filtre
annulefiltrecertif();
annulefiltresupportchecked();
annulefiltretypechecked();
annulefiltrelieuchecked();
annulefiltrecpf();
if (check_metier === "tout") { if (check_metier === "tout") {
//alert(" tout et sortir"); //alert(" tout et sortir");
@ -1709,8 +1727,8 @@ const Recherche_new_v2 = () => {
//textInput.current.focus(); //textInput.current.focus();
setbesoinaiderecherche(""); setbesoinaiderecherche("");
setnewresult(""); setnewresult("");
console.log(" In getClassByMetier res.data.status = " + res.data.status); //console.log(" In getClassByMetier res.data.status = " + res.data.status);
console.log(" In getClassByMetier res.data.message = " + res.data.message); //console.log(" In getClassByMetier res.data.message = " + res.data.message);
//setnewresult(res.data.message); //setnewresult(res.data.message);
setCurrentPage2(1); setCurrentPage2(1);
if (scrollDiv.current) { if (scrollDiv.current) {
@ -1948,74 +1966,75 @@ const Recherche_new_v2 = () => {
const [certifchecked, setcertifchecked] = useState(); const [certifchecked, setcertifchecked] = useState();
function annulefiltrecertif() { function annulefiltrecertif() {
var radio = document.querySelector('input[name="TrainingCertif"]:checked'); if (document.querySelector('input[name="TrainingCertif"]:checked')) {
radio.checked = false; var radio = document.querySelector('input[name="TrainingCertif"]:checked');
setcertifchecked(""); radio.checked = false;
setcertifchecked("");
var toto = ""; var toto = "";
var filtre1 = ""; var filtre1 = "";
// Reinitialisation // Reinitialisation
filtre1 = result; filtre1 = result;
setv11(filtre1); setv11(filtre1);
// recuperation du filtre du support // recuperation du filtre du support
var crit_TrainingSupport = ""; var crit_TrainingSupport = "";
if (document.getElementById("supoort_list_derou")) { if (document.getElementById("supoort_list_derou")) {
crit_TrainingSupport = document.getElementById("supoort_list_derou").value; crit_TrainingSupport = document.getElementById("supoort_list_derou").value;
if (crit_TrainingSupport.length > 0) if (crit_TrainingSupport.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport);
}
// recuperation du filtre du CPF
var crit_TrainingCPF = "";
if (document.querySelector('input[name="TrainingCPF"]:checked')) {
crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value;
if (crit_TrainingCPF.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF);
}
// recuperation du filtre du type
var crit_TrainingType = "";
if (document.querySelector('input[name="TrainingType"]:checked')) {
crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value
if (crit_TrainingType.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingType);
}
// recuperation du filtre de la distance
var crit_Trainingdistance = "";
if (document.querySelector('input[name="TrainingPresentiel"]:checked')) {
crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value
if (crit_Trainingdistance.length > 0) {
// filtre presentiel = 1
if (String(crit_Trainingdistance) === String("1")) {
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1");
setv11(filtre1);
}
else if (String(crit_Trainingdistance) === String("0")) {
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1");
setv11(filtre1);
}
} }
// recuperation du filtre du CPF
var crit_TrainingCPF = "";
if (document.querySelector('input[name="TrainingCPF"]:checked')) {
crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value;
if (crit_TrainingCPF.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF);
}
// recuperation du filtre du type
var crit_TrainingType = "";
if (document.querySelector('input[name="TrainingType"]:checked')) {
crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value
if (crit_TrainingType.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingType);
}
// recuperation du filtre de la distance
var crit_Trainingdistance = "";
if (document.querySelector('input[name="TrainingPresentiel"]:checked')) {
crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value
if (crit_Trainingdistance.length > 0) {
// filtre presentiel = 1
if (String(crit_Trainingdistance) === String("1")) {
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1");
setv11(filtre1);
}
else if (String(crit_Trainingdistance) === String("0")) {
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1");
setv11(filtre1);
}
}
}
var crit_TrainingPrice = range_price.min + ":" + range_price.max;
setnewresult(filtre1);
//alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType);
//console.log("############################ filtre1 = " + filtre1);
setCurrentPage2(1);
//console.log(" ????????????????????????????filtre2 = "+filtre2);
} }
var crit_TrainingPrice = range_price.min + ":" + range_price.max;
setnewresult(filtre1);
//alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType);
//console.log("############################ filtre1 = " + filtre1);
setCurrentPage2(1);
//console.log(" ????????????????????????????filtre2 = "+filtre2);
return; return;
@ -2023,74 +2042,75 @@ const Recherche_new_v2 = () => {
function annulefiltrecpf() { function annulefiltrecpf() {
var radio = document.querySelector('input[name="TrainingCPF"]:checked'); if (document.querySelector('input[name="TrainingCPF"]:checked')) {
radio.checked = false; var radio = document.querySelector('input[name="TrainingCPF"]:checked');
setcpfchecked(""); radio.checked = false;
setcpfchecked("");
var toto = ""; var toto = "";
var filtre1 = ""; var filtre1 = "";
// Reinitialisation // Reinitialisation
filtre1 = result; filtre1 = result;
setv11(filtre1); setv11(filtre1);
// recuperation du filtre de la certification // recuperation du filtre de la certification
var crit_TrainingCertif = ""; var crit_TrainingCertif = "";
if (document.querySelector('input[name="TrainingCertif"]:checked')) { if (document.querySelector('input[name="TrainingCertif"]:checked')) {
crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value; crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value;
if (crit_TrainingCertif.length > 0) if (crit_TrainingCertif.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif); filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif);
}
// recuperation du filtre du support
var crit_TrainingSupport = "";
if (document.getElementById("supoort_list_derou")) {
crit_TrainingSupport = document.getElementById("supoort_list_derou").value;
if (crit_TrainingSupport.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport);
}
// recuperation du filtre du type
var crit_TrainingType = "";
if (document.querySelector('input[name="TrainingType"]:checked')) {
crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value
if (crit_TrainingType.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingType);
}
// recuperation du filtre de la distance
var crit_Trainingdistance = "";
if (document.querySelector('input[name="TrainingPresentiel"]:checked')) {
crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value
if (crit_Trainingdistance.length > 0) {
// filtre presentiel = 1
if (String(crit_Trainingdistance) === String("1")) {
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1");
setv11(filtre1);
}
else if (String(crit_Trainingdistance) === String("0")) {
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1");
setv11(filtre1);
}
} }
// recuperation du filtre du support
var crit_TrainingSupport = "";
if (document.getElementById("supoort_list_derou")) {
crit_TrainingSupport = document.getElementById("supoort_list_derou").value;
if (crit_TrainingSupport.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport);
}
// recuperation du filtre du type
var crit_TrainingType = "";
if (document.querySelector('input[name="TrainingType"]:checked')) {
crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value
if (crit_TrainingType.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingType);
}
// recuperation du filtre de la distance
var crit_Trainingdistance = "";
if (document.querySelector('input[name="TrainingPresentiel"]:checked')) {
crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value
if (crit_Trainingdistance.length > 0) {
// filtre presentiel = 1
if (String(crit_Trainingdistance) === String("1")) {
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1");
setv11(filtre1);
}
else if (String(crit_Trainingdistance) === String("0")) {
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1");
setv11(filtre1);
}
}
}
var crit_TrainingPrice = range_price.min + ":" + range_price.max;
setnewresult(filtre1);
//alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType);
//console.log("############################ filtre1 = " + filtre1);
setCurrentPage2(1);
//console.log(" ????????????????????????????filtre2 = "+filtre2);
} }
var crit_TrainingPrice = range_price.min + ":" + range_price.max;
setnewresult(filtre1);
//alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType);
//console.log("############################ filtre1 = " + filtre1);
setCurrentPage2(1);
//console.log(" ????????????????????????????filtre2 = "+filtre2);
return; return;
@ -2171,77 +2191,79 @@ const Recherche_new_v2 = () => {
const [typechecked, settypechecked] = useState(); const [typechecked, settypechecked] = useState();
function annulefiltretypechecked() { function annulefiltretypechecked() {
var radio = document.querySelector('input[name="TrainingType"]:checked');
radio.checked = false;
settypechecked("");
var toto = ""; if (document.querySelector('input[name="TrainingType"]:checked')) {
var filtre1 = ""; var radio = document.querySelector('input[name="TrainingType"]:checked');
var filtre2 = ""; radio.checked = false;
var filtre3 = ""; settypechecked("");
var toto = "";
var filtre1 = "";
var filtre2 = "";
var filtre3 = "";
// Reinitialisation // Reinitialisation
filtre1 = result; filtre1 = result;
setv11(filtre1); setv11(filtre1);
//alert("rinitialisation") //alert("rinitialisation")
; ;
// recuperation du filtre du support // recuperation du filtre du support
var crit_TrainingSupport = ""; var crit_TrainingSupport = "";
if (document.getElementById("supoort_list_derou")) { if (document.getElementById("supoort_list_derou")) {
crit_TrainingSupport = document.getElementById("supoort_list_derou").value; crit_TrainingSupport = document.getElementById("supoort_list_derou").value;
if (crit_TrainingSupport.length > 0) if (crit_TrainingSupport.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport);
}
// recuperation du filtre du certificat
var crit_TrainingCertif = "";
if (document.querySelector('input[name="TrainingCertif"]:checked')) {
crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value
if (crit_TrainingCertif.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif);
}
// recuperation du filtre du CPF
var crit_TrainingCPF = "";
if (document.querySelector('input[name="TrainingCPF"]:checked')) {
crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value;
if (crit_TrainingCPF.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF);
}
// recuperation du filtre de la distance
var crit_Trainingdistance = "";
if (document.querySelector('input[name="TrainingPresentiel"]:checked')) {
crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value
if (crit_Trainingdistance.length > 0) {
// filtre presentiel = 1
if (String(crit_Trainingdistance) === String("1")) {
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1");
setv11(filtre1);
}
else if (String(crit_Trainingdistance) === String("0")) {
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1");
setv11(filtre1);
}
} }
// recuperation du filtre du certificat
var crit_TrainingCertif = "";
if (document.querySelector('input[name="TrainingCertif"]:checked')) {
crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value
if (crit_TrainingCertif.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif);
}
// recuperation du filtre du CPF
var crit_TrainingCPF = "";
if (document.querySelector('input[name="TrainingCPF"]:checked')) {
crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value;
if (crit_TrainingCPF.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF);
}
// recuperation du filtre de la distance
var crit_Trainingdistance = "";
if (document.querySelector('input[name="TrainingPresentiel"]:checked')) {
crit_Trainingdistance = document.querySelector('input[name="TrainingPresentiel"]:checked').value
if (crit_Trainingdistance.length > 0) {
// filtre presentiel = 1
if (String(crit_Trainingdistance) === String("1")) {
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.distantiel === "1");
setv11(filtre1);
}
else if (String(crit_Trainingdistance) === String("0")) {
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).presentiel.presentiel === "1");
setv11(filtre1);
}
}
}
setnewresult(filtre1);
//alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType);
//console.log("############################ filtre1 = " + filtre1);
setCurrentPage2(1);
//console.log(" ????????????????????????????filtre2 = "+filtre2);
} }
setnewresult(filtre1);
//alert("crit_TrainingCertif = " + crit_TrainingCertif + " ET crit_TrainingSupport = " + crit_TrainingSupport + " ET crit_TrainingType = " + crit_TrainingType);
//console.log("############################ filtre1 = " + filtre1);
setCurrentPage2(1);
//console.log(" ????????????????????????????filtre2 = "+filtre2);
return; return;
} }
@ -2249,58 +2271,60 @@ const Recherche_new_v2 = () => {
const [lieuchecked, setlieuchecked] = useState(); const [lieuchecked, setlieuchecked] = useState();
function annulefiltrelieuchecked() { function annulefiltrelieuchecked() {
var radio = document.querySelector('input[name="TrainingPresentiel"]:checked'); if (document.querySelector('input[name="TrainingPresentiel"]:checked')) {
radio.checked = false; var radio = document.querySelector('input[name="TrainingPresentiel"]:checked');
setlieuchecked(""); radio.checked = false;
var toto = ""; setlieuchecked("");
var filtre1 = ""; var toto = "";
settrainingonsite(''); var filtre1 = "";
settrainingonsite('');
//reinitialisation des filtres //reinitialisation des filtres
filtre1 = result; filtre1 = result;
setv11(filtre1); setv11(filtre1);
// Annulation de la suggestion de villes // Annulation de la suggestion de villes
setsuggestioncities([]); setsuggestioncities([]);
/* Recuperation des autres filtres */ /* Recuperation des autres filtres */
// recuperation du filtre du support // recuperation du filtre du support
var crit_TrainingSupport = ""; var crit_TrainingSupport = "";
if (document.getElementById("supoort_list_derou")) { if (document.getElementById("supoort_list_derou")) {
crit_TrainingSupport = document.getElementById("supoort_list_derou").value; crit_TrainingSupport = document.getElementById("supoort_list_derou").value;
if (crit_TrainingSupport.length > 0) if (crit_TrainingSupport.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport); filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).support === crit_TrainingSupport);
}
// recuperation du filtre du certification
var crit_TrainingCertif = "";
if (document.querySelector('input[name="TrainingCertif"]:checked')) {
crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value;
if (crit_TrainingCertif.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif);
}
// recuperation du filtre du CPF
var crit_TrainingCPF = "";
if (document.querySelector('input[name="TrainingCPF"]:checked')) {
crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value;
if (crit_TrainingCPF.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF);
}
// recuperation du filtre du type (cours, tuto, etc)
var crit_TrainingType = "";
if (document.querySelector('input[name="TrainingType"]:checked')) {
crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value;
if (crit_TrainingType.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType);
}
setnewresult(filtre1);
setCurrentPage2(1);
} }
// recuperation du filtre du certification
var crit_TrainingCertif = "";
if (document.querySelector('input[name="TrainingCertif"]:checked')) {
crit_TrainingCertif = document.querySelector('input[name="TrainingCertif"]:checked').value;
if (crit_TrainingCertif.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).certif === crit_TrainingCertif);
}
// recuperation du filtre du CPF
var crit_TrainingCPF = "";
if (document.querySelector('input[name="TrainingCPF"]:checked')) {
crit_TrainingCPF = document.querySelector('input[name="TrainingCPF"]:checked').value;
if (crit_TrainingCPF.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).cpf === crit_TrainingCPF);
}
// recuperation du filtre du type (cours, tuto, etc)
var crit_TrainingType = "";
if (document.querySelector('input[name="TrainingType"]:checked')) {
crit_TrainingType = document.querySelector('input[name="TrainingType"]:checked').value;
if (crit_TrainingType.length > 0)
filtre1 = filtre1.filter((maformation) => JSON.parse(maformation).type === crit_TrainingType);
}
setnewresult(filtre1);
setCurrentPage2(1);
} }
function OnblurHandle(e) { function OnblurHandle(e) {
@ -2580,14 +2604,16 @@ const Recherche_new_v2 = () => {
<div className="Background_Header"> <div className="Background_Header">
</div> </div>
<div className="logo"> <a href={process.env.REACT_APP_BASE_URL} style={{ "textDecoration": "none" }}>
<div className="logo">
<img className="Logo_MySy" src={mysy_logo2} alt="MySy Training Technology" /> <img className="Logo_MySy" src={mysy_logo2} alt="MySy Training Technology" />
<nav className="training">TRAINING</nav> <nav className="training">TRAINING</nav>
</div> </div>
</a>
<div className="Menu_Header"> <div className="Menu_Header">
<nav className="header_menu" onClick={handleBlogMenu}> Le blog </nav> <nav className="header_menu" onClick={handleBlogMenu}> Le blog </nav>
<nav className="header_menu" onClick={handleProduitMenu}> <nav className="header_menu" onClick={handleProduitMenu}>
@ -2595,15 +2621,15 @@ const Recherche_new_v2 = () => {
</nav> </nav>
<nav className="header_menu"> &nbsp; </nav> <nav className="header_menu"> &nbsp; </nav>
<nav className="bar_vert"> </nav> <nav className="bar_vert"> </nav>
<nav className="cta1"> <nav className="cta1">
{String(someoneconnected) !== String("1") && <nav className="cta2"> {String(someoneconnected) !== String("1") && <nav className="cta2">
<nav className="minscrire"> <nav className="minscrire">
<div className="minscrire" onClick={handleAccountCreation}> <div className="minscrire" onClick={handleAccountCreation}>
Minscrire Minscrire
</div> </div>
@ -3014,7 +3040,7 @@ const Recherche_new_v2 = () => {
id="supoort_list_derou" name="supoort_list_derou" > id="supoort_list_derou" name="supoort_list_derou" >
<option selected value="">Choisir</option> <option selected value="">Choisir</option>
<option value="video">Video</option> <option value="video">Video</option>
<option value="rv">Realité Virtuelle</option> <option value="réalité virtuelle">Realité Virtuelle</option>
<option value="document">Document</option> <option value="document">Document</option>
<option value="mixte">Mixte</option> <option value="mixte">Mixte</option>
@ -3072,7 +3098,7 @@ const Recherche_new_v2 = () => {
Tous les metiers Tous les metiers
</div> </div>
<div className="filter_metier_sous_block_content_txt_nb"> <div className="filter_metier_sous_block_content_txt_nb">
270 formations
</div> </div>
</div> </div>
</div> </div>
@ -3087,7 +3113,7 @@ const Recherche_new_v2 = () => {
Informatique Informatique
</div> </div>
<div className="filter_metier_sous_block_content_txt_nb"> <div className="filter_metier_sous_block_content_txt_nb">
270 formations
</div> </div>
</div> </div>
</div> </div>
@ -3103,7 +3129,7 @@ const Recherche_new_v2 = () => {
Graphisme Graphisme
</div> </div>
<div className="filter_metier_sous_block_content_txt_nb"> <div className="filter_metier_sous_block_content_txt_nb">
21 formations
</div> </div>
</div> </div>
</div> </div>
@ -3118,7 +3144,7 @@ const Recherche_new_v2 = () => {
Projets Projets
</div> </div>
<div className="filter_metier_sous_block_content_txt_nb"> <div className="filter_metier_sous_block_content_txt_nb">
21 formations
</div> </div>
</div> </div>
@ -3147,7 +3173,7 @@ const Recherche_new_v2 = () => {
Management Management
</div> </div>
<div className="filter_metier_sous_block_content_txt_nb"> <div className="filter_metier_sous_block_content_txt_nb">
211 formations
</div> </div>
</div> </div>
@ -3375,7 +3401,7 @@ const Recherche_new_v2 = () => {
{result && myApiResponse == "True" && fin == 0 && !newresult && {result && myApiResponse == "True" && fin == 0 && !newresult &&
result.slice(0, PageSize).map((formation) => ( result.slice(0, PageSize).map((formation) => (
<div className="rech_list_formation2" > <div className="rech_list_formation2" ref={inputEl} id="inputEl_element">
<Formation formation={JSON.parse(formation)} key={JSON.parse(formation).title} coeur={JSON.parse(formation).title} /> <Formation formation={JSON.parse(formation)} key={JSON.parse(formation).title} coeur={JSON.parse(formation).title} />
</div> </div>
@ -3452,7 +3478,7 @@ const Recherche_new_v2 = () => {
</div> </div>
<div className="block_actualite"> <div className="block_actualite" >
<div className="block_actualite_sous_block"> <div className="block_actualite_sous_block">
<div className="block_actualite_sous_block_text">Notre actualité <div className="block_actualite_sous_block_text">Notre actualité
@ -3570,7 +3596,7 @@ const Recherche_new_v2 = () => {
<div className="block_partner_sous_block_logo_desc_desc2"> <div className="block_partner_sous_block_logo_desc_desc2">
Devenez notre partenaire et publiez vos formations tout en bénéficiant d'un accompagnement sur mesure pour votre plan de marketing. Devenez notre partenaire et publiez vos formations tout en bénéficiant d'un accompagnement sur mesure pour votre plan de marketing.
</div> </div>
</div> </div>

View File

@ -87,11 +87,6 @@ const SideBar = () => {
</NavLink> </NavLink>
<NavLink exact to={"/mysy-user-account"} activeClassName={"nav-active"}>
Mon compte
</NavLink>
<NavLink exact to={"/recherche-formation"} activeClassName={"nav-active"}> <NavLink exact to={"/recherche-formation"} activeClassName={"nav-active"}>
Recherche formation Recherche formation
</NavLink> </NavLink>

View File

@ -22,7 +22,7 @@ const NotFound = () => {
</Helmet> </Helmet>
<Header /> <Header />
<div className="div_mobile"> <div className="div_mobile">
<div className="nom_prenom"> Le site MySy Training Technology ne connait pas cette page</div> <div className="nom_prenom"> Le site MySy Training Technology ne connait pas cette page</div>
<div className="nom_prenom"> <a href={process.env.REACT_APP_BASE_URL}> Essayez ce lien </a> </div> <div className="nom_prenom"> <a href={process.env.REACT_APP_BASE_URL}> Essayez ce lien </a> </div>

View File

@ -441,7 +441,7 @@
width: 327px; width: 327px;
height: 116px; height: 116px;
left: 20px; left: 20px;
top: 190px; top: 210px;
} }
.mob_block_content_rating { .mob_block_content_rating {
@ -493,11 +493,11 @@
width: 277px; width: 277px;
height: 28px; height: 28px;
left: 24px; left: 24px;
top: 320px; top: 330px;
font-family: 'Albert Sans'; font-family: 'Albert Sans';
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 600;
font-size: 22px; font-size: 22px;
line-height: 38px; line-height: 38px;
display: flex; display: flex;
@ -764,7 +764,7 @@
gap: 4px; gap: 4px;
width: 100%; width: 100%;
height: 19px; height: 22px;
/* Inside auto layout */ /* Inside auto layout */
@ -1331,6 +1331,20 @@
width: 20px !important; width: 20px !important;
} }
.mob_block_jeminforme {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 4px;
position: absolute;
width: 90%;
height: 42px;
left: 24px;
top: 1100px;
}
.mob_block_organisme_ftion { .mob_block_organisme_ftion {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -1396,7 +1410,7 @@
border-radius: 10px; border-radius: 10px;
border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;
max-width: 90%; max-height: 100px;
} }
.css-ryrseu-MuiRating-root { .css-ryrseu-MuiRating-root {
@ -2290,7 +2304,7 @@
position: absolute; position: absolute;
width: 61%; width: 61%;
height: 1110px; //height: 1110px;
left: 10px; left: 10px;
top: 350px; top: 350px;
text-align: left; text-align: left;
@ -2321,9 +2335,9 @@
flex: none; flex: none;
order: 0; order: 0;
flex-grow: 0; flex-grow: 0;
max-height: 25rem; //max-height: 25rem;
min-height: 20rem; //min-height: 20rem;
overflow: hidden; //overflow: hidden;
} }
@ -2352,9 +2366,9 @@
flex: none; flex: none;
order: 0; order: 0;
flex-grow: 0; flex-grow: 0;
max-height: 55rem; //max-height: 55rem;
min-height: 20rem; //min-height: 20rem;
overflow: hidden; //overflow: hidden;
} }
@ -2422,7 +2436,7 @@
position: relative; position: relative;
width: 35%; width: 35%;
height: 1000px; height: 800px;
left: 63%; left: 63%;
top: 160px; top: 160px;
//border: solid; //border: solid;
@ -2885,7 +2899,7 @@
//width: 80px; //width: 80px;
height: 16px; height: 16px;
//left: 965px; //left: 965px;
top: 900px; top: 700px;
left: 35%; left: 35%;
} }
@ -2947,7 +2961,7 @@
text-align: center; text-align: center;
height: 42px; height: 42px;
// left: 965px; // left: 965px;
top: 950px; top: 750px;
} }
.sticky_organisme_title_desc_title { .sticky_organisme_title_desc_title {
@ -3009,7 +3023,7 @@
position: absolute; position: absolute;
//width: 100%; //width: 100%;
height: 629px; //height: 629px;
left: 15px; left: 15px;
top: 2800px; top: 2800px;
@ -3372,6 +3386,12 @@
.css-iljtu2-MuiRating-root { .css-iljtu2-MuiRating-root {
font-size: 1.2rem; font-size: 1.2rem;
} }
.footer {
width: 100%;
position: relative;
//top: 50px;
}
} }
@media only screen and (min-width: 992px) and (max-width: 1199px) { @media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -4251,7 +4271,7 @@
position: absolute; position: absolute;
width: 65%; width: 65%;
height: 1110px; //height: 1110px;
left: 30px; left: 30px;
top: 350px; top: 350px;
text-align: left; text-align: left;
@ -4282,9 +4302,9 @@
flex: none; flex: none;
order: 0; order: 0;
flex-grow: 0; flex-grow: 0;
max-height: 15rem; // max-height: 15rem;
min-height: 15rem; //min-height: 15rem;
overflow: hidden; //overflow: hidden;
} }
@ -4313,9 +4333,9 @@
flex: none; flex: none;
order: 0; order: 0;
flex-grow: 0; flex-grow: 0;
max-height: 40rem; //max-height: 40rem;
min-height: 20rem; //min-height: 20rem;
overflow: hidden; //overflow: hidden;
} }
@ -4383,7 +4403,7 @@
position: relative; position: relative;
width: 30%; width: 30%;
height: 1000px; height: 800px;
left: 68%; left: 68%;
top: 160px; top: 160px;
//border: solid; //border: solid;
@ -4846,7 +4866,7 @@
//width: 80px; //width: 80px;
height: 16px; height: 16px;
//left: 965px; //left: 965px;
top: 900px; top: 700px;
left: 35%; left: 35%;
} }
@ -4908,7 +4928,7 @@
text-align: center; text-align: center;
height: 42px; height: 42px;
// left: 965px; // left: 965px;
top: 950px; top: 750px;
} }
.sticky_organisme_title_desc_title { .sticky_organisme_title_desc_title {
@ -4970,7 +4990,7 @@
position: absolute; position: absolute;
width: 90%; width: 90%;
height: 629px; //height: 629px;
left: 5%; left: 5%;
top: 2200px; top: 2200px;
@ -5332,6 +5352,12 @@
.css-iljtu2-MuiRating-root { .css-iljtu2-MuiRating-root {
font-size: 1.2rem; font-size: 1.2rem;
} }
.footer {
width: 100%;
position: relative;
//top: 250px;
}
} }
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
@ -6228,7 +6254,7 @@
position: absolute; position: absolute;
width: 60%; width: 60%;
height: 1110px; //height: 1110px;
left: 182px; left: 182px;
top: 350px; top: 350px;
text-align: left; text-align: left;
@ -6259,9 +6285,9 @@
flex: none; flex: none;
order: 0; order: 0;
flex-grow: 0; flex-grow: 0;
max-height: 15rem; //max-height: 15rem;
min-height: 15rem; //min-height: 15rem;
overflow: hidden; //overflow: hidden;
} }
@ -6290,9 +6316,9 @@
flex: none; flex: none;
order: 0; order: 0;
flex-grow: 0; flex-grow: 0;
max-height: 40rem; //max-height: 40rem;
min-height: 20rem; //min-height: 20rem;
overflow: hidden; //overflow: hidden;
} }
@ -6360,7 +6386,7 @@
position: relative; position: relative;
width: 309px; width: 309px;
height: 1000px; height: 800px;
left: 74%; left: 74%;
top: 160px; top: 160px;
//border: solid; //border: solid;
@ -6823,7 +6849,7 @@
//width: 80px; //width: 80px;
height: 16px; height: 16px;
//left: 965px; //left: 965px;
top: 900px; top: 700px;
left: 35%; left: 35%;
} }
@ -6885,7 +6911,7 @@
text-align: center; text-align: center;
height: 42px; height: 42px;
// left: 965px; // left: 965px;
top: 950px; top: 750px;
} }
.sticky_organisme_title_desc_title { .sticky_organisme_title_desc_title {
@ -6947,7 +6973,7 @@
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 629px; //height: 629px;
left: 182px; left: 182px;
top: 2200px; top: 2200px;
@ -7309,6 +7335,14 @@
.css-iljtu2-MuiRating-root { .css-iljtu2-MuiRating-root {
font-size: 1.2rem; font-size: 1.2rem;
} }
.footer {
width: 100%;
position: relative;
//top: 250px;
z-index: -1;
}
} }
// end media // end media

View File

@ -100,6 +100,7 @@
padding: 0.3rem; padding: 0.3rem;
width: 90%; width: 90%;
background: #81BC3A; background: #81BC3A;
height: 2rem;
} }
@ -111,6 +112,7 @@
width: 90%; width: 90%;
background-color: white; background-color: white;
color: #104277 !important; color: #104277 !important;
height: 2rem;
} }
} }
@ -319,8 +321,9 @@
border-radius: 5px; border-radius: 5px;
font-size: small; font-size: small;
padding: 0.3rem; padding: 0.3rem;
width: 60%; width: 50%;
background: #81BC3A; background: #81BC3A;
height: 2rem;
} }
@ -329,9 +332,10 @@
border-radius: 5px; border-radius: 5px;
font-size: small; font-size: small;
padding: 0.3rem; padding: 0.3rem;
width: 60%; width: 50%;
background-color: white; background-color: white;
color: #104277 !important; color: #104277 !important;
height: 2rem;
} }
} }
@ -362,7 +366,7 @@
float: left; float: left;
// border:1px solid black; // border:1px solid black;
// border-width:0.01rem; // border-width:0.01rem;
width: 45%; width: 50%;
border-radius: 1rem; border-radius: 1rem;
} }
@ -370,7 +374,7 @@
float: right; float: right;
//border:1px solid black; //border:1px solid black;
//border-width:0.01rem; //border-width:0.01rem;
width: 45%; width: 50%;
border-radius: 1rem; border-radius: 1rem;
} }
@ -435,8 +439,9 @@
border-radius: 5px; border-radius: 5px;
font-size: small; font-size: small;
padding: 0.3rem; padding: 0.3rem;
width: 60%; width: 50%;
background: #81BC3A; background: #81BC3A;
height: 2rem;
} }
@ -444,9 +449,10 @@
border-radius: 5px; border-radius: 5px;
font-size: small; font-size: small;
padding: 0.3rem; padding: 0.3rem;
width: 60%; width: 50%;
background-color: white; background-color: white;
color: #104277 !important; color: #104277 !important;
height: 2rem;
} }
.survey_block{ .survey_block{

View File

@ -83,11 +83,8 @@
z-index: 50; z-index: 50;
width: 100%; width: 100%;
float: left; float: left;
margin-top: 10rem; top: calc(100vh - 150px);
position: absolute;
@media only screen and (min-height: 801px) {
margin-top: 35rem;
}
} }
@ -174,16 +171,8 @@
z-index: 50; z-index: 50;
width: 100%; width: 100%;
float: left; float: left;
margin-top: 2rem; top: calc(100vh - 150px);
position: absolute;
@media only screen and (min-height: 1000px) { /* Ipaid */
margin-top: 40rem;
}
@media only screen and (min-height: 1101px) { /* Ipad Air */
margin-top: 60rem;
}
} }
@ -271,11 +260,8 @@
z-index: 50; z-index: 50;
width: 100%; width: 100%;
float: left; float: left;
margin-top: 20rem; top: calc(100vh - 150px);
position: absolute;
@media only screen and (min-height: 1000px) {
margin-top: 30rem;
}
} }
} }
@ -358,15 +344,8 @@
z-index: 50; z-index: 50;
width: 100%; width: 100%;
float: left; float: left;
margin-top: 40rem; top: calc(100vh - 150px);
position: absolute;
@media only screen and (min-height: 901px) {
margin-top: 18rem;
}
@media only screen and (min-height: 1201px) {
margin-top: 28rem;
}
} }
.img_ok { .img_ok {

View File

@ -704,7 +704,7 @@
min-width: 30%; min-width: 30%;
} }
.range_prix_mobile{ .range_prix_mobile {
margin-left: 1rem; margin-left: 1rem;
} }
@ -1440,7 +1440,7 @@
.frame_133_grp_radio { .frame_133_grp_radio {
/* Radio Button */ /* Radio Button */
cursor: pointer;
width: 16px; width: 16px;
height: 16px; height: 16px;
@ -1620,7 +1620,7 @@
.filter_metier_sous_block { .filter_metier_sous_block {
/* Filter */ /* Filter */
cursor: pointer; //cursor: pointer;
box-sizing: border-box; box-sizing: border-box;
/* Auto layout */ /* Auto layout */
@ -1709,6 +1709,7 @@
width: 144px; width: 144px;
height: 22px; height: 22px;
margin-top: 10px;
text-align: left; text-align: left;
font-family: 'Albert Sans'; font-family: 'Albert Sans';
font-style: normal; font-style: normal;
@ -1782,7 +1783,7 @@
border: #0A043C solid; border: #0A043C solid;
width: 24px; width: 24px;
height: 24px; height: 24px;
cursor: pointer;
/* Inside auto layout */ /* Inside auto layout */
@ -3381,7 +3382,7 @@
.meconnecter { .meconnecter {
cursor: pointer; cursor: pointer;
width: 102px; //width: 102px;
height: 30px; height: 30px;
font-family: 'Albert Sans'; font-family: 'Albert Sans';
@ -4161,6 +4162,7 @@
.frame_133_grp_radio { .frame_133_grp_radio {
/* Radio Button */ /* Radio Button */
cursor: pointer;
width: 16px; width: 16px;
height: 16px; height: 16px;
@ -4429,7 +4431,7 @@
.filter_metier_sous_block_content_txt_formation { .filter_metier_sous_block_content_txt_formation {
width: 144px; width: 144px;
height: 22px; height: 22px;
margin-top: 10px;
text-align: left; text-align: left;
font-family: 'Albert Sans'; font-family: 'Albert Sans';
font-style: normal; font-style: normal;
@ -4504,7 +4506,7 @@
width: 24px; width: 24px;
height: 24px; height: 24px;
cursor: pointer;
/* Inside auto layout */ /* Inside auto layout */
flex: none; flex: none;
@ -6242,7 +6244,7 @@
.meconnecter { .meconnecter {
cursor: pointer; cursor: pointer;
width: 102px; //width: 102px;
height: 30px; height: 30px;
font-family: 'Albert Sans'; font-family: 'Albert Sans';
@ -7019,7 +7021,7 @@
.frame_133_grp_radio { .frame_133_grp_radio {
/* Radio Button */ /* Radio Button */
cursor: pointer;
width: 16px; width: 16px;
height: 16px; height: 16px;
@ -7199,7 +7201,7 @@
.filter_metier_sous_block { .filter_metier_sous_block {
/* Filter */ /* Filter */
cursor: pointer; //cursor: pointer;
box-sizing: border-box; box-sizing: border-box;
/* Auto layout */ /* Auto layout */
@ -7289,7 +7291,7 @@
height: 22px; height: 22px;
text-align: left; text-align: left;
margin-top: 10px;
font-family: 'Albert Sans'; font-family: 'Albert Sans';
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
@ -7363,7 +7365,7 @@
width: 24px; width: 24px;
height: 24px; height: 24px;
cursor: pointer;
/* Inside auto layout */ /* Inside auto layout */
flex: none; flex: none;
@ -9102,7 +9104,7 @@
.meconnecter { .meconnecter {
cursor: pointer; cursor: pointer;
width: 102px; width: 112px;
height: 30px; height: 30px;
font-family: 'Albert Sans'; font-family: 'Albert Sans';
@ -9878,7 +9880,7 @@
.frame_133_grp_radio { .frame_133_grp_radio {
/* Radio Button */ /* Radio Button */
cursor: pointer;
width: 16px; width: 16px;
height: 16px; height: 16px;
@ -10058,7 +10060,7 @@
.filter_metier_sous_block { .filter_metier_sous_block {
/* Filter */ /* Filter */
cursor: pointer; //cursor: pointer;
box-sizing: border-box; box-sizing: border-box;
/* Auto layout */ /* Auto layout */
@ -10148,7 +10150,7 @@
height: 22px; height: 22px;
text-align: left; text-align: left;
margin-top: 10px;
font-family: 'Albert Sans'; font-family: 'Albert Sans';
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
@ -10222,7 +10224,7 @@
width: 24px; width: 24px;
height: 24px; height: 24px;
cursor: pointer;
/* Inside auto layout */ /* Inside auto layout */
flex: none; flex: none;
@ -10545,7 +10547,8 @@
height: 386px; height: 386px;
left: 72px; left: 72px;
//top: 4750px; //top: 4750px;
top: 4150px;; top: 4150px;
;
/* White */ /* White */
@ -11975,7 +11978,7 @@
.meconnecter { .meconnecter {
cursor: pointer; cursor: pointer;
width: 102px; width: 112px;
height: 30px; height: 30px;
font-family: 'Albert Sans'; font-family: 'Albert Sans';
@ -12751,7 +12754,7 @@
.frame_133_grp_radio { .frame_133_grp_radio {
/* Radio Button */ /* Radio Button */
cursor: pointer;
width: 16px; width: 16px;
height: 16px; height: 16px;
@ -12932,7 +12935,7 @@
.filter_metier_sous_block { .filter_metier_sous_block {
/* Filter */ /* Filter */
cursor: pointer; //cursor: pointer;
box-sizing: border-box; box-sizing: border-box;
/* Auto layout */ /* Auto layout */
@ -13022,7 +13025,7 @@
height: 22px; height: 22px;
text-align: left; text-align: left;
margin-top: 10px;
font-family: 'Albert Sans'; font-family: 'Albert Sans';
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
@ -13095,7 +13098,7 @@
border: #0A043C solid; border: #0A043C solid;
width: 24px; width: 24px;
height: 24px; height: 24px;
cursor: pointer;
/* Inside auto layout */ /* Inside auto layout */
@ -13872,6 +13875,4 @@
.bQSvsY { .bQSvsY {
background: white !important; background: white !important;
} }

View File

@ -85,6 +85,7 @@
.ch_burger_menu { .ch_burger_menu {
left: 2px !important; left: 2px !important;
top: 3px !important; top: 3px !important;
max-height: 500px !important;
} }
@ -102,7 +103,7 @@
/* Our sidebar item styling */ /* Our sidebar item styling */
text-decoration: none; text-decoration: none;
margin-bottom: 10px; margin-bottom: 10px;
color: #d1d1d1; color: black;
transition: color 0.2s; transition: color 0.2s;
} }
@ -166,7 +167,7 @@
/* General sidebar styles */ /* General sidebar styles */
.bm-menu { .bm-menu {
background: #373a47; background: white;
padding: 2.5em 1.5em 0; padding: 2.5em 1.5em 0;
text-align: left; text-align: left;
text-decoration: none; text-decoration: none;