09/02/23 - 11h

recette2
cherif 2023-02-09 11:25:12 +01:00
parent 26db40c484
commit 7a9096b4bd
4 changed files with 154 additions and 17 deletions

View File

@ -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") &&
<img src={img_met_vente} alt="vente" className="mob_training_img_crossel" />}
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") &&
<img src={img_met_sport} alt="sport" className="mob_training_img_crossel" />}
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") &&
<img src={img_met_dev_perso} alt="developpement personnel" className="mob_training_img_crossel" />}
@ -1933,6 +1938,10 @@ const DisplayDetailClass_new_v2 = (props) => {
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("vente") &&
<img src={img_met_vente} alt="vente" className="training_img" />}
{(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("sport") &&
<img src={img_met_sport} alt="sport" className="training_img" />}
{(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("dev_perso") &&
<img src={img_met_dev_perso} alt="developpement personnel" className="training_img" />}
@ -2215,6 +2224,10 @@ const DisplayDetailClass_new_v2 = (props) => {
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") &&
<img src={img_met_vente} alt="vente" className="training_img_crossel" />}
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") &&
<img src={img_met_sport} alt="sport" className="training_img_crossel" />}
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") &&
<img src={img_met_dev_perso} alt="developpement personnel" className="training_img_crossel" />}

View File

@ -2659,6 +2659,12 @@ const Recherche_new_v2 = () => {
<div className="Menu_Header">
<nav className="header_menu cta_publication" onClick={publiecatalogue}
> publier mes formations </nav>
<nav className="header_menu" onClick={handleBlogMenu}> Le blog </nav>
<nav className="header_menu" onClick={handleBlogMenu}> Le blog </nav>
@ -3259,6 +3265,21 @@ const Recherche_new_v2 = () => {
</div>
</div>}
{displayAllmetiers && <div className="filter_metier_sous_block">
<div className="filter_metier_sous_block_content" onClick={getClassByMetier}>
<input className="frame_133_grp_radio" type="radio" value="sport" id="metier_radio" name="metier_radio" />
<div className="filter_metier_sous_block_content_txt">
<div className="filter_metier_sous_block_content_txt_formation">
Sport
</div>
<div className="filter_metier_sous_block_content_txt_nb">
</div>
</div>
</div>
</div>}
{displayAllmetiers && <div className="filter_metier_sous_block" onClick={DisplayAllmetier}>

BIN
src/mysy_img/met_sport.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 450 KiB

View File

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