diff --git a/src/components/DisplayDetailClass_new_v2.js b/src/components/DisplayDetailClass_new_v2.js index 3c217f7..a1b486a 100644 --- a/src/components/DisplayDetailClass_new_v2.js +++ b/src/components/DisplayDetailClass_new_v2.js @@ -29,6 +29,7 @@ import img_met_rh from "../mysy_img/met_rh.jpg"; import img_met_bureautic from "../mysy_img/met_burautic.jpg"; import img_met_vente from "../mysy_img/met_vente.jpg"; +import img_met_sport from "../mysy_img/met_sport.png"; /* /!\ important: les images du slides doivent avoir une dimension de : 250 X 450 */ @@ -101,10 +102,11 @@ const DisplayDetailClass_new_v2 = (props) => { var myurl = process.env.REACT_APP_API_URL + "myclass/api/MySyckeckEvaluationToken/"; axios.post(myurl, form).then(res => { + //console.log(" In CheckEvaluationToken res.data.status = " + res.data.status); + //console.log(" In CheckEvaluationToken res.data.message r_class = " + res.data.message); + 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); } @@ -126,9 +128,8 @@ const DisplayDetailClass_new_v2 = (props) => { async function funclocaltoken() { - - if (props.action && String(props.action).toLocaleLowerCase() !== "inscription" && - String(props.action).toLocaleLowerCase() !== "information") { + if (action && String(action).toLocaleLowerCase() !== "inscription" && + String(action).toLocaleLowerCase() !== "information") { CheckEvaluationToken(); @@ -424,7 +425,7 @@ const DisplayDetailClass_new_v2 = (props) => { var main_h_px; - console.log("GetCurrentClass_result.length = ", GetCurrentClass_result); + console.log("GetCurrentClass_result.length = ", GetCurrentClass_result); if (window.screen.width < 601) { @@ -1496,6 +1497,10 @@ const DisplayDetailClass_new_v2 = (props) => { {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") && vente} + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") && + sport} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") && developpement personnel} @@ -1933,6 +1938,10 @@ const DisplayDetailClass_new_v2 = (props) => { DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("vente") && vente} + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && + DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("sport") && + sport} + {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) && DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("dev_perso") && developpement personnel} @@ -2215,6 +2224,10 @@ const DisplayDetailClass_new_v2 = (props) => { {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") && vente} + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") && + sport} + + {JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") && developpement personnel} diff --git a/src/components/Recherche_new_v2.js b/src/components/Recherche_new_v2.js index ae8b5a4..6d16188 100644 --- a/src/components/Recherche_new_v2.js +++ b/src/components/Recherche_new_v2.js @@ -2659,6 +2659,12 @@ const Recherche_new_v2 = () => {
+ + + + @@ -3259,6 +3265,21 @@ const Recherche_new_v2 = () => {
} + {displayAllmetiers &&
+
+ + +
+
+ Sport +
+
+ +
+
+ +
+
} {displayAllmetiers &&
diff --git a/src/mysy_img/met_sport.png b/src/mysy_img/met_sport.png new file mode 100644 index 0000000..2a0d5f3 Binary files /dev/null and b/src/mysy_img/met_sport.png differ diff --git a/src/styles/components/_reherche_new_v2.scss b/src/styles/components/_reherche_new_v2.scss index 6bac8af..fa43281 100644 --- a/src/styles/components/_reherche_new_v2.scss +++ b/src/styles/components/_reherche_new_v2.scss @@ -3144,12 +3144,12 @@ justify-content: flex-end; align-items: center; padding: 0px; - gap: 24px; + gap: 10px; position: absolute; - width: 843px; + //width: 843px; height: 56px; - right: 72px; + right: 5px; top: 50px; } @@ -3269,9 +3269,9 @@ flex-direction: row; align-items: flex-start; padding: 0px; - gap: 8px; + gap: 5px; - width: 288px; + width: 258px; height: 56px; @@ -3292,10 +3292,10 @@ flex-direction: row; justify-content: center; align-items: center; - padding: 13px 26px; + padding: 5px; gap: 10px; - width: 126px; + width: 116px; height: 56px; /* Deep Blue */ @@ -3318,10 +3318,10 @@ flex-direction: row; justify-content: center; align-items: center; - padding: 13px 26px; + padding: 5px; gap: 10px; - width: 154px; + width: 114px; height: 56px; /* Deep Blue */ @@ -5142,7 +5142,32 @@ .forma_et_tuto_mobile { display: none; } + .cta_publication{ + /* Auto layout */ + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 5px 5px; + gap: 10px; + + width: 134px; + height: 56px; + + /* Deep Blue */ + + background: red; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + } } @media only screen and (min-width: 992px) and (max-width: 1199px) { @@ -6007,12 +6032,12 @@ justify-content: flex-end; align-items: center; padding: 0px; - gap: 24px; + gap: 10px; position: absolute; width: 843px; height: 56px; - right: 72px; + right: 5px; top: 50px; } @@ -8002,6 +8027,33 @@ .forma_et_tuto_mobile { display: none; } + + .cta_publication{ + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 5px 5px; + gap: 10px; + + width: 154px; + height: 56px; + + /* Deep Blue */ + + background: red; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + } } @media only screen and (min-width: 1201px) and (max-width: 1919px) { @@ -10869,6 +10921,32 @@ .forma_et_tuto_mobile { display: none; } + .cta_publication{ + /* Auto layout */ + + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 5px 5px; + gap: 10px; + + width: 154px; + height: 56px; + + /* Deep Blue */ + + background: red; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + } } @@ -13745,7 +13823,32 @@ .forma_et_tuto_mobile { display: none; } + .cta_publication{ + /* Auto layout */ + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + padding: 5px 5px; + gap: 10px; + + width: 154px; + height: 56px; + + /* Deep Blue */ + + background: red; + border-radius: 8px; + + /* Inside auto layout */ + + flex: none; + order: 1; + flex-grow: 0; + text-transform: uppercase; + color: white; + } } // end media