18/01/23 - 21h

recette2
cherif 2023-01-18 21:35:54 +01:00
parent 7e87ca2741
commit bcefd531bd
5 changed files with 107 additions and 99 deletions

View File

@ -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) => {
<Header />
<div className="mob_img">
{DetailTraining.img_url && String(DetailTraining.img_url).length > 0 &&
<img src={`${DetailTraining.img_url}`} className="mob_training_img" />}
{(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
!DetailTraining.metier && <img src={img_met_autre} alt="autre" className="mob_training_img" />}
{String(ismetiermanaged) !== "0" && String(ismetiermanaged) !== "1" && <div className="mob_img">
{(!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") &&
<img src={img_met_bureautic} alt="office" className="mob_training_img" />}
{!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") &&
<img src={img_met_rh} alt="ressources humaines" className="mob_training_img" />}
{!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") &&
<img src={img_met_vente} alt="vente" className="mob_training_img" />}
{!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") &&
<img src={img_met_dev_perso} alt="developpement personnel" className="mob_training_img" />}
</div>
</div>}
{String(ismetiermanaged) === "0" && <div className="mob_img">
<img src={img_met_autre} alt="autre" className="mob_training_img" />
</div>}
{String(ismetiermanaged) === "1" && <div className="mob_img">
<img src={ DetailTraining.img_url} alt="autre" className="mob_training_img" />
</div>}
<div className="mob_block_content">
<div className="mob_block_content_rating">
<Rating name="half-rating-reade"
@ -1214,7 +1238,7 @@ const DisplayDetailClass_new_v2 = (props) => {
}
<div className="mob_info_page_title_desc_title">
<div className="mob_info_page_title_desc_title">
Description
</div>
@ -1342,7 +1366,7 @@ const DisplayDetailClass_new_v2 = (props) => {
{associatedtraining_message && associatedtraining_message.length > 0 &&
<div className="mob_block_sous_cross_sell_title">
Cela pourrait aussi vous intéresser
Cela pourrait aussi vous intéresser :
</div>}
<div className="mob_cross_sell_list_card">
@ -1353,6 +1377,7 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="mob_cross_sell_list_card_card">
<div className="mob_cross_sell_card_img">
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("it") &&
<img src={img_met_program} alt="informatique" className="mob_training_img_crossel" />}
@ -1748,16 +1773,7 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="block_sticky_info">
<div className="block_sticky_info_price"> {String(DetailTraining["price"])} HT </div>
<div className="block_sticky_info_img">
{DetailTraining.img_url && String(DetailTraining.img_url).length > 0 &&
<img src={`${DetailTraining.img_url}`} className="training_img" />}
{(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
!DetailTraining.metier && <img src={img_met_autre} alt="autre" className="training_img" />}
{String(ismetiermanaged) !== "0" && String(ismetiermanaged) !== "1" && <div className="block_sticky_info_img">
{(!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") &&
<img src={img_met_bureautic} alt="office" className="training_img" />}
{!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") &&
<img src={img_met_rh} alt="ressources humaines" className="training_img" />}
{!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") &&
<img src={img_met_vente} alt="vente" className="training_img" />}
{!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") &&
<img src={img_met_dev_perso} alt="developpement personnel" className="training_img" />}
</div>
</div>}
{String(ismetiermanaged) === "0" && <div className="block_sticky_info_img">
<img src={img_met_autre} alt="autre" className="training_img" />
</div>}
{String(ismetiermanaged) === "1" && <div className="block_sticky_info_img">
<img src={ DetailTraining.img_url} alt="autre" className="training_img" />
</div>}
<div className="block_sticky_info_caracteristique">
@ -1802,38 +1828,7 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="block_sticky_info_caracteristique_list">
<ul style={{ "width": "100%" }}>
<li>
<div className="block_sticky_info_caracteristique_list_title_desc">
<div className="block_sticky_info_caracteristique_list_title_desc_title">
A Distance :
</div>
<div className="block_sticky_info_caracteristique_list_title_desc_desc">
{DetailTraining.presentiel && DetailTraining.presentiel.distantiel === "1" && " Oui "}
{DetailTraining.presentiel && DetailTraining.presentiel.distantiel === "0" && " Non "}
</div>
</div>
</li>
<li>
<div className="block_sticky_info_caracteristique_list_title_desc">
<div className="block_sticky_info_caracteristique_list_title_desc_title">
Presentiel :
</div>
<div className="block_sticky_info_caracteristique_list_title_desc_desc">
{DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "1" && " Oui "}
{DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "0" && " Non "}
</div>
</div>
</li>
<li>
<div className="block_sticky_info_caracteristique_list_title_desc">
@ -1931,23 +1926,6 @@ const DisplayDetailClass_new_v2 = (props) => {
</li>
<li>
<div className="block_sticky_info_caracteristique_list_title_desc">
<div className="block_sticky_info_caracteristique_list_title_desc_title">
Presentiel :
</div>
<div className="block_sticky_info_caracteristique_list_title_desc_desc">
{DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "1" && <div> Oui </div>}
{DetailTraining.presentiel && DetailTraining.presentiel.presentiel !== "1" && <div> Non </div>}
</div>
</div>
</li>
</ul>
<hr style={{ "width": "100%" }} />
</div>

View File

@ -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) => {
<div className="formation">
<div style={{ "width": "100%" }}>
<div className="forma_img_gauche">
{props.formation.img_url && String(props.formation.img_url).length > 0 && String(isclassimage) === "False" &&
<img src={`${props.formation.img_url}`} className="training_img" />}
{(!props.formation.img_url || String(props.formation.img_url).length <= 0) &&
String(isclassimage) === "False" &&
!props.formation.metier && <img src={img_met_autre} alt="autre" className="training_img" />}
{String(ismetiermanaged) !== "0" && String(ismetiermanaged) !== "1" && <div className="forma_img_gauche">
{(!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) => {
</div>
}
{String(ismetiermanaged) === "0" && <div className="forma_img_gauche">
<img src={img_met_autre} alt="autre" className="training_img" />
</div>}
{String(ismetiermanaged) === "1" && <div className="forma_img_gauche">
<img src={props.formation.img_url} alt="autre" className="training_img" />
</div>}
<div className="forma_rightbox"
onClick={(e) => {
e.preventDefault();

View File

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

View File

@ -1451,7 +1451,7 @@
.div_row_droite_cpf {
float: right;
width: 30%;
width: 25%;
text-align: right;
}

View File

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