08/01/2023 - 22h00
parent
ce88a3160b
commit
03ce6555c1
|
@ -1,2 +1,6 @@
|
|||
date_debut;date_fin;nb_participant;adresse;code_postal;ville;session_status;date_debut_inscription;date_fin_inscription
|
||||
01/01/2023;05/01/2023;12;2 place de la republique;77680;roissy en brie;1;10/12/2022;30/12/2022
|
||||
code_session;date_debut;date_fin;nb_participant;adresse;code_postal;ville;session_status;date_debut_inscription;date_fin_inscription;formateur;distantiel;presentiel
|
||||
10008_S1;23/02/2023;23/02/2023;10;adresse 1;75000;paris;1;03/01/2023;22/02/2023;5 Discovery;0;1
|
||||
10008_S2;15/03/2023;15/03/2023;11;adresse 2;75000;paris;1;03/01/2023;14/03/2023;5 Discovery;1;0
|
||||
10008_S3;10/04/2023;10/04/2023;12;adresse 3;75000;paris;1;03/01/2023;09/04/2023;5 Discovery;0;1
|
||||
10008_S4;26/05/2023;26/05/2023;13;adresse 4;75000;paris;1;03/01/2023;25/05/2023;5 Discovery;1;1
|
||||
10008_S5;22/06/2023;22/06/2023;14;adresse 5;75000;paris;1;03/01/2023;21/06/2023;5 Discovery;1;0
|
||||
|
|
|
|
@ -0,0 +1,2 @@
|
|||
date_debut;date_fin;nb_participant;adresse;code_postal;ville;session_status;date_debut_inscription;date_fin_inscription
|
||||
01/01/2023;05/01/2023;12;2 place de la republique;77680;roissy en brie;1;10/12/2022;30/12/2022
|
|
|
@ -423,22 +423,7 @@ const AddClassManual = (props) => {
|
|||
//document.getElementsByName("zone_diffusion")[0].value = mylocaltraining.zone_diffusion_str;
|
||||
document.getElementsByName("zone_diffusion_v2")[0].value = mylocaltraining.zone_diffusion_str;
|
||||
}
|
||||
|
||||
|
||||
// document.getElementsByName("date_lieu")[0].value = "";
|
||||
if (mylocaltraining.datelieu) {
|
||||
/*document.getElementsByName("date_lieu")[0].value = mylocaltraining.datelieu.map(obj => {
|
||||
return obj.date + "-" + obj.ville + "-" + obj.code_postal;
|
||||
});*/
|
||||
|
||||
document.getElementsByName("datelieu_v2")[0].value = mylocaltraining.datelieu.map(obj => {
|
||||
return obj.date_du + "-" + obj.date_au + "-" + obj.ville + "-" + obj.code_postal + "-" + obj.adresse;
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
else {
|
||||
|
@ -533,9 +518,7 @@ const AddClassManual = (props) => {
|
|||
|
||||
|
||||
var my_date_lieu = "";
|
||||
if (document.getElementById("datelieu_v2").value) {
|
||||
my_date_lieu = document.getElementById("datelieu_v2").value;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Verification si il y a plus de 3 mot clés separés par des ";"
|
||||
|
@ -1477,7 +1460,7 @@ const AddClassManual = (props) => {
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div className="training_text">
|
||||
{/* <div className="training_text">
|
||||
<div className="plus_produit_desabled" onChange={DataUpdated}>
|
||||
<div className="titre_training_text"> Date et lieu de formation</div>
|
||||
<textarea style={{ "width": "100%", "resize": "none", "fontSize": "13px", "height": "150px" }}
|
||||
|
@ -1488,7 +1471,7 @@ const AddClassManual = (props) => {
|
|||
/>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
@ -626,7 +626,7 @@ const Formation_Cartouche_Com = (props) => {
|
|||
{!props.formation.extented_search && props.formation.coeur != "1" &&
|
||||
<div style={{ 'float': "right", "width": "100%", textAlign: "center", marginTop: "0rem", }}>
|
||||
|
||||
<Button className="bton_voir_detail" style={{"fontSize":"medium"}}
|
||||
<Button className="bton_voir_detail" style={{"fontSize":"1.8rem", "height":"3.5rem"}}
|
||||
|
||||
onClick={(e) => {
|
||||
e.preventDefault();
|
||||
|
|
|
@ -641,13 +641,6 @@ function GestionAdministrative(props) {
|
|||
if (mylocaltraining.trainer)
|
||||
document.getElementsByName("trainer")[0].value = mylocaltraining.trainer;
|
||||
|
||||
setmydistance(mylocaltraining.presentiel.distantiel);
|
||||
setmypresence(mylocaltraining.presentiel.presentiel);
|
||||
if (mylocaltraining.published)
|
||||
setmypublished(mylocaltraining.published);
|
||||
else
|
||||
setmypublished("0");
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
@ -1066,6 +1059,28 @@ function GestionAdministrative(props) {
|
|||
return;
|
||||
}
|
||||
|
||||
var presentiel = "0"
|
||||
presentiel = ""
|
||||
if (document.getElementById("presentiel") && document.getElementById("presentiel").value != "") {
|
||||
presentiel = document.getElementById("presentiel").value;
|
||||
}
|
||||
if (presentiel.trim() == "") {
|
||||
alert(" Vous devez preciser si la session est en présentiel");
|
||||
return;
|
||||
}
|
||||
|
||||
var distantiel = "0"
|
||||
distantiel = ""
|
||||
if (document.getElementById("distantiel") && document.getElementById("distantiel").value != "") {
|
||||
distantiel = document.getElementById("distantiel").value;
|
||||
}
|
||||
if (distantiel.trim() == "") {
|
||||
alert(" Vous devez preciser si la session est en distantiel");
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
|
||||
if (String(document.getElementById("sessiondatedebutinscription").value).trim() == "") {
|
||||
alert(" La date de debut des inscriptions est obligatoire");
|
||||
return;
|
||||
|
@ -1091,12 +1106,14 @@ function GestionAdministrative(props) {
|
|||
|
||||
var code_session = "";
|
||||
if (document.getElementById("code_session") && document.getElementById("code_session").value != "")
|
||||
code_session = document.getElementById("code_session").value;
|
||||
code_session = document.getElementById("code_session").value;
|
||||
|
||||
var formateur = "";
|
||||
if (document.getElementById("formateur") && document.getElementById("formateur").value != "")
|
||||
formateur = document.getElementById("formateur").value;
|
||||
|
||||
|
||||
|
||||
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
|
||||
const stored_cookie = getCookie('tokenmysypart');
|
||||
form.append("token", stored_cookie);
|
||||
|
@ -1105,6 +1122,8 @@ function GestionAdministrative(props) {
|
|||
form.append("date_debut", format(SessionstartDate, 'dd/MM/yyyy kk:mm:ss'));
|
||||
form.append("date_fin", format(SessionendDate, 'dd/MM/yyyy kk:mm:ss'));
|
||||
form.append("nb_participant", nb_participant);
|
||||
form.append("presentiel", presentiel);
|
||||
form.append("distantiel", distantiel);
|
||||
form.append("adresse", adress);
|
||||
form.append("code_postal", codepostal);
|
||||
form.append("ville", ville);
|
||||
|
@ -1115,15 +1134,17 @@ function GestionAdministrative(props) {
|
|||
form.append("date_fin_inscription", format(SessionendDateInscription, 'dd/MM/yyyy kk:mm:ss'));
|
||||
form.append("attestation_certif", selectedCertif);
|
||||
|
||||
|
||||
|
||||
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_SessionFormation/";
|
||||
|
||||
|
||||
|
||||
axios.post(myurl, form).then(res => {
|
||||
console.log(" In CreateSessionFormation res.data.status = " + res.data.status);
|
||||
console.log(" In CreateSessionFormation res.data.message r_class = " + res.data.message);
|
||||
|
||||
if (String(res.data.status) !== "false") {
|
||||
//console.log(" In UpdateStagiaireData res.data.status = " + res.data.status);
|
||||
//console.log(" In UpdateStagiaireData res.data.message r_class = " + res.data.message);
|
||||
setCreateSessionFormation_api("true");
|
||||
setCreateSessionFormation_result(res.data.message);
|
||||
setsessionChanged(false);
|
||||
|
@ -1206,6 +1227,16 @@ function GestionAdministrative(props) {
|
|||
if (mylocaltraining.nb_participant)
|
||||
document.getElementsByName("nb_participant")[0].value = mylocaltraining.nb_participant;
|
||||
|
||||
document.getElementsByName("distantiel")[0].value = "";
|
||||
if (mylocaltraining.distantiel)
|
||||
document.getElementsByName("distantiel")[0].value = mylocaltraining.distantiel;
|
||||
|
||||
document.getElementsByName("presentiel")[0].value = "";
|
||||
if (mylocaltraining.presentiel)
|
||||
document.getElementsByName("presentiel")[0].value = mylocaltraining.presentiel;
|
||||
|
||||
|
||||
|
||||
document.getElementsByName("adresse")[0].value = "";
|
||||
if (mylocaltraining.adresse)
|
||||
document.getElementsByName("adresse")[0].value = mylocaltraining.adresse;
|
||||
|
@ -1249,6 +1280,9 @@ function GestionAdministrative(props) {
|
|||
GetCurrentSession(mysession);
|
||||
setsessionChanged(false);
|
||||
desableSessionFields();
|
||||
setCreateSessionFormation_api();
|
||||
setCreateSessionFormation_message();
|
||||
|
||||
}
|
||||
const [SessionstartDate, setSessionstartDate] = useState();
|
||||
const filterPassedTime_start = (time) => {
|
||||
|
@ -1355,6 +1389,12 @@ function GestionAdministrative(props) {
|
|||
document.getElementsByName("nb_participant")[0].disabled = true;
|
||||
document.getElementsByName("nb_participant")[0].style.backgroundColor = "#ECEFF1";
|
||||
|
||||
document.getElementsByName("presentiel")[0].disabled = true;
|
||||
document.getElementsByName("presentiel")[0].style.backgroundColor = "#ECEFF1";
|
||||
|
||||
document.getElementsByName("distantiel")[0].disabled = true;
|
||||
document.getElementsByName("distantiel")[0].style.backgroundColor = "#ECEFF1";
|
||||
|
||||
document.getElementsByName("sessiondatedebutinscription")[0].disabled = true;
|
||||
document.getElementsByName("sessiondatedebutinscription")[0].style.backgroundColor = "#ECEFF1";
|
||||
|
||||
|
@ -1390,6 +1430,12 @@ function GestionAdministrative(props) {
|
|||
document.getElementsByName("nb_participant")[0].disabled = false;
|
||||
document.getElementsByName("nb_participant")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
document.getElementsByName("presentiel")[0].disabled = false;
|
||||
document.getElementsByName("presentiel")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
document.getElementsByName("distantiel")[0].disabled = false;
|
||||
document.getElementsByName("distantiel")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
document.getElementsByName("sessiondatedebutinscription")[0].disabled = false;
|
||||
document.getElementsByName("sessiondatedebutinscription")[0].style.backgroundColor = "#FFFFFF";
|
||||
|
||||
|
@ -1405,6 +1451,12 @@ function GestionAdministrative(props) {
|
|||
document.getElementsByName("code_postal")[0].value = "";
|
||||
|
||||
document.getElementsByName("nb_participant")[0].value = "";
|
||||
|
||||
document.getElementsByName("presentiel")[0].value = "";
|
||||
|
||||
document.getElementsByName("distantiel")[0].value = "";
|
||||
|
||||
|
||||
setSessionstartDateInscription();
|
||||
setSessionendDateInscription();
|
||||
setSessionendDate();
|
||||
|
@ -1413,6 +1465,16 @@ function GestionAdministrative(props) {
|
|||
|
||||
function DownloadListEmargement(event) {
|
||||
|
||||
var trainer = ""
|
||||
if (document.getElementsByName("formateur")[0])
|
||||
trainer = document.getElementsByName("formateur")[0].value;
|
||||
|
||||
if( trainer == ""){
|
||||
alert(" Aucun formateur pour cette session ");
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
const stored_cookie = getCookie('tokenmysypart');
|
||||
|
||||
var nom_liste_emarge = "Liste_Emargement.pdf";
|
||||
|
@ -1424,13 +1486,26 @@ function GestionAdministrative(props) {
|
|||
axios.get(url, { responseType: 'blob', },)
|
||||
.then((res) => {
|
||||
fileDownload(res.data, nom_liste_emarge)
|
||||
})
|
||||
}).catch((error) => {
|
||||
console.error('Error:', error);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
const [selectedattendeeemail, setselectedattendeeemail] = useState([])
|
||||
function DownloadAttendeeDetail(event) {
|
||||
|
||||
|
||||
var trainer = ""
|
||||
if (document.getElementsByName("formateur")[0])
|
||||
trainer = document.getElementsByName("formateur")[0].value;
|
||||
|
||||
if( trainer == ""){
|
||||
alert(" Aucun formateur pour cette session ");
|
||||
return;
|
||||
}
|
||||
|
||||
const stored_cookie = getCookie('tokenmysypart');
|
||||
|
||||
var nom_fiche_detaillee = "Fiche_Detaillee.pdf";
|
||||
|
@ -1438,11 +1513,13 @@ function GestionAdministrative(props) {
|
|||
var url = process.env.REACT_APP_API_URL + "myclass/api/PrintAttendeeDetail_perSession/" + stored_cookie + "/" + mysession + "/" + selectedattendeeemail;
|
||||
|
||||
|
||||
|
||||
axios.get(url, { responseType: 'blob', },)
|
||||
.then((res) => {
|
||||
fileDownload(res.data, nom_fiche_detaillee)
|
||||
})
|
||||
}).catch((error) => {
|
||||
console.error('Error:', error);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
@ -2066,7 +2143,19 @@ function GestionAdministrative(props) {
|
|||
|
||||
}
|
||||
|
||||
const [sessionpresence, setsessionpresence] = useState("");
|
||||
const [sessiondistance, setsessiondistance] = useState("");
|
||||
const handleChangeSessionPresentiel = (event) => {
|
||||
const value = event.target.value;
|
||||
setsessionpresence(value);
|
||||
|
||||
}
|
||||
|
||||
const handleChangeSessionDistanciel = (event) => {
|
||||
const value = event.target.value;
|
||||
setsessiondistance(value);
|
||||
|
||||
}
|
||||
|
||||
return (
|
||||
<div className='gestionadministrative'>
|
||||
|
@ -2176,11 +2265,15 @@ function GestionAdministrative(props) {
|
|||
<option value="">Choisir </option>
|
||||
{GetCurrentClass_trainingsession_result &&
|
||||
GetCurrentClass_trainingsession_result.map((session) => (
|
||||
<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).adresse)} {(JSON.parse(session).code_postal)}
|
||||
|
||||
|
||||
<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).distantiel) === "1" && " A Distantiel - "}
|
||||
{(JSON.parse(session).presentiel) === "1" && " En Présentiel - "}
|
||||
{(JSON.parse(session).adresse)} {(JSON.parse(session).code_postal)}
|
||||
|
||||
|
||||
</option>
|
||||
))}
|
||||
|
@ -2267,6 +2360,39 @@ function GestionAdministrative(props) {
|
|||
/>
|
||||
</div>
|
||||
|
||||
<div className="session_caract">Présentiel*<br />
|
||||
<TextField
|
||||
name="presentiel"
|
||||
id="presentiel"
|
||||
type="number"
|
||||
InputLabelProps={{
|
||||
shrink: true,
|
||||
}}
|
||||
inputProps={{ min: "0", max: "1", step: "1" }}
|
||||
disabled={false}
|
||||
className="disabled_style"
|
||||
>
|
||||
|
||||
</TextField>
|
||||
</div>
|
||||
|
||||
<div className="session_caract">A distance*<br />
|
||||
<TextField
|
||||
name="distantiel"
|
||||
id="distantiel"
|
||||
type="number"
|
||||
InputLabelProps={{
|
||||
shrink: true,
|
||||
}}
|
||||
inputProps={{ min: "0", max: "1", step: "1" }}
|
||||
disabled={false}
|
||||
className="disabled_style"
|
||||
>
|
||||
|
||||
</TextField>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="session_caract"> Adresse<br />
|
||||
<TextField
|
||||
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
|
||||
|
@ -2343,6 +2469,8 @@ function GestionAdministrative(props) {
|
|||
className="disabled_style"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="div_row" style={{ "border": "None" }}>
|
||||
<div className="session_caract"> Date Debut des inscriptions *
|
||||
<DatePicker
|
||||
|
@ -2420,7 +2548,7 @@ function GestionAdministrative(props) {
|
|||
La session de formation à été bien mise à jour.
|
||||
</div>}
|
||||
|
||||
{!sessionChanged && String(CreateSessionFormation_api) === "false" &&
|
||||
{String(CreateSessionFormation_api) === "false" &&
|
||||
<div className="div_row koUpdateData" style={{ "textAlign": "center" }}>
|
||||
{CreateSessionFormation_message}
|
||||
</div>}
|
||||
|
|
|
@ -2114,7 +2114,7 @@ const Recherche_new = () => {
|
|||
}
|
||||
|
||||
return (
|
||||
<div className="reherche_new" >
|
||||
<div className="reherche_new_cartouche_com" >
|
||||
<Helmet>
|
||||
<title>Formation & Tutoriel Gratuit ou payant Excellente qualité</title>
|
||||
<meta name="description" content="Trouver des Formations et Tutoriels d'xcellente qualité : Gratuit ou payant / A distance ou en presentiel, etc." />
|
||||
|
@ -2335,292 +2335,8 @@ const Recherche_new = () => {
|
|||
|
||||
|
||||
<div className="div_mobile">
|
||||
<div>
|
||||
{showelement === "true" && <div onClick={showdisplayfilter} className="recherchefilter">
|
||||
|
||||
<div className="recherchedivgauche">Masquer les Métiers & Filtres</div>
|
||||
<div className="recherchedivdroite ch_form_svg"> <FaRegArrowAltCircleUp /> </div>
|
||||
|
||||
</div>
|
||||
}
|
||||
|
||||
{showelement === "false" && <div onClick={showdisplayfilter} className="recherchefilter">
|
||||
<div className="recherchedivgauche">Afficher les Métiers & Filtres</div>
|
||||
<div className="recherchedivdroite ch_form_svg"> <FaRegArrowAltCircleDown /> </div>
|
||||
|
||||
</div>
|
||||
}
|
||||
|
||||
{showelement === "true" && <div className="rech_leftbox">
|
||||
<div className="hilightsoustitre_v2" ref={scrollDiv}> Les filtres </div>
|
||||
<div className="tab_critere_espace">
|
||||
|
||||
|
||||
<div className="new_filter_zone_row" onChange={TrainingCPFHandle}>
|
||||
<div className="new_filter_zone" > Eligible CPF
|
||||
</div>
|
||||
|
||||
<div className="new_filter_zone_cerif_radio_left" > <input type="radio" value="1" id={"TrainingCPF"} name={"TrainingCPF"} /> Oui
|
||||
</div>
|
||||
|
||||
<div className="new_filter_zone_cerif_radio_right"> <input type="radio" value="0" id={"TrainingCPF"} name={"TrainingCPF"} /> Non
|
||||
</div>
|
||||
{String(cpfchecked) === String("1") && <div onClick={annulefiltrecpf}><img src={tick_ko} alt="KO" className="tick_ok_ko" /></div>}
|
||||
{String(cpfchecked) !== String("1") && <div> </div>}
|
||||
</div>
|
||||
|
||||
|
||||
<div className="new_filter_zone_row" onChange={TrainingCertifHandle}>
|
||||
<div className="new_filter_zone" > Certification
|
||||
</div>
|
||||
|
||||
<div className="new_filter_zone_cerif_radio_left" > <input type="radio" value="1" id={"TrainingCertif"} name={"TrainingCertif"} /> Oui
|
||||
</div>
|
||||
|
||||
<div className="new_filter_zone_cerif_radio_right"> <input type="radio" value="0" id={"TrainingCertif"} name={"TrainingCertif"} /> Non
|
||||
</div>
|
||||
{String(certifchecked) === String("1") && <div onClick={annulefiltrecertif}><img src={tick_ko} alt="KO" className="tick_ok_ko" /></div>}
|
||||
{String(certifchecked) !== String("1") && <div> </div>}
|
||||
</div>
|
||||
|
||||
<div className="new_filter_zone_row" onChange={TrainingTypeHandle}>
|
||||
<div className="new_filter_zone" > Type
|
||||
</div>
|
||||
|
||||
<div className="new_filter_zone_cerif_radio_left" > <input type="radio" value="cours" id={"TrainingType"} name={"TrainingType"} /> Cours
|
||||
</div>
|
||||
|
||||
<div className="new_filter_zone_cerif_radio_right"> <input type="radio" value="tuto" id={"TrainingType"} name={"TrainingType"} /> Tuto
|
||||
</div>
|
||||
|
||||
{String(typechecked) === String("1") && <div onClick={annulefiltretypechecked}><img src={tick_ko} alt="KO" className="tick_ok_ko" /></div>}
|
||||
{String(typechecked) !== String("1") && <div> </div>}
|
||||
</div>
|
||||
|
||||
<div className="new_filter_zone_row" onChange={TrainingSupportHandle}>
|
||||
<div className="new_filter_zone"> Support
|
||||
</div>
|
||||
|
||||
<div className="new_filter_zone_cerif_radio_left" > <input type="radio" value="video" id={"TrainingSupport"} name={"TrainingSupport"} /> Video
|
||||
</div>
|
||||
|
||||
<div className="new_filter_zone_cerif_radio_right"> <input type="radio" value="document" id={"TrainingSupport"} name={"TrainingSupport"} /> Document
|
||||
</div>
|
||||
{String(supportchecked) === String("1") && <div onClick={annulefiltresupportchecked}><img src={tick_ko} alt="KO" className="tick_ok_ko" /></div>}
|
||||
{String(supportchecked) !== String("1") && <div> </div>}
|
||||
</div>
|
||||
|
||||
<div className="new_filter_zone_row" onChange={TrainingDistancielHandle}>
|
||||
<div className="new_filter_zone"> Lieu
|
||||
</div>
|
||||
|
||||
<div className="new_filter_zone_cerif_radio_left" > <input type="radio" id={"TrainingPresentiel"} name={"TrainingPresentiel"} value="0" /> Site
|
||||
</div>
|
||||
|
||||
<div className="new_filter_zone_cerif_radio_right"> <input type="radio" value="1" id={"TrainingPresentiel"} name={"TrainingPresentiel"} /> Distance
|
||||
</div>
|
||||
{String(lieuchecked) === String("1") && <div onClick={annulefiltrelieuchecked}><img src={tick_ko} alt="KO" className="tick_ok_ko" /></div>}
|
||||
{String(lieuchecked) !== String("1") && <div> </div>}
|
||||
</div>
|
||||
|
||||
|
||||
{trainingonsite && String(trainingonsite) === String("0") && <div className="new_filter_zone_row" onClick={isonsite}>
|
||||
<div className="new_filter_zone"> ville
|
||||
</div>
|
||||
|
||||
<div className="new_filter_zone_cerif_radio_left" style={{ "width": "60%" }}>
|
||||
<input type="text"
|
||||
id={"ville"}
|
||||
name={"ville"}
|
||||
onBlur={LeaveCity}
|
||||
onChange={SearchcitiesHandle}
|
||||
style={{"borderRadius":"5px"}}
|
||||
//values={cities}
|
||||
/>
|
||||
{suggestioncities && suggestioncities.slice(0, 3).map((suggestion, id) =>
|
||||
<div key={id} style={{
|
||||
"cursor": "pointer", "color": "black", "textAlign": "left",
|
||||
"fontSize": "small", "paddingLeft": "5px", "fontStyle": "italic", "letterSpacing": "1px",
|
||||
"marginBottom": "10px"
|
||||
}}
|
||||
onClick={() => OnCitiesSuggestionHandler(JSON.parse(suggestion).ville)}> {JSON.parse(suggestion).ville}</div>
|
||||
)}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div> </div>
|
||||
</div>}
|
||||
|
||||
{trainingonsite && String(trainingonsite) === String("0") && <div className="new_filter_zone_row" onClick={isonsite} onBlur={LeaveZipCode}>
|
||||
<div className="new_filter_zone"> Code postale
|
||||
</div>
|
||||
|
||||
<div className="new_filter_zone_cerif_radio_left" style={{ "width": "60%" }}>
|
||||
<input type="text"
|
||||
id={"zip_code"}
|
||||
name={"zip_code"}
|
||||
style={{"borderRadius":"5px"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
<div> </div>
|
||||
</div>}
|
||||
<div className="new_filter_zone_row new_filter_zone_prix" >
|
||||
<div className="new_filter_zone"> Prix
|
||||
</div>
|
||||
|
||||
<div className="new_filter_zone_cerif_radio_left" style={{
|
||||
"width": "60%", "marginLeft": "0.5rem", "paddingLeft": '0.5rem',
|
||||
'float': "right", "textAlign": 'right', "paddingRight": '15px'
|
||||
}} onClick={TrainingPriceHandle}>
|
||||
<InputRange
|
||||
maxValue={10000}
|
||||
minValue={0}
|
||||
formatLabel={value => `${value} €`}
|
||||
value={range_price}
|
||||
step={500}
|
||||
name="toto"
|
||||
|
||||
onChange={value => setrange_price(value)}
|
||||
//onChange={TrainingPriceHandle}
|
||||
onChangeComplete={value => console.log(value)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
<div> </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div className="hilightsoustitre_v2_metier"> Les Métiers </div>
|
||||
|
||||
<div className="tab_logo_metier">
|
||||
<div className="criteres tab_gauche_metier">
|
||||
<div className="met_polaroid_gauche" onClick={getClassByMetier} >
|
||||
<img src={img_met_program} alt="Formation Programmation" className="img_categorie" id="IT" name="programmation" />
|
||||
<div className="met_container">
|
||||
<p className="met_text" id="IT">Informatique </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="criteres tab_gauche_metier">
|
||||
<div className="met_polaroid_gauche" onClick={getClassByMetier} >
|
||||
<img src={img_met_graphisme} alt="Formation graphisme" className="img_categorie" id="graphisme" />
|
||||
<div className="met_container">
|
||||
<p className="met_text" id="graphisme">Graphisme</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="criteres tab_gauche_metier">
|
||||
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
|
||||
<img src={img_met_projet} alt="Formation gestion projets" className="img_categorie" id="projets" />
|
||||
<div className="met_container">
|
||||
<p className="met_text" id="projets" >Projets </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="calage"> </div>
|
||||
|
||||
<div className="criteres tab_gauche_metier">
|
||||
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
|
||||
<img src={img_met_management} alt="Formation Management" className="img_categorie" id="management" />
|
||||
<div className="met_container">
|
||||
<p className="met_text" id="management">Management</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div className="criteres tab_gauche_metier">
|
||||
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
|
||||
<img src={img_met_digital} alt="Formation Digitale" className="img_categorie" id="digital" />
|
||||
<div className="met_container">
|
||||
<p className="met_text" id="digital">Digital </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="criteres tab_gauche_metier">
|
||||
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
|
||||
<img src={img_met_rh} alt="Ressources Humaines" className="img_categorie" id="RH" />
|
||||
<div className="met_container">
|
||||
<p className="met_text" id="RH">RH</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div className="calage"> </div>
|
||||
<div className="criteres tab_gauche_metier">
|
||||
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
|
||||
<img src={img_met_market} alt="Marketing" className="img_categorie" id="marketing" />
|
||||
<div className="met_container">
|
||||
<p className="met_text" id="marketing">Marketing </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="criteres tab_gauche_metier">
|
||||
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
|
||||
<img src={img_met_bureautic} alt="Autres" className="img_categorie" id="Office" />
|
||||
<div className="met_container">
|
||||
<p className="met_text" id="Office">Bureautique</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div className="criteres tab_gauche_metier">
|
||||
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
|
||||
<img src={img_met_vente} alt="Commerce" className="img_categorie" id="vente" />
|
||||
<div className="met_container">
|
||||
<p className="met_text" id="vente">Commerce </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="calage"> </div>
|
||||
|
||||
<div className="criteres tab_gauche_metier">
|
||||
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
|
||||
<img src={img_met_dev_perso} alt="Autres" className="img_categorie" id="dev_perso" />
|
||||
<div className="met_container">
|
||||
<p className="met_text_larg" id="dev_perso">Dev. Personnel</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div className="calage"> </div>
|
||||
</div>
|
||||
|
||||
{/*<div>
|
||||
<div className="criteres tab_gauche_all_categories" >
|
||||
<div className="met_polaroid_gauche_all_categories" onClick={getClassByMetier} >
|
||||
<div className="met_container_all_categories">
|
||||
<p className="met_text_all_categories" id="tout" >Tous les Métiers </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>*/}
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
}
|
||||
<div style={{"width":"100%"}}>
|
||||
|
||||
|
||||
<div className="rech_middlebox">
|
||||
|
||||
|
@ -2768,16 +2484,7 @@ const Recherche_new = () => {
|
|||
</div>
|
||||
|
||||
|
||||
<div className="rech_rightbox">
|
||||
<div className="hilightsoustitre_v2">
|
||||
Le blog
|
||||
</div>
|
||||
<div className="rech_rightbox_inside">
|
||||
{/* <NosArticlesAlaUne /> */}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div className="pieddepage">
|
||||
<Footer />
|
||||
|
|
|
@ -1144,12 +1144,13 @@
|
|||
}
|
||||
|
||||
.criteres {
|
||||
font-size: 0.69rem;
|
||||
font-size: 20px;
|
||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||
color: #104277;
|
||||
//font-size: smaller;
|
||||
padding-bottom: 0rem;
|
||||
margin-bottom: 0rem;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.div_row {
|
||||
|
@ -1220,7 +1221,7 @@
|
|||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||
font-weight: var(--bs-body-font-weight);
|
||||
line-height: var(--bs-body-line-height);
|
||||
font-size: 0.8rem;
|
||||
font-size: 30px;
|
||||
text-align: justify;
|
||||
word-break: break-word;
|
||||
margin-bottom: 4px;
|
||||
|
@ -1270,7 +1271,7 @@
|
|||
font-family: 'Albert Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
font-size: 45px;
|
||||
line-height: 22px;
|
||||
/* identical to box height */
|
||||
|
||||
|
@ -1298,7 +1299,7 @@
|
|||
font-family: 'Albert Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
font-size: 40px;
|
||||
line-height: 20px;
|
||||
|
||||
|
||||
|
@ -1452,7 +1453,7 @@
|
|||
|
||||
.bton_voir_detail {
|
||||
border-radius: 15px;
|
||||
font-size: small;
|
||||
font-size: 20px;
|
||||
padding: 0.2rem;
|
||||
width: 95%;
|
||||
background: #104277;
|
||||
|
@ -1478,10 +1479,14 @@
|
|||
|
||||
.ftion_tab_gauche {
|
||||
width: 70%;
|
||||
line-height: 2.5rem;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.ftion_tab_droite {
|
||||
width: 30%;
|
||||
line-height: 2.5rem;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -58,4 +58,5 @@
|
|||
@import "./components/toggleswitch";
|
||||
@import "./components/updateusergoals";
|
||||
@import "./components/userprofil";
|
||||
@import "./components/formation_cartouche_com";
|
||||
@import "./components/formation_cartouche_com";
|
||||
@import "./components/reherche_new_cartouche_com";
|
Loading…
Reference in New Issue