22/02/23 20h
parent
e53f45f19d
commit
99474812e8
|
@ -30,6 +30,7 @@ import img_met_rh from "../mysy_img/met_rh.jpg";
|
||||||
import img_met_bureautic from "../mysy_img/met_burautic.jpg";
|
import img_met_bureautic from "../mysy_img/met_burautic.jpg";
|
||||||
import img_met_vente from "../mysy_img/met_vente.jpg";
|
import img_met_vente from "../mysy_img/met_vente.jpg";
|
||||||
import img_met_sport from "../mysy_img/met_sport.png";
|
import img_met_sport from "../mysy_img/met_sport.png";
|
||||||
|
import img_met_sante_nat from "../mysy_img/met_sante_nat.jpeg";
|
||||||
/*
|
/*
|
||||||
/!\ important: les images du slides doivent avoir une dimension de : 250 X 450
|
/!\ important: les images du slides doivent avoir une dimension de : 250 X 450
|
||||||
*/
|
*/
|
||||||
|
@ -334,7 +335,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
if (local_user_connect === 0 && local_part_connect === 0) {
|
if (local_user_connect === 0 && local_part_connect === 0) {
|
||||||
confirmAlert({
|
confirmAlert({
|
||||||
title: 'Connexion ?',
|
title: 'Connexion ?',
|
||||||
message: 'Connectez-vous pour acceder au detail de cette formation',
|
message: 'Connectez-vous pour acceder au detail de cette formation',
|
||||||
buttons: [
|
buttons: [
|
||||||
{
|
{
|
||||||
label: 'Vous avez un compte',
|
label: 'Vous avez un compte',
|
||||||
|
@ -447,7 +448,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
|
|
||||||
console.log("### local_val = ", local_val)
|
console.log("### local_val = ", local_val)
|
||||||
if (local_val >= 5) {
|
if (local_val >= 5) {
|
||||||
console.log(" ON PASSE AU MAX")
|
console.log(" ON PASSE au MAX")
|
||||||
var local_tmp_val = 2300 + decalage_pr_certificat;
|
var local_tmp_val = 2300 + decalage_pr_certificat;
|
||||||
var local_main_h_px = 4000 + decalage_pr_certificat;
|
var local_main_h_px = 4000 + decalage_pr_certificat;
|
||||||
//console.log("### local_tmp_val = ", local_tmp_val, " local_main_h_px = ",local_main_h_px);
|
//console.log("### local_tmp_val = ", local_tmp_val, " local_main_h_px = ",local_main_h_px);
|
||||||
|
@ -463,7 +464,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
console.log(" ON PASSE AU MIN");
|
console.log(" ON PASSE au MIN");
|
||||||
var local_tmp_val = 2100 + decalage_pr_certificat;
|
var local_tmp_val = 2100 + decalage_pr_certificat;
|
||||||
var local_main_h_px = 4800 + decalage_pr_certificat;
|
var local_main_h_px = 4800 + decalage_pr_certificat;
|
||||||
|
|
||||||
|
@ -486,7 +487,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
|
|
||||||
var local_val = parseInt(String(JSON.parse(res.data.message).nb_pave_a_afficher));
|
var local_val = parseInt(String(JSON.parse(res.data.message).nb_pave_a_afficher));
|
||||||
if (local_val >= 5) {
|
if (local_val >= 5) {
|
||||||
console.log(" ON PASSE AU MAX")
|
console.log(" ON PASSE au MAX")
|
||||||
local_tmp = "2000px";
|
local_tmp = "2000px";
|
||||||
main_h_px = "2700px";
|
main_h_px = "2700px";
|
||||||
|
|
||||||
|
@ -496,7 +497,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
console.log(" ON PASSE AU MIN");
|
console.log(" ON PASSE au MIN");
|
||||||
local_tmp = "1700px";
|
local_tmp = "1700px";
|
||||||
main_h_px = "2500px";
|
main_h_px = "2500px";
|
||||||
|
|
||||||
|
@ -516,7 +517,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
|
|
||||||
var local_val = parseInt(String(JSON.parse(res.data.message).nb_pave_a_afficher));
|
var local_val = parseInt(String(JSON.parse(res.data.message).nb_pave_a_afficher));
|
||||||
if (local_val >= 5) {
|
if (local_val >= 5) {
|
||||||
console.log(" ON PASSE AU MAX")
|
console.log(" ON PASSE au MAX")
|
||||||
local_tmp = "2000px";
|
local_tmp = "2000px";
|
||||||
main_h_px = "2800px";
|
main_h_px = "2800px";
|
||||||
|
|
||||||
|
@ -526,7 +527,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
console.log(" ON PASSE AU MIN");
|
console.log(" ON PASSE au MIN");
|
||||||
local_tmp = "1700px";
|
local_tmp = "1700px";
|
||||||
main_h_px = "2500px";
|
main_h_px = "2500px";
|
||||||
|
|
||||||
|
@ -543,7 +544,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
if (window.screen.width >= 1200) {
|
if (window.screen.width >= 1200) {
|
||||||
var local_val = parseInt(String(JSON.parse(res.data.message).nb_pave_a_afficher));
|
var local_val = parseInt(String(JSON.parse(res.data.message).nb_pave_a_afficher));
|
||||||
if (local_val >= 5) {
|
if (local_val >= 5) {
|
||||||
console.log(" ON PASSE AU MAX")
|
console.log(" ON PASSE au MAX")
|
||||||
local_tmp = "2000px";
|
local_tmp = "2000px";
|
||||||
main_h_px = "2800px";
|
main_h_px = "2800px";
|
||||||
|
|
||||||
|
@ -553,7 +554,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
}
|
}
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
console.log(" ON PASSE AU MIN");
|
console.log(" ON PASSE au MIN");
|
||||||
local_tmp = "1700px";
|
local_tmp = "1700px";
|
||||||
main_h_px = "2500px";
|
main_h_px = "2500px";
|
||||||
|
|
||||||
|
@ -785,7 +786,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 900;
|
var new_displaydetailclass_new_v2_hei = parseInt(displaydetailclass_new_v2_hei) + 900;
|
||||||
var new_sticky_div_hilight_top = parseInt(sticky_div_hilight_top) + 900;
|
var new_sticky_div_hilight_top = parseInt(sticky_div_hilight_top) + 900;
|
||||||
|
|
||||||
|
|
||||||
document.getElementById('mob_block_cross_sell_cat').style.top = new_meme_orga_top + "px";
|
document.getElementById('mob_block_cross_sell_cat').style.top = new_meme_orga_top + "px";
|
||||||
document.getElementById('mobile').style.height = new_displaydetailclass_new_v2_hei + "px";
|
document.getElementById('mobile').style.height = new_displaydetailclass_new_v2_hei + "px";
|
||||||
document.getElementById('sticky_div_hilight_pave').style.top = new_sticky_div_hilight_top + "px";
|
document.getElementById('sticky_div_hilight_pave').style.top = new_sticky_div_hilight_top + "px";
|
||||||
|
@ -1384,7 +1385,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
{(JSON.parse(formation).distantiel) === "1" && (JSON.parse(formation).presentiel) === "1" &&
|
{(JSON.parse(formation).distantiel) === "1" && (JSON.parse(formation).presentiel) === "1" &&
|
||||||
(JSON.parse(formation).date_debut).substring(0, 10) !== (JSON.parse(formation).date_fin).substring(0, 10) &&
|
(JSON.parse(formation).date_debut).substring(0, 10) !== (JSON.parse(formation).date_fin).substring(0, 10) &&
|
||||||
<nav>
|
<nav>
|
||||||
{(JSON.parse(formation).date_debut).substring(0, 10)} au
|
{(JSON.parse(formation).date_debut).substring(0, 10)} au
|
||||||
{(JSON.parse(formation).date_fin).substring(0, 10)} <b> A Distance</b> et <b>En Présentiel </b>- {(JSON.parse(formation).adresse)} {(JSON.parse(formation).code_postal)}
|
{(JSON.parse(formation).date_fin).substring(0, 10)} <b> A Distance</b> et <b>En Présentiel </b>- {(JSON.parse(formation).adresse)} {(JSON.parse(formation).code_postal)}
|
||||||
</nav>
|
</nav>
|
||||||
}
|
}
|
||||||
|
@ -1402,7 +1403,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
{(JSON.parse(formation).distantiel) === "1" && ((JSON.parse(formation).presentiel) === "0" || !(JSON.parse(formation).presentiel)) &&
|
{(JSON.parse(formation).distantiel) === "1" && ((JSON.parse(formation).presentiel) === "0" || !(JSON.parse(formation).presentiel)) &&
|
||||||
(JSON.parse(formation).date_debut).substring(0, 10) !== (JSON.parse(formation).date_fin).substring(0, 10) &&
|
(JSON.parse(formation).date_debut).substring(0, 10) !== (JSON.parse(formation).date_fin).substring(0, 10) &&
|
||||||
<nav>
|
<nav>
|
||||||
{(JSON.parse(formation).date_debut).substring(0, 10)} au
|
{(JSON.parse(formation).date_debut).substring(0, 10)} au
|
||||||
{(JSON.parse(formation).date_fin).substring(0, 10)} <b>A Distance </b> </nav>
|
{(JSON.parse(formation).date_fin).substring(0, 10)} <b>A Distance </b> </nav>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1417,7 +1418,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
{(JSON.parse(formation).presentiel) === "1" && ((JSON.parse(formation).distantiel) === "0" || !(JSON.parse(formation).distantiel)) &&
|
{(JSON.parse(formation).presentiel) === "1" && ((JSON.parse(formation).distantiel) === "0" || !(JSON.parse(formation).distantiel)) &&
|
||||||
(JSON.parse(formation).date_debut).substring(0, 10) !== (JSON.parse(formation).date_fin).substring(0, 10) &&
|
(JSON.parse(formation).date_debut).substring(0, 10) !== (JSON.parse(formation).date_fin).substring(0, 10) &&
|
||||||
<nav>
|
<nav>
|
||||||
{(JSON.parse(formation).date_debut).substring(0, 10)} au {(JSON.parse(formation).date_fin).substring(0, 10)} <b>En Présentiel </b> -
|
{(JSON.parse(formation).date_debut).substring(0, 10)} au {(JSON.parse(formation).date_fin).substring(0, 10)} <b>En Présentiel </b> -
|
||||||
{(JSON.parse(formation).adresse)} {(JSON.parse(formation).code_postal)}
|
{(JSON.parse(formation).adresse)} {(JSON.parse(formation).code_postal)}
|
||||||
</nav>}
|
</nav>}
|
||||||
|
|
||||||
|
@ -1505,7 +1506,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
|
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{String(iscertifvoltaire) === "1" && <div className="sticky_img_hilight1">
|
{String(iscertifvoltaire) === "1" && <div className="sticky_img_hilight1">
|
||||||
<img src="https://img.mysy-training.com/certificat_img/IMG_CertifVoltaire.gif" alt="Certitrace" className="img_hili" />
|
<img src="https://img.mysy-training.com/certificat_img/IMG_CertifVoltaire.gif" alt="Certitrace" className="img_hili" />
|
||||||
|
@ -1525,7 +1526,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
|
|
||||||
{associatedtraining_message && associatedtraining_message.length > 0 &&
|
{associatedtraining_message && associatedtraining_message.length > 0 &&
|
||||||
<div className="mob_block_sous_cross_sell_title">
|
<div className="mob_block_sous_cross_sell_title">
|
||||||
Cela pourrait aussi vous intéresser :
|
Cela pourrait au ssi vous intéresser :
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
<div className="mob_cross_sell_list_card">
|
<div className="mob_cross_sell_list_card">
|
||||||
|
@ -1561,6 +1562,9 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") &&
|
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") &&
|
||||||
<img src={img_met_sport} alt="sport" className="mob_training_img_crossel" />}
|
<img src={img_met_sport} alt="sport" className="mob_training_img_crossel" />}
|
||||||
|
|
||||||
|
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sante_nat") &&
|
||||||
|
<img src={img_met_sante_nat} alt="sante naturelle" className="mob_training_img_crossel" />}
|
||||||
|
|
||||||
|
|
||||||
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") &&
|
{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" />}
|
<img src={img_met_dev_perso} alt="developpement personnel" className="mob_training_img_crossel" />}
|
||||||
|
@ -1760,7 +1764,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
{ratingvalue && String(ratingvalue).length === 1 &&
|
{ratingvalue && String(ratingvalue).length === 1 &&
|
||||||
parseInt(String(ratingvalue)) <= 5 &&
|
parseInt(String(ratingvalue)) <= 5 &&
|
||||||
<Rating name="half-rating-reade"
|
<Rating name="half-rating-reade"
|
||||||
readOnly={true}
|
readOnly={true}
|
||||||
precision={0.5}
|
precision={0.5}
|
||||||
value={ratingvalue}
|
value={ratingvalue}
|
||||||
/>}
|
/>}
|
||||||
|
@ -1858,7 +1862,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
{(JSON.parse(formation).distantiel) === "1" && (JSON.parse(formation).presentiel) === "1" &&
|
{(JSON.parse(formation).distantiel) === "1" && (JSON.parse(formation).presentiel) === "1" &&
|
||||||
(JSON.parse(formation).date_debut).substring(0, 10) !== (JSON.parse(formation).date_fin).substring(0, 10) &&
|
(JSON.parse(formation).date_debut).substring(0, 10) !== (JSON.parse(formation).date_fin).substring(0, 10) &&
|
||||||
<nav>
|
<nav>
|
||||||
{(JSON.parse(formation).date_debut).substring(0, 10)} au
|
{(JSON.parse(formation).date_debut).substring(0, 10)} au
|
||||||
{(JSON.parse(formation).date_fin).substring(0, 10)} <b> A Distance</b> et <b>En Présentiel </b>- {(JSON.parse(formation).adresse)} {(JSON.parse(formation).code_postal)}
|
{(JSON.parse(formation).date_fin).substring(0, 10)} <b> A Distance</b> et <b>En Présentiel </b>- {(JSON.parse(formation).adresse)} {(JSON.parse(formation).code_postal)}
|
||||||
</nav>
|
</nav>
|
||||||
}
|
}
|
||||||
|
@ -1876,7 +1880,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
{(JSON.parse(formation).distantiel) === "1" && ((JSON.parse(formation).presentiel) === "0" || !(JSON.parse(formation).presentiel)) &&
|
{(JSON.parse(formation).distantiel) === "1" && ((JSON.parse(formation).presentiel) === "0" || !(JSON.parse(formation).presentiel)) &&
|
||||||
(JSON.parse(formation).date_debut).substring(0, 10) !== (JSON.parse(formation).date_fin).substring(0, 10) &&
|
(JSON.parse(formation).date_debut).substring(0, 10) !== (JSON.parse(formation).date_fin).substring(0, 10) &&
|
||||||
<nav>
|
<nav>
|
||||||
{(JSON.parse(formation).date_debut).substring(0, 10)} au
|
{(JSON.parse(formation).date_debut).substring(0, 10)} au
|
||||||
{(JSON.parse(formation).date_fin).substring(0, 10)} <b>A Distance </b> </nav>
|
{(JSON.parse(formation).date_fin).substring(0, 10)} <b>A Distance </b> </nav>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1891,7 +1895,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
{(JSON.parse(formation).presentiel) === "1" && ((JSON.parse(formation).distantiel) === "0" || !(JSON.parse(formation).distantiel)) &&
|
{(JSON.parse(formation).presentiel) === "1" && ((JSON.parse(formation).distantiel) === "0" || !(JSON.parse(formation).distantiel)) &&
|
||||||
(JSON.parse(formation).date_debut).substring(0, 10) !== (JSON.parse(formation).date_fin).substring(0, 10) &&
|
(JSON.parse(formation).date_debut).substring(0, 10) !== (JSON.parse(formation).date_fin).substring(0, 10) &&
|
||||||
<nav>
|
<nav>
|
||||||
{(JSON.parse(formation).date_debut).substring(0, 10)} au {(JSON.parse(formation).date_fin).substring(0, 10)} <b>En Présentiel </b> -
|
{(JSON.parse(formation).date_debut).substring(0, 10)} au {(JSON.parse(formation).date_fin).substring(0, 10)} <b>En Présentiel </b> -
|
||||||
{(JSON.parse(formation).adresse)} {(JSON.parse(formation).code_postal)}
|
{(JSON.parse(formation).adresse)} {(JSON.parse(formation).code_postal)}
|
||||||
</nav>}
|
</nav>}
|
||||||
|
|
||||||
|
@ -2003,6 +2007,10 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("sport") &&
|
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("sport") &&
|
||||||
<img src={img_met_sport} alt="sport" className="training_img" />}
|
<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("sante_nat") &&
|
||||||
|
<img src={img_met_sante_nat} alt="sante naturelle" 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") &&
|
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("dev_perso") &&
|
||||||
<img src={img_met_dev_perso} alt="developpement personnel" className="training_img" />}
|
<img src={img_met_dev_perso} alt="developpement personnel" className="training_img" />}
|
||||||
|
@ -2148,7 +2156,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
|
|
||||||
<div className="block_sticky_info_Sessions_list_title_desc">
|
<div className="block_sticky_info_Sessions_list_title_desc">
|
||||||
<div className="block_sticky_info_Sessions_list_title_desc_title">
|
<div className="block_sticky_info_Sessions_list_title_desc_title">
|
||||||
{(JSON.parse(formation).date_debut).substring(0, 10)} au {(JSON.parse(formation).date_fin).substring(0, 10)}
|
{(JSON.parse(formation).date_debut).substring(0, 10)} au {(JSON.parse(formation).date_fin).substring(0, 10)}
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
@ -2204,7 +2212,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
<img src="https://img.mysy-training.com/certificat_img/IMG_Bureau_Certitrace.jpg" alt="Bureau Certitrace" className="img_hili" />
|
<img src="https://img.mysy-training.com/certificat_img/IMG_Bureau_Certitrace.jpg" alt="Bureau Certitrace" className="img_hili" />
|
||||||
|
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
{String(iscertifvoltaire) === "1" && <div className="sticky_img_hilight1">
|
{String(iscertifvoltaire) === "1" && <div className="sticky_img_hilight1">
|
||||||
<img src="https://img.mysy-training.com/certificat_img/IMG_CertifVoltaire.gif" alt="Certitrace" className="img_hili" />
|
<img src="https://img.mysy-training.com/certificat_img/IMG_CertifVoltaire.gif" alt="Certitrace" className="img_hili" />
|
||||||
|
|
||||||
|
@ -2234,7 +2242,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
<div className="sticky_organisme_title_desc">
|
<div className="sticky_organisme_title_desc">
|
||||||
|
|
||||||
<div className="sticky_organisme_title_desc_title">
|
<div className="sticky_organisme_title_desc_title">
|
||||||
Organisme de formation :
|
Organisme de formation :
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="sticky_organisme_title_desc_desc">
|
<div className="sticky_organisme_title_desc_desc">
|
||||||
|
@ -2242,7 +2250,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
{partnair_name && <nav
|
{partnair_name && <nav
|
||||||
style={{ "cursor": "pointer" }}
|
style={{ "cursor": "pointer" }}
|
||||||
onClick={(e) => {
|
onClick={(e) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
window.open(
|
window.open(
|
||||||
website_partenaire,
|
website_partenaire,
|
||||||
'_blank'
|
'_blank'
|
||||||
|
@ -2263,7 +2271,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
<div className="sous_crossell">
|
<div className="sous_crossell">
|
||||||
|
|
||||||
{associatedtraining_message && String(associatedtraining_api) === "True" && associatedtraining_message.length > 0 &&
|
{associatedtraining_message && String(associatedtraining_api) === "True" && associatedtraining_message.length > 0 &&
|
||||||
<div className="sous_crossell_title"> Cela pourrait aussi vous intéresser</div>}
|
<div className="sous_crossell_title"> Cela pourrait au ssi vous intéresser</div>}
|
||||||
|
|
||||||
<div className="sous_crossell_list_card">
|
<div className="sous_crossell_list_card">
|
||||||
|
|
||||||
|
@ -2298,6 +2306,9 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") &&
|
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sport") &&
|
||||||
<img src={img_met_sport} alt="sport" className="training_img_crossel" />}
|
<img src={img_met_sport} alt="sport" className="training_img_crossel" />}
|
||||||
|
|
||||||
|
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("sante_nat") &&
|
||||||
|
<img src={img_met_sante_nat} alt="sante naturelle" className="training_img_crossel" />}
|
||||||
|
|
||||||
|
|
||||||
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("dev_perso") &&
|
{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" />}
|
<img src={img_met_dev_perso} alt="developpement personnel" className="training_img_crossel" />}
|
||||||
|
@ -2327,7 +2338,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
parseInt(String(JSON.parse(formation).note)) <= 5 &&
|
parseInt(String(JSON.parse(formation).note)) <= 5 &&
|
||||||
|
|
||||||
<Rating name="half-rating-reade"
|
<Rating name="half-rating-reade"
|
||||||
readOnly={true}
|
readOnly={true}
|
||||||
precision={0.5}
|
precision={0.5}
|
||||||
value={(String(JSON.parse(formation).note))}
|
value={(String(JSON.parse(formation).note))}
|
||||||
/>}
|
/>}
|
||||||
|
@ -2384,7 +2395,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
|
|
||||||
<div className="left_box">
|
<div className="left_box">
|
||||||
|
|
||||||
<div className="hilightsoustitre" > A voir aussi</div>
|
<div className="hilightsoustitre" > A voir au ssi</div>
|
||||||
|
|
||||||
|
|
||||||
{associatedtraining_message && String(associatedtraining_api) === "True" &&
|
{associatedtraining_message && String(associatedtraining_api) === "True" &&
|
||||||
|
@ -2704,7 +2715,7 @@ Si non, on utilise le formumaire de mysy,.
|
||||||
|
|
||||||
{String(JSON.parse(formation).code_postal) !== "0" && String(JSON.parse(formation).date_debut) === String(JSON.parse(formation).date_fin) &&
|
{String(JSON.parse(formation).code_postal) !== "0" && String(JSON.parse(formation).date_debut) === String(JSON.parse(formation).date_fin) &&
|
||||||
<nav>
|
<nav>
|
||||||
Le {JSON.parse(formation).date_debut} ; au {JSON.parse(formation).adresse} , {JSON.parse(formation).ville} {JSON.parse(formation).code_postal}
|
Le {JSON.parse(formation).date_debut} ; au {JSON.parse(formation).adresse} , {JSON.parse(formation).ville} {JSON.parse(formation).code_postal}
|
||||||
</nav>}
|
</nav>}
|
||||||
|
|
||||||
|
|
||||||
|
@ -2713,7 +2724,7 @@ Si non, on utilise le formumaire de mysy,.
|
||||||
</nav>}
|
</nav>}
|
||||||
|
|
||||||
{String(JSON.parse(formation).code_postal) !== "0" && String(JSON.parse(formation).date_debut) !== String(JSON.parse(formation).date_fin) && <nav>
|
{String(JSON.parse(formation).code_postal) !== "0" && String(JSON.parse(formation).date_debut) !== String(JSON.parse(formation).date_fin) && <nav>
|
||||||
Du {JSON.parse(formation).date_debut} au {JSON.parse(formation).date_fin} ; au {JSON.parse(formation).adresse} , {JSON.parse(formation).ville} {JSON.parse(formation).code_postal}
|
Du {JSON.parse(formation).date_debut} au {JSON.parse(formation).date_fin} ; au {JSON.parse(formation).adresse} , {JSON.parse(formation).ville} {JSON.parse(formation).code_postal}
|
||||||
</nav>}
|
</nav>}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
@ -2732,7 +2743,7 @@ Si non, on utilise le formumaire de mysy,.
|
||||||
|
|
||||||
<div className="left_box_for_mobile">
|
<div className="left_box_for_mobile">
|
||||||
|
|
||||||
<div className="hilightsoustitre" > A voir aussi</div>
|
<div className="hilightsoustitre" > A voir au ssi</div>
|
||||||
|
|
||||||
|
|
||||||
{associatedtraining_message && String(associatedtraining_api) === "True" &&
|
{associatedtraining_message && String(associatedtraining_api) === "True" &&
|
||||||
|
|
|
@ -2479,6 +2479,7 @@ function GestionAdministrative(props) {
|
||||||
form.append("token", stored_cookie);
|
form.append("token", stored_cookie);
|
||||||
form.append("session_id", mysession);
|
form.append("session_id", mysession);
|
||||||
form.append("attendee_email", selectedattendeeemail);
|
form.append("attendee_email", selectedattendeeemail);
|
||||||
|
form.append("class_internal_url", internal_url);
|
||||||
|
|
||||||
var myurl = process.env.REACT_APP_API_URL + "myclass/api/SendAttendeeCertification/";
|
var myurl = process.env.REACT_APP_API_URL + "myclass/api/SendAttendeeCertification/";
|
||||||
|
|
||||||
|
@ -2978,9 +2979,9 @@ function GestionAdministrative(props) {
|
||||||
setsessionChanged(true);
|
setsessionChanged(true);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
showTimeSelect
|
showTimeSelect={false}
|
||||||
filterTime={filterPassedTime_start}
|
filterTime={filterPassedTime_start}
|
||||||
dateFormat="dd/MM/yyyy HH:mm"
|
dateFormat="dd/MM/yyyy"
|
||||||
className="disabled_style"
|
className="disabled_style"
|
||||||
locale='fr-FR'
|
locale='fr-FR'
|
||||||
|
|
||||||
|
@ -2998,9 +2999,9 @@ function GestionAdministrative(props) {
|
||||||
setsessionChanged(true);
|
setsessionChanged(true);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
showTimeSelect
|
showTimeSelect={false}
|
||||||
filterTime={filterPassedTime_end}
|
filterTime={filterPassedTime_end}
|
||||||
dateFormat="dd/MM/yyyy HH:mm"
|
dateFormat="dd/MM/yyyy"
|
||||||
className="disabled_style"
|
className="disabled_style"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
@ -3144,9 +3145,9 @@ function GestionAdministrative(props) {
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
showTimeSelect
|
showTimeSelect={false}
|
||||||
//filterTime={filterPassedTime_start}
|
//filterTime={filterPassedTime_start}
|
||||||
dateFormat="dd/MM/yyyy HH:mm"
|
dateFormat="dd/MM/yyyy"
|
||||||
className="disabled_style"
|
className="disabled_style"
|
||||||
locale='fr-FR'
|
locale='fr-FR'
|
||||||
|
|
||||||
|
@ -3165,9 +3166,9 @@ function GestionAdministrative(props) {
|
||||||
setsessionChanged(true);
|
setsessionChanged(true);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
showTimeSelect
|
showTimeSelect={false}
|
||||||
//filterTime={filterPassedTime_end}
|
//filterTime={filterPassedTime_end}
|
||||||
dateFormat="dd/MM/yyyy HH:mm"
|
dateFormat="dd/MM/yyyy"
|
||||||
className="disabled_style"
|
className="disabled_style"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
@ -3268,9 +3269,13 @@ function GestionAdministrative(props) {
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
|
<div className="div_row" style={{ "border": "None" }}>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
@ -3938,7 +3943,7 @@ function GestionAdministrative(props) {
|
||||||
id="detail_incr_date"
|
id="detail_incr_date"
|
||||||
selected={detailuser_date_inscription}
|
selected={detailuser_date_inscription}
|
||||||
|
|
||||||
dateFormat="dd/MM/yyyy HH:mm"
|
dateFormat="dd/MM/yyyy"
|
||||||
className="disabled_style"
|
className="disabled_style"
|
||||||
locale='fr-FR'
|
locale='fr-FR'
|
||||||
|
|
||||||
|
@ -4011,7 +4016,7 @@ function GestionAdministrative(props) {
|
||||||
selected={detailuser_date_evaluation}
|
selected={detailuser_date_evaluation}
|
||||||
|
|
||||||
|
|
||||||
dateFormat="dd/MM/yyyy HH:mm"
|
dateFormat="dd/MM/yyyy"
|
||||||
className="disabled_style"
|
className="disabled_style"
|
||||||
locale='fr-FR'
|
locale='fr-FR'
|
||||||
|
|
||||||
|
@ -4109,7 +4114,7 @@ function GestionAdministrative(props) {
|
||||||
id="certif_date"
|
id="certif_date"
|
||||||
selected={detailuser_date_certification}
|
selected={detailuser_date_certification}
|
||||||
|
|
||||||
dateFormat="dd/MM/yyyy HH:mm"
|
dateFormat="dd/MM/yyyy"
|
||||||
className="disabled_style"
|
className="disabled_style"
|
||||||
locale='fr-FR'
|
locale='fr-FR'
|
||||||
|
|
||||||
|
@ -4124,7 +4129,7 @@ function GestionAdministrative(props) {
|
||||||
id="certif_date"
|
id="certif_date"
|
||||||
selected={detailuser_date_certification}
|
selected={detailuser_date_certification}
|
||||||
|
|
||||||
dateFormat="dd/MM/yyyy HH:mm"
|
dateFormat="dd/MM/yyyy"
|
||||||
className="disabled_style"
|
className="disabled_style"
|
||||||
locale='fr-FR'
|
locale='fr-FR'
|
||||||
style={{ "visibility": "hidden" }}
|
style={{ "visibility": "hidden" }}
|
||||||
|
@ -4184,6 +4189,9 @@ function GestionAdministrative(props) {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>}
|
</div>}
|
||||||
|
<div className="div_row" style={{ "border": "None" }}>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -25,6 +25,7 @@ import CheckOut from "./CheckOut";
|
||||||
import { IoCheckmarkCircleSharp } from "react-icons/io5";
|
import { IoCheckmarkCircleSharp } from "react-icons/io5";
|
||||||
import { FaHandPointRight } from "react-icons/fa";
|
import { FaHandPointRight } from "react-icons/fa";
|
||||||
import OrderConfirmation from "./OrderConfirmation";
|
import OrderConfirmation from "./OrderConfirmation";
|
||||||
|
import Pricing from "./Pricing";
|
||||||
|
|
||||||
const Partner = (props) => {
|
const Partner = (props) => {
|
||||||
const { commingmenu, commingpack } = useParams();
|
const { commingmenu, commingpack } = useParams();
|
||||||
|
@ -214,12 +215,12 @@ const Partner = (props) => {
|
||||||
if (action && list_menu.includes(action)) {
|
if (action && list_menu.includes(action)) {
|
||||||
setmenu(action);
|
setmenu(action);
|
||||||
|
|
||||||
if( action && orderid && packs && String("ordervalide")){
|
if (action && orderid && packs && String("ordervalide")) {
|
||||||
CheckSalesOrder();
|
CheckSalesOrder();
|
||||||
}
|
}
|
||||||
|
|
||||||
if( action && orderid && packs && String("abonnement")){
|
if (action && orderid && packs && String("abonnement")) {
|
||||||
//console.log(" abonnement : payement intent = ", orderid, " pack = ", packs);
|
//console.log(" abonnement : payement intent = ", orderid, " pack = ", packs);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}, [])
|
}, [])
|
||||||
|
@ -258,6 +259,12 @@ const Partner = (props) => {
|
||||||
setformation_file_name();
|
setformation_file_name();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function pricing_func(event) {
|
||||||
|
setmenu("pricing");
|
||||||
|
setapiexcelimportmessage();
|
||||||
|
setformation_file_name();
|
||||||
|
}
|
||||||
|
|
||||||
function DiplaytrainingList(event) {
|
function DiplaytrainingList(event) {
|
||||||
|
|
||||||
setmenu("affichage");
|
setmenu("affichage");
|
||||||
|
@ -546,6 +553,13 @@ const Partner = (props) => {
|
||||||
{String(menu) === "abonnement" && <div className="sousmenu_selected" onClick={Abonnement_func} > ABONNEMENT </div>}
|
{String(menu) === "abonnement" && <div className="sousmenu_selected" onClick={Abonnement_func} > ABONNEMENT </div>}
|
||||||
<hr className="my_hr" />
|
<hr className="my_hr" />
|
||||||
|
|
||||||
|
|
||||||
|
{String(menu) !== "abonnement" && <div className="sousmenu" onClick={pricing_func} > MES PRIX </div>}
|
||||||
|
{String(menu) === "abonnement" && <div className="sousmenu_selected" onClick={pricing_func} > MES PRIX </div>}
|
||||||
|
<hr className="my_hr" />
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{String(menu) !== "facture" && <div className="sousmenu" onClick={DisplayFacure} > FACTURATION</div>}
|
{String(menu) !== "facture" && <div className="sousmenu" onClick={DisplayFacure} > FACTURATION</div>}
|
||||||
{String(menu) === "facture" && <div className="sousmenu_selected" onClick={DisplayFacure} > FACTURATION</div>}
|
{String(menu) === "facture" && <div className="sousmenu_selected" onClick={DisplayFacure} > FACTURATION</div>}
|
||||||
<hr className="my_hr" />
|
<hr className="my_hr" />
|
||||||
|
@ -749,6 +763,17 @@ const Partner = (props) => {
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
{String(menu) === "pricing" && <div className="div_droite">
|
||||||
|
{/*String(partnerstatus) === String("1") &&
|
||||||
|
<div className="accountsatatus"> Finalisez la création de votre compte en ajoutant le moyen de payement de votre choix :)
|
||||||
|
</div>*/}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<Pricing />
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
|
||||||
{String(menu) === "abonnement" && <div className="div_droite">
|
{String(menu) === "abonnement" && <div className="div_droite">
|
||||||
{/*String(partnerstatus) === String("1") &&
|
{/*String(partnerstatus) === String("1") &&
|
||||||
<div className="accountsatatus"> Finalisez la création de votre compte en ajoutant le moyen de payement de votre choix :)
|
<div className="accountsatatus"> Finalisez la création de votre compte en ajoutant le moyen de payement de votre choix :)
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -3216,8 +3216,23 @@ const Recherche_new_v2 = () => {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div className="filter_metier_sous_block">
|
||||||
|
<div className="filter_metier_sous_block_content" onClick={getClassByMetier}>
|
||||||
|
<input className="frame_133_grp_radio" type="radio" value="sante_nat" id="metier_radio" name="metier_radio" />
|
||||||
|
|
||||||
|
<div className="filter_metier_sous_block_content_txt">
|
||||||
|
|
||||||
|
<div className="filter_metier_sous_block_content_txt_formation">
|
||||||
|
Santé naturelle
|
||||||
|
</div>
|
||||||
|
<div className="filter_metier_sous_block_content_txt_nb">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{!displayAllmetiers && <div className="filter_metier_sous_block" onClick={DisplayAllmetier}>
|
{!displayAllmetiers && <div className="filter_metier_sous_block" onClick={DisplayAllmetier}>
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 127 KiB |
|
@ -0,0 +1,179 @@
|
||||||
|
.pricing {
|
||||||
|
@media only screen and (max-width: 600px) {
|
||||||
|
.koUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: red;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.okUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: green;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
border-radius: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_gauche {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 48%;
|
||||||
|
border-radius: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_droite {
|
||||||
|
float: right;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 48%;
|
||||||
|
border-radius: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||||
|
/*style petites-moyennes tablettes */
|
||||||
|
|
||||||
|
.koUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: red;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.okUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: green;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
border-radius: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_gauche {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 48%;
|
||||||
|
border-radius: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_droite {
|
||||||
|
float: right;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 48%;
|
||||||
|
border-radius: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
.koUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: red;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.okUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: green;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
border-radius: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_gauche {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 48%;
|
||||||
|
border-radius: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_droite {
|
||||||
|
float: right;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 48%;
|
||||||
|
border-radius: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (min-width: 1200px) {
|
||||||
|
.koUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: red;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.okUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: green;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
border-radius: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_gauche {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 48%;
|
||||||
|
border-radius: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_droite {
|
||||||
|
float: right;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 48%;
|
||||||
|
border-radius: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buton_add_price{
|
||||||
|
border-radius: 5px;
|
||||||
|
font-size: small;
|
||||||
|
padding: 0.3rem;
|
||||||
|
width: 20%;
|
||||||
|
background: #81BC3A;
|
||||||
|
float: right;
|
||||||
|
margin-right: 10px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.texte_area{
|
||||||
|
width: 48% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// End media
|
||||||
|
}
|
|
@ -62,3 +62,4 @@
|
||||||
@import "./components/footer_v2";
|
@import "./components/footer_v2";
|
||||||
@import "./components/displaydetailclass_new_v2";
|
@import "./components/displaydetailclass_new_v2";
|
||||||
@import "./components/sedesabonner";
|
@import "./components/sedesabonner";
|
||||||
|
@import "./components/pricing";
|
||||||
|
|
Loading…
Reference in New Issue