diff --git a/src/components/DisplayDetailClass_new_v2.js b/src/components/DisplayDetailClass_new_v2.js
index d83aff8..a3d9b7c 100644
--- a/src/components/DisplayDetailClass_new_v2.js
+++ b/src/components/DisplayDetailClass_new_v2.js
@@ -82,6 +82,7 @@ const DisplayDetailClass_new_v2 = (props) => {
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();
@@ -261,6 +262,14 @@ const DisplayDetailClass_new_v2 = (props) => {
}
+
+ /* Cette variable accompagne la gestion des images par defaut.
+ idée : si la valeur de "DetailTraining.metier" != "management, digital, office, rh, vente, dev_perso"
+ alors l'utilisateur à créer une formation avec un metier qui n'est pas geré, donc on met une image par defaut
+ */
+ const [ismetiermanaged, setismetiermanaged] = useState();
+ const liste_metier = ["management", "digital", "office", "rh", "vente", "dev_perso"];
+
function Display(e) {
var myurl = process.env.REACT_APP_API_URL + "myclass/api/get_class/";
var form = new FormData();
@@ -355,6 +364,20 @@ const DisplayDetailClass_new_v2 = (props) => {
setratingvalue(JSON.parse(res.data.message).note);
}
+ // Verifier si le metier est geré
+ if (JSON.parse(res.data.message).metier) {
+ if (!liste_metier.includes(JSON.parse(res.data.message).metier)) {
+ setismetiermanaged("0"); // j'ai une valeur dans metier, mais qui n'est pas geré
+ }
+ }
+ else{
+ setismetiermanaged("0");
+ }
+
+ if (JSON.parse(res.data.message).img_url && String(JSON.parse(res.data.message).img_url).length > 0 ) {
+ setismetiermanaged("1");
+ }
+
if (JSON.parse(res.data.message).text_size) {
settext_size(JSON.parse(res.data.message).text_size);
@@ -939,14 +962,7 @@ const DisplayDetailClass_new_v2 = (props) => {
-
-
- {DetailTraining.img_url && String(DetailTraining.img_url).length > 0 &&
-

}
-
-
- {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
- !DetailTraining.metier &&

}
+ {String(ismetiermanaged) !== "0" && String(ismetiermanaged) !== "1" &&
{(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("it") &&
@@ -969,27 +985,35 @@ const DisplayDetailClass_new_v2 = (props) => {
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("office") &&

}
- {!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0 &&
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("rh") &&

}
- {!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0 &&
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("vente") &&

}
- {!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0 &&
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("dev_perso") &&

}
-
+
}
+ {String(ismetiermanaged) === "0" &&
+

+
+
}
+
+ {String(ismetiermanaged) === "1" &&
+

+
+
+
}
-
-
{
}
-
+
Description
-
+
{parse(String(DetailTraining["description"]))}
@@ -1342,7 +1366,7 @@ const DisplayDetailClass_new_v2 = (props) => {
{associatedtraining_message && associatedtraining_message.length > 0 &&
- Cela pourrait aussi vous intéresser
+ Cela pourrait aussi vous intéresser :
}
@@ -1353,6 +1377,7 @@ const DisplayDetailClass_new_v2 = (props) => {
+
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("it") &&

}
@@ -1748,16 +1773,7 @@ const DisplayDetailClass_new_v2 = (props) => {
{String(DetailTraining["price"])} HT
-
-
-
-
- {DetailTraining.img_url && String(DetailTraining.img_url).length > 0 &&
-

}
-
-
- {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
- !DetailTraining.metier &&

}
+ {String(ismetiermanaged) !== "0" && String(ismetiermanaged) !== "1" &&
{(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("it") &&
@@ -1780,20 +1796,30 @@ const DisplayDetailClass_new_v2 = (props) => {
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("office") &&

}
- {!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0 &&
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("rh") &&

}
- {!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0 &&
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("vente") &&

}
- {!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0 &&
+ {(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("dev_perso") &&

}
-
+
}
+
+ {String(ismetiermanaged) === "0" &&
+

+
+
}
+
+ {String(ismetiermanaged) === "1" &&
+

+
+
}
@@ -1802,38 +1828,7 @@ const DisplayDetailClass_new_v2 = (props) => {
- -
-
-
- A Distance :
-
-
-
- {DetailTraining.presentiel && DetailTraining.presentiel.distantiel === "1" && " Oui "}
- {DetailTraining.presentiel && DetailTraining.presentiel.distantiel === "0" && " Non "}
-
-
-
-
-
-
- -
-
-
-
- Presentiel :
-
-
-
- {DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "1" && " Oui "}
- {DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "0" && " Non "}
-
-
-
-
-
-
-
@@ -1931,23 +1926,6 @@ const DisplayDetailClass_new_v2 = (props) => {
-
-
-
-
-
- Presentiel :
-
-
-
- {DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "1" &&
Oui
}
- {DetailTraining.presentiel && DetailTraining.presentiel.presentiel !== "1" &&
Non
}
-
-
-
-
-
-
-
diff --git a/src/components/Formation.js b/src/components/Formation.js
index fd8f327..75ac336 100644
--- a/src/components/Formation.js
+++ b/src/components/Formation.js
@@ -136,6 +136,12 @@ const Formation = (props) => {
}
+ /* Cette variable accompagne la gestion des images par defaut.
+ idée : si la valeur de "DetailTraining.metier" != "management, digital, office, rh, vente, dev_perso"
+ alors l'utilisateur à créer une formation avec un metier qui n'est pas geré, donc on met une image par defaut
+ */
+ const [ismetiermanaged, setismetiermanaged] = useState();
+ const liste_metier = ["management", "digital", "office", "rh", "vente", "dev_perso"];
useEffect(() => {
setmyfilter(props.myfil);
@@ -155,6 +161,20 @@ const Formation = (props) => {
getClassImage();
GetCurrentClass_trainingsession();
+ // Verifier si le metier est geré
+ if (props.formation.metier) {
+ if (!liste_metier.includes(props.formation.metier)) {
+ setismetiermanaged("0"); // j'ai une valeur dans metier, mais qui n'est pas geré
+ }
+ }
+ else {
+ setismetiermanaged("0");
+ }
+
+ if (props.formation.img_url && String(props.formation.img_url).length > 0) {
+ setismetiermanaged("1");
+ }
+
}, []);
@@ -195,13 +215,8 @@ const Formation = (props) => {
-
- {props.formation.img_url && String(props.formation.img_url).length > 0 && String(isclassimage) === "False" &&
-

}
- {(!props.formation.img_url || String(props.formation.img_url).length <= 0) &&
- String(isclassimage) === "False" &&
- !props.formation.metier &&

}
+ {String(ismetiermanaged) !== "0" && String(ismetiermanaged) !== "1" &&
{(!props.formation.img_url || String(props.formation.img_url).length <= 0) &&
props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("it") &&
@@ -239,6 +254,20 @@ const Formation = (props) => {
+ }
+
+
+ {String(ismetiermanaged) === "0" &&
+

+
+
}
+
+ {String(ismetiermanaged) === "1" &&
+

+
+
}
+
+
{
e.preventDefault();
@@ -327,7 +356,7 @@ const Formation = (props) => {
{props.formation.duration_unit &&
-
Durée
+
Durée
{String(props.formation.duration_unit) === "heure" &&
@@ -352,7 +381,7 @@ const Formation = (props) => {
{!props.formation.duration_unit &&
-
Durée
+
Durée
{props.formation.duration &&
@@ -369,7 +398,7 @@ const Formation = (props) => {
}
- Certification
+ Certification
@@ -508,7 +537,7 @@ const Formation = (props) => {
- Sur site
+ Sur site
{props.formation.presentiel && props.formation.presentiel.presentiel &&
String(props.formation.presentiel.presentiel) === String("1") &&
@@ -528,7 +557,7 @@ const Formation = (props) => {
- A distance
+ A distance
{props.formation.presentiel && props.formation.presentiel.distantiel &&
String(props.formation.presentiel.distantiel) === String("1") &&
@@ -548,7 +577,7 @@ const Formation = (props) => {
- Support
+ Support
{props.formation.support &&
diff --git a/src/styles/components/_displaydetailclass_new_v2.scss b/src/styles/components/_displaydetailclass_new_v2.scss
index 60c8b2a..9be0488 100644
--- a/src/styles/components/_displaydetailclass_new_v2.scss
+++ b/src/styles/components/_displaydetailclass_new_v2.scss
@@ -5018,7 +5018,7 @@
}
.sous_crossell_title {
- width: 641px;
+ width: 100%;
height: 38px;
font-family: 'Albert Sans';
@@ -7001,14 +7001,15 @@
}
.sous_crossell_title {
- width: 641px;
+ width: 1076px;
height: 38px;
font-family: 'Albert Sans';
font-style: normal;
font-weight: 700;
- font-size: 32px;
+ font-size: 28px;
line-height: 38px;
+ margin-bottom: 0.5rem;
/* Black */
diff --git a/src/styles/components/_formation.scss b/src/styles/components/_formation.scss
index 8990daa..62e919f 100644
--- a/src/styles/components/_formation.scss
+++ b/src/styles/components/_formation.scss
@@ -1451,7 +1451,7 @@
.div_row_droite_cpf {
float: right;
- width: 30%;
+ width: 25%;
text-align: right;
}
diff --git a/src/styles/components/_reherche_new_v2.scss b/src/styles/components/_reherche_new_v2.scss
index 32645e0..836b046 100644
--- a/src/styles/components/_reherche_new_v2.scss
+++ b/src/styles/components/_reherche_new_v2.scss
@@ -4771,7 +4771,7 @@ cursor: pointer;
}
.bton_tout_nos_article_txt {
- width: 156px;
+ //width: 156px;
height: 30px;
font-family: 'Albert Sans';
@@ -7631,7 +7631,7 @@ cursor: pointer;
}
.bton_tout_nos_article_txt {
- width: 156px;
+ //width: 156px;
height: 30px;
font-family: 'Albert Sans';
@@ -10490,7 +10490,7 @@ cursor: pointer;
}
.bton_tout_nos_article_txt {
- width: 156px;
+ //width: 156px;
height: 30px;
font-family: 'Albert Sans';
@@ -13366,7 +13366,7 @@ cursor: pointer;
}
.bton_tout_nos_article_txt {
- width: 156px;
+ //width: 156px;
height: 30px;
font-family: 'Albert Sans';