qsdqs
parent
0609dd6811
commit
17855bda22
|
@ -7,6 +7,7 @@ import Connexion from './pages/Connexion'
|
||||||
import Login from './pages/Login';
|
import Login from './pages/Login';
|
||||||
|
|
||||||
import Recherche_new_v2 from "./pages/recherche_new_v2";
|
import Recherche_new_v2 from "./pages/recherche_new_v2";
|
||||||
|
import Recherche_new_v3 from "./pages/recherche_new_v3";
|
||||||
|
|
||||||
import Mon_Catalogue_Public from "./pages/mon_catalogue_public";
|
import Mon_Catalogue_Public from "./pages/mon_catalogue_public";
|
||||||
|
|
||||||
|
@ -15,6 +16,7 @@ import TestUrl from "./pages/testurl";
|
||||||
import Account from "./pages/account";
|
import Account from "./pages/account";
|
||||||
|
|
||||||
import DisplayDetailClass_new_v2 from "./pages/displaydetailclass_new_v2";
|
import DisplayDetailClass_new_v2 from "./pages/displaydetailclass_new_v2";
|
||||||
|
import DisplayDetailClass_new_v3 from "./pages/displaydetailclass_new_v3";
|
||||||
|
|
||||||
import Display_Partner_Catalog_DetailClass_new_v2 from "./pages/display_partner_catalog_detailclass_new_v2"
|
import Display_Partner_Catalog_DetailClass_new_v2 from "./pages/display_partner_catalog_detailclass_new_v2"
|
||||||
|
|
||||||
|
@ -146,6 +148,9 @@ function App() {
|
||||||
|
|
||||||
<Route path="/" exact component={Recherche_new_v2} />
|
<Route path="/" exact component={Recherche_new_v2} />
|
||||||
|
|
||||||
|
<Route path="/v3" exact component={Recherche_new_v3} />
|
||||||
|
|
||||||
|
|
||||||
<Route path="/subdomain" exact component={Subdomain_Recherche_new_v2} />
|
<Route path="/subdomain" exact component={Subdomain_Recherche_new_v2} />
|
||||||
|
|
||||||
<Route path="/moncatalog" exact component={Mon_Catalogue_Public} />
|
<Route path="/moncatalog" exact component={Mon_Catalogue_Public} />
|
||||||
|
@ -165,8 +170,10 @@ function App() {
|
||||||
<Route path="/recherche-formation/ref/:NewSearchText" exact component={Recherche_new_v2} />
|
<Route path="/recherche-formation/ref/:NewSearchText" exact component={Recherche_new_v2} />
|
||||||
<Route path="/testurl/:course/:tab" exact component={TestUrl} />
|
<Route path="/testurl/:course/:tab" exact component={TestUrl} />
|
||||||
<Route path="/testurl_new/:courseid/:tabid" exact component={TestUrl_New} />
|
<Route path="/testurl_new/:courseid/:tabid" exact component={TestUrl_New} />
|
||||||
|
|
||||||
|
<Route path="/Display-Detail-formation_v3/:classId" exact component={DisplayDetailClass_new_v3} />
|
||||||
<Route path="/Display-Detail-formation/:classId" exact component={DisplayDetailClass_new_v2} />
|
<Route path="/Display-Detail-formation/:classId" exact component={DisplayDetailClass_new_v2} />
|
||||||
<Route path="/Display-Detail-formation/:classId" exact component={DisplayDetailClass_new_v2} />
|
|
||||||
<Route path="/Display-Detail-formation/:classId/:action" exact component={DisplayDetailClass_new_v2} />
|
<Route path="/Display-Detail-formation/:classId/:action" exact component={DisplayDetailClass_new_v2} />
|
||||||
<Route path="/Display-Detail-formation_old/:classId/:action" exact component={DisplayDetailClass_new_v2} />
|
<Route path="/Display-Detail-formation_old/:classId/:action" exact component={DisplayDetailClass_new_v2} />
|
||||||
<Route path="/Display-Detail-Article/:articleId" exact component={DisplayDetailArticle} />
|
<Route path="/Display-Detail-Article/:articleId" exact component={DisplayDetailArticle} />
|
||||||
|
|
|
@ -2070,6 +2070,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
|
|
||||||
</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
|
||||||
|
@ -2372,41 +2373,7 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{/*GetCurrentClass_result && GetCurrentClass_result.length > 0 && <div className="block_sticky_info_Sessions">
|
|
||||||
<div className="block_sticky_info_Sessions_title">
|
|
||||||
Les sessions :
|
|
||||||
</div>
|
|
||||||
<div className="block_sticky_info_Sessions_list">
|
|
||||||
<ul style={{ "width": "100%" }}>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{GetCurrentClass_result && GetCurrentClass_result.slice(0, 3).map((formation) => (
|
|
||||||
<li>
|
|
||||||
|
|
||||||
<div className="block_sticky_info_Sessions_list_title_desc">
|
|
||||||
<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)}
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div className="block_sticky_info_Sessions_list_title_desc_desc">
|
|
||||||
{(JSON.parse(formation).distantiel) === "1" && " A Distance - "}
|
|
||||||
{(JSON.parse(formation).presentiel) === "1" && " En Présentiel - "}
|
|
||||||
{(JSON.parse(formation).adresse)} {(JSON.parse(formation).code_postal)}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</li>
|
|
||||||
|
|
||||||
))}
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>*/}
|
|
||||||
{String(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" && <div className="sticky_cats">
|
{String(action).toLowerCase() !== "information" && String(action).toLowerCase() !== "inscription" && <div className="sticky_cats">
|
||||||
|
|
||||||
<div className="sticky_cats_buton_inscrire" onClick={Inscription_bton}>
|
<div className="sticky_cats_buton_inscrire" onClick={Inscription_bton}>
|
||||||
|
@ -2504,8 +2471,6 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
<div className="sous_crossell_title"> Cela pourrait aussi vous intéresser</div>}
|
<div className="sous_crossell_title"> Cela pourrait aussi vous intéresser</div>}
|
||||||
|
|
||||||
<div className="sous_crossell_list_card">
|
<div className="sous_crossell_list_card">
|
||||||
|
|
||||||
|
|
||||||
{associatedtraining_message && String(associatedtraining_api) === "True" &&
|
{associatedtraining_message && String(associatedtraining_api) === "True" &&
|
||||||
associatedtraining_message.slice(0, 3).map((formation) => (
|
associatedtraining_message.slice(0, 3).map((formation) => (
|
||||||
<div className="sous_crossell_list_card_card">
|
<div className="sous_crossell_list_card_card">
|
||||||
|
@ -2619,431 +2584,8 @@ const DisplayDetailClass_new_v2 = (props) => {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/*<div className="div_mobile">
|
|
||||||
<h1 className="h1_transparent">{`${DetailTraining["title"]}`}</h1>
|
|
||||||
|
|
||||||
|
|
||||||
<div className="left_box">
|
|
||||||
|
|
||||||
<div className="hilightsoustitre" > A voir au ssi</div>
|
|
||||||
|
|
||||||
|
|
||||||
{associatedtraining_message && String(associatedtraining_api) === "True" &&
|
|
||||||
associatedtraining_message.map((formation) => (
|
|
||||||
<div className="autres_formations" onClick={(e) => {
|
|
||||||
e.preventDefault();
|
|
||||||
//test(props.formation.external_code);
|
|
||||||
window.open(
|
|
||||||
"/Display-Detail-formation/" + JSON.parse(formation).internal_url,
|
|
||||||
'_blank'
|
|
||||||
);
|
|
||||||
|
|
||||||
|
|
||||||
}}>
|
|
||||||
<div className="forma_img_logo_class">
|
|
||||||
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("it") &&
|
|
||||||
<img src={img_met_program} alt="informatique" className="training_img" />}
|
|
||||||
|
|
||||||
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("graphisme") &&
|
|
||||||
<img src={img_met_graphisme} alt="graphisme" className="training_img" />}
|
|
||||||
|
|
||||||
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("management") &&
|
|
||||||
<img src={img_met_management} alt="management" className="training_img" />}
|
|
||||||
|
|
||||||
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("digital") &&
|
|
||||||
<img src={img_met_digital} alt="digital" className="training_img" />}
|
|
||||||
|
|
||||||
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("office") &&
|
|
||||||
<img src={img_met_bureautic} alt="office" className="training_img" />}
|
|
||||||
|
|
||||||
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("rh") &&
|
|
||||||
<img src={img_met_rh} alt="ressources humaines" className="training_img" />}
|
|
||||||
|
|
||||||
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") &&
|
|
||||||
<img src={img_met_vente} alt="vente" className="training_img" />}
|
|
||||||
|
|
||||||
{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" />}
|
|
||||||
|
|
||||||
{!JSON.parse(formation).metier && <img src={img_met_autre} alt="autre personnel" className="training_img" />}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div >
|
|
||||||
<div className="vignet_title">
|
|
||||||
{parse(String(JSON.parse(formation).title))}
|
|
||||||
</div>
|
|
||||||
<div className="vignet_desc">
|
|
||||||
{parse(String((JSON.parse(formation).description).substring(0, 50)))}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
))}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="right_box">
|
|
||||||
{DetailTraining["img_banner_detail_class"] && <div>
|
|
||||||
<img src={`${DetailTraining["img_banner_detail_class"]}`} className="img_bannermg_WOimg" />
|
|
||||||
<Button variant="contained" color="success"
|
|
||||||
className="bton_inscription"
|
|
||||||
onClick={Inscription_bton}
|
|
||||||
>
|
|
||||||
Je m'inscris
|
|
||||||
</Button> <br />
|
|
||||||
|
|
||||||
<Button variant="contained" color="success"
|
|
||||||
className="bton_recontact"
|
|
||||||
onClick={Contact_bton}
|
|
||||||
>
|
|
||||||
Une question ?
|
|
||||||
</Button>
|
|
||||||
|
|
||||||
|
|
||||||
</div>}
|
|
||||||
|
|
||||||
{(!DetailTraining["img_banner_detail_class"] || String(DetailTraining["img_banner_detail_class"]).length < 5) &&
|
|
||||||
<div className="img_banner">
|
|
||||||
<div className="text_surna"> </div>
|
|
||||||
<div className="row_inscription">
|
|
||||||
<Button variant="contained" color="success"
|
|
||||||
className="bton_inscription"
|
|
||||||
onClick={Inscription_bton}
|
|
||||||
|
|
||||||
>
|
|
||||||
Je m'inscris
|
|
||||||
</Button>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>}
|
|
||||||
|
|
||||||
{/*
|
|
||||||
/!\ important :
|
|
||||||
|
|
||||||
Certains partenaire ont leur propre système d'inscription.
|
|
||||||
Donc si le champs "myclass.class_inscription_url" existe et est valide, alors
|
|
||||||
on renvoi l'utilisateur vers ce lien.
|
|
||||||
|
|
||||||
Si non, on utilise le formumaire de mysy,.
|
|
||||||
|
|
||||||
* /}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{String(inscritpion) === "1" && <div className="description detail_element">
|
|
||||||
<Inscription internal_url={DetailTraining["internal_url"]} action="inscription" />
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
{String(inscritpion) === "2" && <div className="description detail_element">
|
|
||||||
<Inscription internal_url={DetailTraining["internal_url"]} action="information" />
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
<div className="titre_formation">
|
|
||||||
{parse(String(DetailTraining["title"]))}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="description detail_element">
|
|
||||||
<b className="sous_titre">Descriptions </b> {DetailTraining["description"] &&
|
|
||||||
<p style={{ "fontSize": "smal", "marginTop": "0.3rem" }}>
|
|
||||||
|
|
||||||
{parse(String(DetailTraining["description"]))}
|
|
||||||
</p>}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
{DetailTraining["objectif"] && <div className="description detail_element">
|
|
||||||
<b className="sous_titre">Objectif </b>
|
|
||||||
|
|
||||||
<p style={{ "fontSize": "smal", "marginTop": "0.3rem" }}>
|
|
||||||
{parse(String(DetailTraining["objectif"]))}
|
|
||||||
</p>
|
|
||||||
|
|
||||||
</div>}
|
|
||||||
|
|
||||||
<br />
|
|
||||||
{DetailTraining["prerequis"] && <div className="description detail_element">
|
|
||||||
<b className="sous_titre">Pré-requis </b> {DetailTraining["prerequis"] &&
|
|
||||||
<p style={{ "fontSize": "smal", "marginTop": "0.3rem" }}>
|
|
||||||
{parse(String(DetailTraining["prerequis"]))}
|
|
||||||
</p>}
|
|
||||||
{!DetailTraining["prerequis"] && <p style={{ "fontStyle": "italic" }}>
|
|
||||||
---
|
|
||||||
</p>}
|
|
||||||
<br />
|
|
||||||
</div>}
|
|
||||||
|
|
||||||
{DetailTraining["pourqui"] && <div className="description detail_element">
|
|
||||||
<b className="sous_titre">Pour Qui </b> {DetailTraining["pourqui"] &&
|
|
||||||
<p style={{ "fontSize": "smal", "marginTop": "0.3rem" }}>
|
|
||||||
{parse(String(DetailTraining["pourqui"]))}
|
|
||||||
</p>}
|
|
||||||
{!DetailTraining["pourqui"] && <p style={{ "fontStyle": "italic" }}>
|
|
||||||
---
|
|
||||||
</p>}
|
|
||||||
<br />
|
|
||||||
</div>}
|
|
||||||
|
|
||||||
|
|
||||||
{DetailTraining["programme"] && <div className="description detail_element">
|
|
||||||
|
|
||||||
<b className="sous_titre">Programme </b>
|
|
||||||
{DetailTraining["programme"] && <p style={{ "fontSize": "small", "marginTop": "0.3rem" }}>
|
|
||||||
{parse(String(DetailTraining["programme"]))}
|
|
||||||
</p>}
|
|
||||||
{!DetailTraining["programme"] && <p style={{ "fontStyle": "italic" }}>
|
|
||||||
---
|
|
||||||
</p>}
|
|
||||||
<br />
|
|
||||||
</div>}
|
|
||||||
|
|
||||||
{DetailTraining["plus_produit"] && <div className="description detail_element">
|
|
||||||
<b className="sous_titre">Points forts </b>
|
|
||||||
{DetailTraining["plus_produit"] &&
|
|
||||||
<p style={{ "fontSize": "small", "marginTop": "0.3rem" }}>
|
|
||||||
{parse(String(DetailTraining["plus_produit"]))}
|
|
||||||
</p>}
|
|
||||||
|
|
||||||
<br />
|
|
||||||
</div>}
|
|
||||||
|
|
||||||
<div className="caracteristique">
|
|
||||||
Caracteristiques <br />
|
|
||||||
<hr style={{ "width": "20%", "textAlign": "center", "marginLeft": "auto", "marginRight": "auto" }} />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="div_row">
|
|
||||||
|
|
||||||
<div className="div_row_critere">
|
|
||||||
<div className="div_row_critere_gauche"> Prix :
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="div_row_critere_droite">
|
|
||||||
{DetailTraining["price"]} €
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="div_row_critere"> <div className="div_row_critere_gauche"> Durée :
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="div_row_critere_droite">
|
|
||||||
{DetailTraining["duration"]} {DetailTraining["duration_unit"]}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="div_row_critere"> <div className="div_row_critere_gauche"> Certification :
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="div_row_critere_droite">
|
|
||||||
{DetailTraining["certif"] && String(DetailTraining["certif"]) !== String("1") && <div>
|
|
||||||
|
|
||||||
Non </div>
|
|
||||||
}
|
|
||||||
{DetailTraining["certif"] && String(DetailTraining["certif"]) === String("1") && <div>
|
|
||||||
|
|
||||||
Oui </div>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div className="calage"> </div>
|
|
||||||
<div className="div_row_critere"> <div className="div_row_critere_gauche"> Distanciel :
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="div_row_critere_droite">
|
|
||||||
{DetailTraining.presentiel && DetailTraining.presentiel.distantiel === "1" && <div> Oui </div>}
|
|
||||||
{DetailTraining.presentiel && DetailTraining.presentiel.distantiel !== "1" && <div> Non </div>}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="div_row_critere"> <div className="div_row_critere_gauche"> Presentiel :
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="div_row_critere_droite">
|
|
||||||
{DetailTraining.presentiel && DetailTraining.presentiel.presentiel === "1" && <div> Oui </div>}
|
|
||||||
{DetailTraining.presentiel && DetailTraining.presentiel.presentiel !== "1" && <div> Non </div>}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="div_row_critere"> <div className="div_row_critere_gauche"> Support :
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="div_row_critere_droite">
|
|
||||||
{DetailTraining["support"] && <div>
|
|
||||||
|
|
||||||
{DetailTraining["support"]} </div>
|
|
||||||
}
|
|
||||||
{!DetailTraining["certif"] && <div>
|
|
||||||
|
|
||||||
Inconnu </div>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="calage"> </div>
|
|
||||||
</div>
|
|
||||||
<div className="div_row">
|
|
||||||
<div className="div_row_critere_note">
|
|
||||||
<div className="div_row_critere_gauche" style={{ "paddingTop": "3px", "textAlign": "center", "width": "50%" }}> Note
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="div_row_critere_droite" style={{ "textAlign": "left", "width": "50%" }}>
|
|
||||||
|
|
||||||
<Rating name="half-rating-reade"
|
|
||||||
|
|
||||||
precision={0.5}
|
|
||||||
value={ratingvalue}
|
|
||||||
/>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="div_row" style={{ "float": "left" }}> </div>
|
|
||||||
<div style={{ "textAlign": "left", "float": "left", "width": "99%" }}>
|
|
||||||
<Button variant="outlined" onClick={submenu_datelieu} className="detail_class_submenu" id='menu_datelieu' name='menu_datelieu'>Sessions</Button>
|
|
||||||
<Button variant="outlined" onClick={submenu_info} className="detail_class_submenu" id='menu_formateur' name='menu_formateur'>Formateur</Button>
|
|
||||||
<Button variant="outlined" onClick={submenu_divers} className="detail_class_submenu" id='menu_divers' name='menu_divers'>Divers</Button>
|
|
||||||
|
|
||||||
{/*<hr className="hr_height" />* /}
|
|
||||||
|
|
||||||
<div>
|
|
||||||
{String(submenu) === String("formateur") && <div className="detail_class_submenu_data">
|
|
||||||
{DetailTraining.trainer && <div>
|
|
||||||
<br />
|
|
||||||
{DetailTraining.trainer}
|
|
||||||
</div>}
|
|
||||||
|
|
||||||
{!DetailTraining.trainer && <div>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
</div>}
|
|
||||||
|
|
||||||
</div>}
|
|
||||||
|
|
||||||
{String(submenu) === String("datelieu") && <div className="detail_class_submenu_data">
|
|
||||||
|
|
||||||
|
|
||||||
{GetCurrentClass_result && GetCurrentClass_result.map((formation) => (
|
|
||||||
|
|
||||||
|
|
||||||
<div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{String(JSON.parse(formation).code_postal) === "0" &&
|
|
||||||
String(JSON.parse(formation).date_debut) === String(JSON.parse(formation).date_fin) && <nav>
|
|
||||||
Le {JSON.parse(formation).date_debut} En ligne
|
|
||||||
</nav>}
|
|
||||||
|
|
||||||
{String(JSON.parse(formation).code_postal) !== "0" && String(JSON.parse(formation).date_debut) === String(JSON.parse(formation).date_fin) &&
|
|
||||||
<nav>
|
|
||||||
Le {JSON.parse(formation).date_debut} ; au {JSON.parse(formation).adresse} , {JSON.parse(formation).ville} {JSON.parse(formation).code_postal}
|
|
||||||
</nav>}
|
|
||||||
|
|
||||||
|
|
||||||
{String(JSON.parse(formation).code_postal) === "0" && <nav> String( JSON.parse(formation).date_debut) !== String( JSON.parse(formation).date_fin) &&
|
|
||||||
Le {JSON.parse(formation).date_debut} ; En ligne
|
|
||||||
</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}
|
|
||||||
</nav>}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
|
|
||||||
</div>}
|
|
||||||
|
|
||||||
{String(submenu) === String("divers") && <div className="detail_class_submenu_data">
|
|
||||||
|
|
||||||
</div>}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="left_box_for_mobile">
|
|
||||||
|
|
||||||
<div className="hilightsoustitre" > A voir au ssi</div>
|
|
||||||
|
|
||||||
|
|
||||||
{associatedtraining_message && String(associatedtraining_api) === "True" &&
|
|
||||||
associatedtraining_message.map((formation) => (
|
|
||||||
<div className="autres_formations" onClick={(e) => {
|
|
||||||
e.preventDefault();
|
|
||||||
//test(props.formation.external_code);
|
|
||||||
window.open(
|
|
||||||
"/Display-Detail-formation/" + JSON.parse(formation).internal_url,
|
|
||||||
'_blank'
|
|
||||||
);
|
|
||||||
|
|
||||||
|
|
||||||
}}>
|
|
||||||
<div className="forma_img_logo_class">
|
|
||||||
|
|
||||||
|
|
||||||
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("it") &&
|
|
||||||
<img src={img_met_program} alt="informatique" className="training_img" />}
|
|
||||||
|
|
||||||
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("graphisme") &&
|
|
||||||
<img src={img_met_graphisme} alt="graphisme" className="training_img" />}
|
|
||||||
|
|
||||||
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("management") &&
|
|
||||||
<img src={img_met_management} alt="management" className="training_img" />}
|
|
||||||
|
|
||||||
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("digital") &&
|
|
||||||
<img src={img_met_digital} alt="digital" className="training_img" />}
|
|
||||||
|
|
||||||
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("office") &&
|
|
||||||
<img src={img_met_bureautic} alt="office" className="training_img" />}
|
|
||||||
|
|
||||||
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("rh") &&
|
|
||||||
<img src={img_met_rh} alt="ressources humaines" className="training_img" />}
|
|
||||||
|
|
||||||
{JSON.parse(formation).metier && String(JSON.parse(formation).metier).toLocaleLowerCase() === String("vente") &&
|
|
||||||
<img src={img_met_vente} alt="vente" className="training_img" />}
|
|
||||||
|
|
||||||
{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" />}
|
|
||||||
|
|
||||||
{!JSON.parse(formation).metier && <img src={img_met_autre} alt="autre personnel" className="training_img" />}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div >
|
|
||||||
<div className="vignet_title">
|
|
||||||
{parse(String(JSON.parse(formation).title))}
|
|
||||||
</div>
|
|
||||||
<div className="vignet_desc">
|
|
||||||
{parse(String((JSON.parse(formation).description).substring(0, 50)))}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
))}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="pieddepage">
|
|
||||||
<Footer />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>*/}
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
@ -0,0 +1,15 @@
|
||||||
|
import DisplayDetailClass from "../components/DisplayDetailClass";
|
||||||
|
import DisplayDetailClass_new_v3 from "../components/DisplayDetailClass_new_v3";
|
||||||
|
import Navigation from "../components/Navigation";
|
||||||
|
|
||||||
|
export default function displaydetailclass() {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<div >
|
||||||
|
<Navigation />
|
||||||
|
</div>
|
||||||
|
<DisplayDetailClass_new_v3 />
|
||||||
|
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
|
@ -0,0 +1,21 @@
|
||||||
|
import Recherche_new_v3 from "../components/Recherche_new_v3";
|
||||||
|
import Navigation from "../components/Navigation";
|
||||||
|
import Footer from "./footer";
|
||||||
|
|
||||||
|
const recherche = () => {
|
||||||
|
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<Navigation />
|
||||||
|
<div>
|
||||||
|
<Recherche_new_v3 />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export default recherche;
|
File diff suppressed because it is too large
Load Diff
|
@ -148,7 +148,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p_forma {
|
.p_forma {
|
||||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
font-weight: var(--bs-body-font-weight);
|
font-weight: var(--bs-body-font-weight);
|
||||||
line-height: var(--bs-body-line-height);
|
line-height: var(--bs-body-line-height);
|
||||||
font-size: 0.74rem;
|
font-size: 0.74rem;
|
||||||
|
@ -544,7 +544,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p_forma {
|
.p_forma {
|
||||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
font-size: 0.74rem;
|
font-size: 0.74rem;
|
||||||
line-height: 1.3rem;
|
line-height: 1.3rem;
|
||||||
font-weight: var(--bs-body-font-weight);
|
font-weight: var(--bs-body-font-weight);
|
||||||
|
@ -891,7 +891,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p_forma {
|
.p_forma {
|
||||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
font-size: 0.77rem;
|
font-size: 0.77rem;
|
||||||
font-weight: var(--bs-body-font-weight);
|
font-weight: var(--bs-body-font-weight);
|
||||||
line-height: var(--bs-body-line-height);
|
line-height: var(--bs-body-line-height);
|
||||||
|
@ -1247,7 +1247,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p_forma {
|
.p_forma {
|
||||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
font-weight: var(--bs-body-font-weight);
|
font-weight: var(--bs-body-font-weight);
|
||||||
line-height: var(--bs-body-line-height);
|
line-height: var(--bs-body-line-height);
|
||||||
padding-bottom: 0rem;
|
padding-bottom: 0rem;
|
||||||
|
|
|
@ -152,7 +152,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p_forma {
|
.p_forma {
|
||||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
font-weight: var(--bs-body-font-weight);
|
font-weight: var(--bs-body-font-weight);
|
||||||
line-height: var(--bs-body-line-height);
|
line-height: var(--bs-body-line-height);
|
||||||
font-size: 0.74rem;
|
font-size: 0.74rem;
|
||||||
|
@ -197,7 +197,7 @@
|
||||||
.training_title {
|
.training_title {
|
||||||
color: #619e31;
|
color: #619e31;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
font-family: "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
text-align: left;
|
text-align: left;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
margin-bottom: 0.6rem !important;
|
margin-bottom: 0.6rem !important;
|
||||||
|
@ -205,7 +205,7 @@
|
||||||
font-family: 'Albert Sans';
|
font-family: 'Albert Sans';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-size: 18px;
|
font-size: 16px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
/* identical to box height */
|
/* identical to box height */
|
||||||
|
|
||||||
|
@ -573,7 +573,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p_forma {
|
.p_forma {
|
||||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
font-size: 0.74rem;
|
font-size: 0.74rem;
|
||||||
line-height: 1.3rem;
|
line-height: 1.3rem;
|
||||||
font-weight: var(--bs-body-font-weight);
|
font-weight: var(--bs-body-font-weight);
|
||||||
|
@ -618,7 +618,7 @@
|
||||||
.training_title {
|
.training_title {
|
||||||
color: #619e31;
|
color: #619e31;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
font-family: "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
text-align: left;
|
text-align: left;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
margin-bottom: 0.6rem !important;
|
margin-bottom: 0.6rem !important;
|
||||||
|
@ -626,7 +626,7 @@
|
||||||
font-family: 'Albert Sans';
|
font-family: 'Albert Sans';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 18px;
|
font-size: 16px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
/* identical to box height */
|
/* identical to box height */
|
||||||
|
|
||||||
|
@ -944,7 +944,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p_forma {
|
.p_forma {
|
||||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
font-size: 0.77rem;
|
font-size: 0.77rem;
|
||||||
font-weight: var(--bs-body-font-weight);
|
font-weight: var(--bs-body-font-weight);
|
||||||
line-height: var(--bs-body-line-height);
|
line-height: var(--bs-body-line-height);
|
||||||
|
@ -989,7 +989,7 @@
|
||||||
.training_title {
|
.training_title {
|
||||||
color: #619e31;
|
color: #619e31;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
font-family: "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
text-align: left;
|
text-align: left;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
margin-bottom: 0.6rem !important;
|
margin-bottom: 0.6rem !important;
|
||||||
|
@ -1323,7 +1323,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p_forma {
|
.p_forma {
|
||||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
font-weight: var(--bs-body-font-weight);
|
font-weight: var(--bs-body-font-weight);
|
||||||
line-height: var(--bs-body-line-height);
|
line-height: var(--bs-body-line-height);
|
||||||
padding-bottom: 0rem;
|
padding-bottom: 0rem;
|
||||||
|
@ -1368,7 +1368,7 @@
|
||||||
.training_title {
|
.training_title {
|
||||||
color: #619e31;
|
color: #619e31;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
font-family: "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
text-align: left;
|
text-align: left;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
margin-bottom: 0.6rem !important;
|
margin-bottom: 0.6rem !important;
|
||||||
|
@ -1376,7 +1376,7 @@
|
||||||
font-family: 'Albert Sans';
|
font-family: 'Albert Sans';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 20px;
|
font-size: 18px;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
/* identical to box height */
|
/* identical to box height */
|
||||||
|
|
||||||
|
|
|
@ -152,7 +152,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p_forma {
|
.p_forma {
|
||||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
font-weight: var(--bs-body-font-weight);
|
font-weight: var(--bs-body-font-weight);
|
||||||
line-height: var(--bs-body-line-height);
|
line-height: var(--bs-body-line-height);
|
||||||
font-size: 0.74rem;
|
font-size: 0.74rem;
|
||||||
|
@ -197,7 +197,7 @@
|
||||||
.training_title {
|
.training_title {
|
||||||
color: #619e31;
|
color: #619e31;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
font-family: "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
text-align: left;
|
text-align: left;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
margin-bottom: 0.6rem !important;
|
margin-bottom: 0.6rem !important;
|
||||||
|
@ -205,7 +205,7 @@
|
||||||
font-family: 'Albert Sans';
|
font-family: 'Albert Sans';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-size: 18px;
|
font-size: 16px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
/* identical to box height */
|
/* identical to box height */
|
||||||
|
|
||||||
|
@ -573,7 +573,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p_forma {
|
.p_forma {
|
||||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
font-size: 0.74rem;
|
font-size: 0.74rem;
|
||||||
line-height: 1.3rem;
|
line-height: 1.3rem;
|
||||||
font-weight: var(--bs-body-font-weight);
|
font-weight: var(--bs-body-font-weight);
|
||||||
|
@ -618,7 +618,7 @@
|
||||||
.training_title {
|
.training_title {
|
||||||
color: #619e31;
|
color: #619e31;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
font-family: "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
text-align: left;
|
text-align: left;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
margin-bottom: 0.6rem !important;
|
margin-bottom: 0.6rem !important;
|
||||||
|
@ -626,7 +626,7 @@
|
||||||
font-family: 'Albert Sans';
|
font-family: 'Albert Sans';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 18px;
|
font-size: 16px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
/* identical to box height */
|
/* identical to box height */
|
||||||
|
|
||||||
|
@ -944,7 +944,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p_forma {
|
.p_forma {
|
||||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
font-size: 0.77rem;
|
font-size: 0.77rem;
|
||||||
font-weight: var(--bs-body-font-weight);
|
font-weight: var(--bs-body-font-weight);
|
||||||
line-height: var(--bs-body-line-height);
|
line-height: var(--bs-body-line-height);
|
||||||
|
@ -989,7 +989,7 @@
|
||||||
.training_title {
|
.training_title {
|
||||||
color: #619e31;
|
color: #619e31;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
font-family: "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
text-align: left;
|
text-align: left;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
margin-bottom: 0.6rem !important;
|
margin-bottom: 0.6rem !important;
|
||||||
|
@ -1323,7 +1323,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p_forma {
|
.p_forma {
|
||||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
font-weight: var(--bs-body-font-weight);
|
font-weight: var(--bs-body-font-weight);
|
||||||
line-height: var(--bs-body-line-height);
|
line-height: var(--bs-body-line-height);
|
||||||
padding-bottom: 0rem;
|
padding-bottom: 0rem;
|
||||||
|
@ -1368,7 +1368,7 @@
|
||||||
.training_title {
|
.training_title {
|
||||||
color: #619e31;
|
color: #619e31;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
font-family: "Quicksand", "Signika", sans-serif;
|
font-family: Roboto, Verdana, Georgia, Arial, 'Times New Roman';
|
||||||
text-align: left;
|
text-align: left;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
margin-bottom: 0.6rem !important;
|
margin-bottom: 0.6rem !important;
|
||||||
|
@ -1376,7 +1376,7 @@
|
||||||
font-family: 'Albert Sans';
|
font-family: 'Albert Sans';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 20px;
|
font-size: 18px;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
/* identical to box height */
|
/* identical to box height */
|
||||||
|
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -124,3 +124,5 @@
|
||||||
@import "./components/formation_partner_catalog";
|
@import "./components/formation_partner_catalog";
|
||||||
@import "./components/partner_catalog_pub";
|
@import "./components/partner_catalog_pub";
|
||||||
@import "./components/moduleactivite";
|
@import "./components/moduleactivite";
|
||||||
|
@import "./components/reherche_new_v3";
|
||||||
|
@import "./components/displaydetailclass_new_v3";
|
Loading…
Reference in New Issue