18/01/23 - 21h
parent
7e87ca2741
commit
bcefd531bd
|
@ -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"
|
||||
|
||||
|
@ -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>
|
||||
|
|
|
@ -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();
|
||||
|
|
|
@ -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 */
|
||||
|
||||
|
|
|
@ -1451,7 +1451,7 @@
|
|||
|
||||
.div_row_droite_cpf {
|
||||
float: right;
|
||||
width: 30%;
|
||||
width: 25%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
|
|
@ -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';
|
||||
|
|
Loading…
Reference in New Issue