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 && autre} + {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") && 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") && ressources humaines} - {!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") && 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") && developpement personnel} -
+
} + {String(ismetiermanaged) === "0" &&
+ autre + +
} + + {String(ismetiermanaged) === "1" &&
+ autre + + +
}
- -
{ } -
+
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") && informatique} @@ -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 && autre} + {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") && 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") && ressources humaines} - {!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") && 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") && developpement personnel} -
+
} + + {String(ismetiermanaged) === "0" &&
+ autre + +
} + + {String(ismetiermanaged) === "1" &&
+ autre + +
}
@@ -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 && autre} + {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" &&
+ autre + +
} + + {String(ismetiermanaged) === "1" &&
+ autre + +
} + +
{ 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';