10/01/23 - 20h

recette2
cherif 2023-01-10 20:45:39 +01:00
parent fa8dbd6741
commit 1ba188e230
4 changed files with 5053 additions and 537 deletions

View File

@ -489,11 +489,426 @@ const DisplayDetailClass_new_v2 = (props) => {
} }
const handleAccountCreation = () => {
history.push("/create_account")
};
const handleAccountConnexion = () => {
history.push("/Connexion")
};
function handleAccountLogout() {
if (String(userconnected) === String("1")) {
user_logout();
}
else if (String(partnerconnected) === String("1")) {
part_logout();
}
}
function part_logout_confirmation() {
/* si c'est une connexion partner qui est active */
if (typeof (stored_part) != "undefined") {
setCookie_part("tokenmysypart", "");
}
history.push("/recherche-formation");
}
function part_logout() {
confirmAlert({
title: '',
message: 'Confirmez la deconnexion (pro)',
buttons: [
{
label: 'Oui',
onClick: () => part_logout_confirmation()
},
{
label: 'Non',
onClick: () => { return }
}
]
});
}
function user_logout_confirmation() {
/* si c'est une connexion partner qui est active */
if (typeof (stored_user) != "undefined") {
setCookie("tokenmysych", "");
}
history.push("/recherche-formation");
}
function user_logout() {
confirmAlert({
title: '',
message: 'Confirmez la deconnexion (user)',
buttons: [
{
label: 'Yes',
onClick: () => user_logout_confirmation()
},
{
label: 'No',
onClick: () => { return }
}
]
});
}
/// ---- /// ----
return ( return (
<div className="displaydetailclass_new_v2">
<div className="mobile">
<div style={{ "display": "flex", "flexDirection": "column", }}> <div style={{ "display": "flex", "flexDirection": "column", }}>
<div className="displaydetailclass_new_v2" style={{ "background": "#F7F7F7", "height": "300vh", "width": "100%" }}> <div className="displaydetailclass_new_v2" style={{
"background": "#F7F7F7", "height": "300vh",
"width": "100%", "display": "flex", "flexDirection": "column",
}}>
<Helmet>
<meta name="description" content="Liste des articles sur les formations" />
<meta name="robots" content="index,follow" />
<meta name="title" content={DetailTraining["title"]} />
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/" + `${DetailTraining["internal_url"]}`} />
<title> {`${DetailTraining["title"]}`} </title>
</Helmet>
<Header />
<div className="mob_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" />}
{(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("it") &&
<img src={img_met_program} alt="informatique" className="training_img" />}
{(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("graphisme") &&
<img src={img_met_graphisme} alt="graphisme" className="training_img" />}
{(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("management") &&
<img src={img_met_management} alt="management" className="training_img" />}
{(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
DetailTraining.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("digital") &&
<img src={img_met_digital} alt="digital" className="training_img" />}
{(!DetailTraining.img_url || String(DetailTraining.img_url).length <= 0) &&
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.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.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.metier && String(DetailTraining.metier).toLocaleLowerCase() === String("dev_perso") &&
<img src={img_met_dev_perso} alt="developpement personnel" className="training_img" />}
</div>
<div className="mob_block_content">
<div className="mob_block_content_rating">
<Rating name="half-rating-reade"
precision={0.5}
value={ratingvalue}
readOnly={true}
/>
</div>
<div className="mob_block_content_title">
{DetailTraining["title"]}
</div>
</div>
<div className="mob_tag_cpf">
<div className="mob_tag_cpf_txt">
{DetailTraining["cpf"] && String(DetailTraining["cpf"]) === "1" &&
"Éligible au CPF"}
{!DetailTraining["cpf"] || String(DetailTraining["cpf"]) !== "1" &&
"NON Éligible au CPF"}
</div>
</div>
<div className="mob_price">
{String(DetailTraining["price"])} HT
</div>
<div className="mob_cats">
<div className="mob_cats_bton_inscr">
<div className="mob_cats_bton_inscr_txt">
Minscrire
</div>
</div>
<div className="mob_cats_bton_info">
<div className="mob_cats_bton_info_txt">
Minformer sur la formation
</div>
</div>
</div>
<div className="mob_caracteristic">
<div className="mob_caracteristic_title">
Caractéristiques :
</div>
<div className="mob_caracteristic_list">
<ul style={{ "width": "80%" }}>
<li>
<div className="mob_caracteristic_list_title_desc">
<div className="mob_caracteristic_list_title_desc_title">
Lieu :
</div>
<div className="mob_caracteristic_list_title_desc_desc">
À distance xx ???
</div>
</div>
</li>
<li>
<div className="mob_caracteristic_list_title_desc">
<div className="mob_caracteristic_list_title_desc_title">
Durée :
</div>
<div className="mob_caracteristic_list_title_desc_desc">
{DetailTraining["duration"]} &nbsp; {DetailTraining["duration_unit"]}
</div>
</div>
</li>
</ul>
</div>
</div>
<div className="mob_info_page">
<div className="mob_info_page_title_desc">
<div className="mob_info_page_title_desc_title">
Description
</div>
<div className="mob_info_page_title_desc_desc">
{parse(String(DetailTraining["description"]))}
</div>
</div>
<div className="mob_info_page_title_desc">
<div className="mob_info_page_title_desc_title">
Les Sessions
</div>
<div className="mob_info_page_title_desc_desc">
<ul style={{ "width": "100%" }}>
{GetCurrentClass_result && GetCurrentClass_result.slice(0, 5).map((formation) => (
<li style={{ "height": "2.8rem" }}>
{(JSON.parse(formation).distantiel) === "1" && <nav>
{(JSON.parse(formation).date_debut).substring(0, 10)} au
{(JSON.parse(formation).date_fin).substring(0, 10)} A Distance </nav>}
{(JSON.parse(formation).presentiel) === "1" && <nav> {(JSON.parse(formation).date_debut).substring(0, 10)} au {(JSON.parse(formation).date_fin).substring(0, 10)} En Présentiel - {(JSON.parse(formation).adresse)} &nbsp;{(JSON.parse(formation).code_postal)} </nav>}
</li>
))}
</ul>
</div>
</div>
<div className="mob_info_page_title_desc">
<div className="mob_info_page_title_desc_title">
Objectif
</div>
<div className="mob_info_page_title_desc_desc">
{parse(String(DetailTraining["objectif"]))}
</div>
</div>
</div>
<div className="mob_block_cross_sell_cat">
<div className="mob_block_sous_cross_sell">
<div className="mob_block_sous_cross_sell_title">
Formations & tutoriels du même organisme
</div>
<div className="mob_cross_sell_list_card">
{associatedtraining_message && String(associatedtraining_api) === "True" &&
associatedtraining_message.slice(0, 3).map((formation) => (
<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="training_img_crossel" />}
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("graphisme") &&
<img src={img_met_graphisme} alt="graphisme" className="training_img_crossel" />}
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("management") &&
<img src={img_met_management} alt="management" className="training_img_crossel" />}
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("digital") &&
<img src={img_met_digital} alt="digital" className="training_img_crossel" />}
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("office") &&
<img src={img_met_bureautic} alt="office" className="training_img_crossel" />}
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("rh") &&
<img src={img_met_rh} alt="ressources humaines" className="training_img_crossel" />}
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") &&
<img src={img_met_vente} alt="vente" className="training_img_crossel" />}
{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" />}
{!JSON.parse(formation).metier && <img src={img_met_autre} alt="autre personnel" className="training_img_crossel" />}
</div>
<div className="mob_cross_sell_card_tag_cpf">
<div className="mob_cross_sell_card_tag_cpf_txt">
{JSON.parse(formation).cpf && (String(JSON.parse(formation).cpf)) === "1" &&
"Éligible au CPF"}
{!JSON.parse(formation).cpf || String(JSON.parse(formation).cpf) !== "1" &&
"NON Éligible au CPF"}
</div>
</div>
<div className="mob_cross_sell_card_content">
<div className="mob_cross_sell_card_content_rating">
<Rating name="half-rating-reade"
precision={0.5}
readOnly={true}
value={(String(JSON.parse(formation).note))}
/>
</div>
<div className="mob_cross_sell_card_content_title">
{parse(String(JSON.parse(formation).title))}
</div>
<div className="mob_cross_sell_card_content_price">
{(String(JSON.parse(formation).price))} HT
</div>
</div>
<div className="mob_cross_sell_card_content_cat">
<div className="mob_cross_sell_card_content_cat_bton_detail">
<div className="mob_cross_sell_card_content_cat_bton_detail_txt">
Voir les détails
</div>
</div>
</div>
</div>
))}
</div>
</div>
</div>
</div>
</div>
</div>
<div className="desktop">
<div style={{ "display": "flex", "flexDirection": "column", }}>
<div className="displaydetailclass_new_v2" style={{
"background": "#F7F7F7", "height": "300vh",
"width": "100%", "display": "flex", "flexDirection": "column",
}}>
<Helmet> <Helmet>
<meta name="description" content="Liste des articles sur les formations" /> <meta name="description" content="Liste des articles sur les formations" />
@ -516,19 +931,17 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="menu_header"> <div className="menu_header">
<div className="menu_header_search">
<FaSearch />
<div className="menu_header_menu" onClick={(e) => { history.push("/") }}>
<FaSearch /> &nbsp; Les formations
</div> </div>
<div className="menu_header_menu"> <div className="menu_header_menu" onClick={(e) => { history.push("/Recherche-Article-formation") }}>
Les formations
</div>
<div className="menu_header_menu">
Le blog Le blog
</div> </div>
<div className="menu_header_menu"> <div className="menu_header_menu" onClick={(e) => { history.push("/Produits-Services") }}>
Nos Services Nos Services
</div> </div>
@ -545,9 +958,21 @@ const DisplayDetailClass_new_v2 = (props) => {
</div> </div>
<div className="menu_header_cat_buton_inscr_txt"> <div className="menu_header_cat_buton_inscr_txt">
{String(someoneconnected) !== String("1") && <nav className="cta2">
<nav className="minscrire">
<div className="minscrire" onClick={handleAccountCreation}>
Minscrire Minscrire
</div> </div>
</nav>
</nav>}
</div>
</div> </div>
<div className="menu_header_cat_buton_connex"> <div className="menu_header_cat_buton_connex">
@ -557,7 +982,12 @@ const DisplayDetailClass_new_v2 = (props) => {
</div> </div>
<div className="menu_header_cat_buton_connex_txt"> <div className="menu_header_cat_buton_connex_txt">
{String(someoneconnected) !== String("1") && <nav className="meconnecter" onClick={handleAccountConnexion}>
Me connecter Me connecter
</nav>}
{String(someoneconnected) === String("1") && <nav className="meconnecter" onClick={handleAccountLogout}>
Me deconnecter
</nav>}
</div> </div>
</div> </div>
@ -627,7 +1057,7 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="block_info_page_pave_title_desc_title"> <div className="block_info_page_pave_title_desc_title">
Description Description
</div> </div>
<div className="block_info_page_pave_title_desc_desc"> <div className="block_info_page_pave_title_desc">
{parse(String(DetailTraining["description"]))} {parse(String(DetailTraining["description"]))}
</div> </div>
@ -635,15 +1065,31 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="block_info_page_pave_title_desc"> <div className="block_info_page_pave_title_desc">
<div className="block_info_page_pave_title_desc_title"> <div className="block_info_page_pave_title_desc_title">
Description Les Sessions
</div> </div>
<div className="block_info_page_pave_title_desc_desc"> <div className="block_info_page_pave_title_desc_desc">
{parse(String(DetailTraining["description"]))} <ul style={{ "width": "100%" }}>
{GetCurrentClass_result && GetCurrentClass_result.slice(0, 5).map((formation) => (
<li style={{ "height": "2.8rem" }}>
{(JSON.parse(formation).distantiel) === "1" && <nav>
{(JSON.parse(formation).date_debut).substring(0, 10)} au
{(JSON.parse(formation).date_fin).substring(0, 10)} A Distance </nav>}
{(JSON.parse(formation).presentiel) === "1" && <nav> {(JSON.parse(formation).date_debut).substring(0, 10)} au {(JSON.parse(formation).date_fin).substring(0, 10)} En Présentiel - {(JSON.parse(formation).adresse)} &nbsp;{(JSON.parse(formation).code_postal)} </nav>}
</li>
))}
</ul>
</div> </div>
</div> </div>
<div className="block_info_page_pave_title_desc"> <div className="block_info_page_pave_title_desc">
<div className="block_info_page_pave_title_desc_title"> <div className="block_info_page_pave_title_desc_title">
Objectif Objectif
@ -655,7 +1101,7 @@ const DisplayDetailClass_new_v2 = (props) => {
</div> </div>
<div className="block_info_page_pave_title_desc"> <div className="block_info_page_pave_title_desc_long_text">
<div className="block_info_page_pave_title_desc_title"> <div className="block_info_page_pave_title_desc_title">
Programme Programme
</div> </div>
@ -676,9 +1122,6 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="block_sticky_info_img"> <div className="block_sticky_info_img">
{/*String(DetailTraining["img_url"]) && String(DetailTraining["img_url"]).toLocaleLowerCase() === String("it") &&
<img src={img_met_program} alt="informatique" className="training_img" />*/}
{DetailTraining.img_url && String(DetailTraining.img_url).length > 0 && {DetailTraining.img_url && String(DetailTraining.img_url).length > 0 &&
<img src={`${DetailTraining.img_url}`} className="training_img" />} <img src={`${DetailTraining.img_url}`} className="training_img" />}
@ -737,7 +1180,7 @@ const DisplayDetailClass_new_v2 = (props) => {
</div> </div>
<div className="block_sticky_info_caracteristique_list_title_desc_desc"> <div className="block_sticky_info_caracteristique_list_title_desc_desc">
À distance À distance xx ???
</div> </div>
@ -904,9 +1347,9 @@ const DisplayDetailClass_new_v2 = (props) => {
</div> </div>
<div className="sticky_cats"> <div className="sticky_cats">
<div className="sticky_cats_buton_inscrire"> <div className="sticky_cats_buton_inscrire" onClick={Inscription_bton}>
<div className="sticky_cats_buton_inscrire_box" onClick={Inscription_bton}> </div> <div className="sticky_cats_buton_inscrire_box" > </div>
<div className="sticky_cats_buton_inscrire_txt" >Minscrire </div> <div className="sticky_cats_buton_inscrire_txt" >Minscrire </div>
</div> </div>
@ -1060,7 +1503,6 @@ const DisplayDetailClass_new_v2 = (props) => {
</div> </div>
</div> </div>
{/*<div className="div_mobile"> {/*<div className="div_mobile">
@ -1491,9 +1933,11 @@ Si non, on utilise le formumaire de mysy,.
</div> </div>
<div style={{ "width": "100%" }} > <div style={{ "width": "100%", "position": "relative" }} >
<div className="pieddepage">
<Footer /> <Footer />
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -2270,9 +2270,8 @@ function GestionAdministrative(props) {
<option value={(JSON.parse(session).formation_session_id)}> <option value={(JSON.parse(session).formation_session_id)}>
{(JSON.parse(session).date_debut).substring(0, 10)} au {(JSON.parse(session).date_fin).substring(0, 10)} - {(JSON.parse(session).date_debut).substring(0, 10)} au {(JSON.parse(session).date_fin).substring(0, 10)} -
{(JSON.parse(session).distantiel) === "1" && " A Distantiel - "} {(JSON.parse(session).distantiel) === "1" && " A Distance - "}
{(JSON.parse(session).presentiel) === "1" && " En Présentiel - "} {(JSON.parse(session).presentiel) === "1" && " En Présentiel - "+(JSON.parse(session).adresse)} &nbsp;{(JSON.parse(session).code_postal) }
{(JSON.parse(session).adresse)} &nbsp;{(JSON.parse(session).code_postal)}
</option> </option>

View File

@ -620,30 +620,11 @@ function Inscription_Information(props) {
<option value={JSON.parse(formation).formation_session_id}> <option value={JSON.parse(formation).formation_session_id}>
{JSON.parse(formation).code_postal === "0" && {(JSON.parse(formation).date_debut).substring(0, 10)} au {(JSON.parse(formation).date_fin).substring(0, 10)} -
String(JSON.parse(formation).date_debut) === String(JSON.parse(formation).date_fin) && {(JSON.parse(formation).distantiel) === "1" && " A Distance - "}
"Le " + String(JSON.parse(formation).date_debut).substring(0, 10) + + " EN LIGNE" {(JSON.parse(formation).presentiel) === "1" && " En Présentiel - "+(JSON.parse(formation).adresse)+" "+(JSON.parse(formation).code_postal)}
}
{JSON.parse(formation).code_postal === "0" &&
String(JSON.parse(formation).date_debut) !== String(JSON.parse(formation).date_fin) &&
String(JSON.parse(formation).date_debut).substring(0, 10) + " au " + String(JSON.parse(formation).date_fin).substring(0, 10) + " EN LIGNE"
}
{String(JSON.parse(formation).code_postal) !== "0" &&
String(JSON.parse(formation).date_debut) === String(JSON.parse(formation).date_fin) &&
"Le " + String(JSON.parse(formation).date_debut).substring(0, 10) + " au " + JSON.parse(formation).adresse +
" " + JSON.parse(formation).code_postal + " " + JSON.parse(formation).ville
}
{JSON.parse(formation).code_postal !== "0" &&
String(JSON.parse(formation).date_debut) !== String(JSON.parse(formation).date_fin) &&
String(JSON.parse(formation).date_debut).substring(0, 10) + " au " + String(JSON.parse(formation).date_fin).substring(0, 10) + " au " +
JSON.parse(formation).adresse + " " + JSON.parse(formation).code_postal + " " + JSON.parse(formation).ville
}
</option> </option>

File diff suppressed because it is too large Load Diff