10/03/24 - 21h

recette2
cherif 2024-03-10 21:09:15 +01:00
parent 9c3a753204
commit 711d132a24
2 changed files with 114 additions and 73 deletions

View File

@ -3078,6 +3078,7 @@ const DisplayPartnerSession = (props) => {
{ "id": "Mme", "label": "Mme", "value": "Mme" }, { "id": "Mme", "label": "Mme", "value": "Mme" },
{ "id": "M", "label": "M", "value": "M" }, { "id": "M", "label": "M", "value": "M" },
{ "id": "Neutre", "label": "Neutre", "value": "Neutre" }, { "id": "Neutre", "label": "Neutre", "value": "Neutre" },
{ "id": "", "label": "", "value": "" },
] ]
const New_type_apprenant = [ const New_type_apprenant = [

View File

@ -125,6 +125,13 @@ const Employes = (props) => {
{ field: 'date_naissance', headerName: 'date_naissance', hide: true, Width: 0 }, { field: 'date_naissance', headerName: 'date_naissance', hide: true, Width: 0 },
{ {
field: 'civilite', headerName: 'Civilité', minWidth: 100, flex: 1, maxWidth: 100, hide: false, field: 'civilite', headerName: 'Civilité', minWidth: 100, flex: 1, maxWidth: 100, hide: false,
valueFormatter: (params) => {
if (params.value)
return String(params.value)[0].toUpperCase() + String(params.value).slice(1);
else
return ""
},
}, },
@ -1073,21 +1080,21 @@ const Employes = (props) => {
if (mylocal_employe.date_naissance) { if (mylocal_employe.date_naissance) {
setp_detail_naissance(mylocal_employe.date_naissance); setp_detail_naissance(mylocal_employe.date_naissance);
}else{ } else {
setp_detail_naissance(""); setp_detail_naissance("");
} }
if (mylocal_employe.telephone_mobile) { if (mylocal_employe.telephone_mobile) {
setp_detail_tel_mobile(mylocal_employe.telephone_mobile); setp_detail_tel_mobile(mylocal_employe.telephone_mobile);
}else{ } else {
setp_detail_tel_mobile(""); setp_detail_tel_mobile("");
} }
if (mylocal_employe.civilite) { if (mylocal_employe.civilite) {
setp_detail_civilite(mylocal_employe.civilite); setp_detail_civilite(mylocal_employe.civilite);
}else{ } else {
setp_detail_civilite(""); setp_detail_civilite("");
} }
@ -1098,60 +1105,60 @@ const Employes = (props) => {
if (mylocal_employe.adr_adresse) { if (mylocal_employe.adr_adresse) {
setp_detail_adresse(mylocal_employe.adr_adresse); setp_detail_adresse(mylocal_employe.adr_adresse);
}else{ } else {
setp_detail_adresse(""); setp_detail_adresse("");
} }
if (mylocal_employe.adr_code_postal) { if (mylocal_employe.adr_code_postal) {
setp_detail_code_postal(mylocal_employe.adr_code_postal); setp_detail_code_postal(mylocal_employe.adr_code_postal);
}else{ } else {
setp_detail_code_postal(""); setp_detail_code_postal("");
} }
if (mylocal_employe.adr_ville) { if (mylocal_employe.adr_ville) {
setp_detail_ville(mylocal_employe.adr_ville); setp_detail_ville(mylocal_employe.adr_ville);
}else{ } else {
setp_detail_ville(""); setp_detail_ville("");
} }
if (mylocal_employe.adr_pays) { if (mylocal_employe.adr_pays) {
setp_detail_pays(mylocal_employe.adr_pays); setp_detail_pays(mylocal_employe.adr_pays);
}else{ } else {
setp_detail_pays(""); setp_detail_pays("");
} }
if (mylocal_employe.linkedin) { if (mylocal_employe.linkedin) {
setp_detail_linkedIn(mylocal_employe.linkedin); setp_detail_linkedIn(mylocal_employe.linkedin);
}else{ } else {
setp_detail_linkedIn(""); setp_detail_linkedIn("");
} }
if (mylocal_employe.facebook) { if (mylocal_employe.facebook) {
setp_detail_facebook(mylocal_employe.facebook); setp_detail_facebook(mylocal_employe.facebook);
}else{ } else {
setp_detail_facebook(""); setp_detail_facebook("");
} }
if (mylocal_employe.twitter) { if (mylocal_employe.twitter) {
setp_detail_twitter(mylocal_employe.twitter); setp_detail_twitter(mylocal_employe.twitter);
}else{ } else {
setp_detail_twitter(""); setp_detail_twitter("");
} }
if (mylocal_employe.profil) { if (mylocal_employe.profil) {
setp_detail_profil(mylocal_employe.profil); setp_detail_profil(mylocal_employe.profil);
}else{ } else {
setp_detail_profil(""); setp_detail_profil("");
} }
if (mylocal_employe.fonction) { if (mylocal_employe.fonction) {
setp_detail_fonction(mylocal_employe.fonction); setp_detail_fonction(mylocal_employe.fonction);
}else{ } else {
setp_detail_fonction(""); setp_detail_fonction("");
} }
@ -4713,6 +4720,12 @@ const Employes = (props) => {
{ "id": "1", "label": "", "value": "1" }, // Cette ligne pour couvrir l'ajout d'une ligne de filter. C'est fait expres. { "id": "1", "label": "", "value": "1" }, // Cette ligne pour couvrir l'ajout d'une ligne de filter. C'est fait expres.
] ]
const New_civilite = [
{ "id": "mme", "label": "Mme", "value": "mme" },
{ "id": "m", "label": "M", "value": "m" },
{ "id": "neutre", "label": "Neutre", "value": "neutre" },
{ "id": "", "label": "", "value": "" },
]
return ( return (
<div className="employes"> <div className="employes">
@ -4748,7 +4761,8 @@ const Employes = (props) => {
</div> </div>
{String(gridline_id) !== "" && Getall_Training_Employee_No_Filter_result && selected_id && {String(gridline_id) !== "" && Getall_Training_Employee_No_Filter_result && selected_id &&
String(selected_id).length > 0 && <div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}> String(selected_id).length > 0 && <div className="div_row_droite_dialog_session" style={{ "textAlign": 'right' }}>
{JSON.parse(Getall_Training_Employee_No_Filter_result[gridline_id]).civilite} {String(JSON.parse(Getall_Training_Employee_No_Filter_result[gridline_id]).civilite).length <= 0 && JSON.parse(Getall_Training_Employee_No_Filter_result[gridline_id]).civilite}
{String(JSON.parse(Getall_Training_Employee_No_Filter_result[gridline_id]).civilite).length > 0 && String(JSON.parse(Getall_Training_Employee_No_Filter_result[gridline_id]).civilite)[0].toUpperCase() + String(JSON.parse(Getall_Training_Employee_No_Filter_result[gridline_id]).civilite).slice(1)}
</div>} </div>}
</div> </div>
@ -5336,27 +5350,27 @@ const Employes = (props) => {
<div className="div_row" style={{ "marginBottom": "5px" }}> <div className="div_row" style={{ "marginBottom": "5px" }}>
<div className="div_row_gauche texte_area_filter" > <div className="div_row_gauche texte_area_filter" >
{New_Option_Filter && New_Option_Filter.length > 0 && <Autocomplete {New_Option_Filter && New_Option_Filter.length > 0 && <Autocomplete
disablePortal disablePortal
name="filtre1" name="filtre1"
id="filtre1" id="filtre1"
className="disabled_style" className="disabled_style"
value={New_Option_Filter.filter((data) => (data).value === String(p_filtre1))[0].label} value={New_Option_Filter.filter((data) => (data).value === String(p_filtre1))[0].label}
options={New_Option_Filter} options={New_Option_Filter}
onChange={(event, value) => { onChange={(event, value) => {
if (value && value.value) { if (value && value.value) {
setp_filtre1(value.value); setp_filtre1(value.value);
}
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
} }
/>}
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
}
/>}
{/*<TextField {/*<TextField
name="filtre1" name="filtre1"
@ -5437,28 +5451,28 @@ const Employes = (props) => {
{p_filtre2 && {p_filtre2 &&
<div className="div_row" style={{ "marginBottom": "5px" }}> <div className="div_row" style={{ "marginBottom": "5px" }}>
<div className="div_row_gauche texte_area_filter"> <div className="div_row_gauche texte_area_filter">
{New_Option_Filter && New_Option_Filter.length > 0 && <Autocomplete
disablePortal
name="filtre2"
id="filtre2"
className="disabled_style"
value={New_Option_Filter.filter((data) => (data).value === String(p_filtre2))[0].label}
options={New_Option_Filter}
onChange={(event, value) => {
if (value && value.value) {
setp_filtre2(value.value);
} {New_Option_Filter && New_Option_Filter.length > 0 && <Autocomplete
disablePortal
name="filtre2"
id="filtre2"
className="disabled_style"
value={New_Option_Filter.filter((data) => (data).value === String(p_filtre2))[0].label}
options={New_Option_Filter}
onChange={(event, value) => {
if (value && value.value) {
setp_filtre2(value.value);
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
} }
/>}
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
}
/>}
{/*<TextField {/*<TextField
name="filtre2" name="filtre2"
@ -5542,29 +5556,29 @@ const Employes = (props) => {
<div className="div_row" style={{ "marginBottom": "5px" }}> <div className="div_row" style={{ "marginBottom": "5px" }}>
<div className="div_row_gauche texte_area_filter"> <div className="div_row_gauche texte_area_filter">
{New_Option_Filter && New_Option_Filter.length > 0 && <Autocomplete {New_Option_Filter && New_Option_Filter.length > 0 && <Autocomplete
disablePortal disablePortal
name="filtre3" name="filtre3"
id="filtre3" id="filtre3"
className="disabled_style" className="disabled_style"
value={New_Option_Filter.filter((data) => (data).value === String(p_filtre3))[0].label} value={New_Option_Filter.filter((data) => (data).value === String(p_filtre3))[0].label}
options={New_Option_Filter} options={New_Option_Filter}
onChange={(event, value) => { onChange={(event, value) => {
if (value && value.value) { if (value && value.value) {
setp_filtre3(value.value); setp_filtre3(value.value);
}
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
} }
/>}
{/* <TextField }}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
}
/>}
{/* <TextField
name="filtre3" name="filtre3"
label="Choisir un champ" label="Choisir un champ"
select select
@ -6061,7 +6075,33 @@ const Employes = (props) => {
/> />
</div>} </div>}
{String(employee_data_edit_mode) === "1" && <div className="session_caract"> <b>Civilité </b><br /> {String(employee_data_edit_mode) === "1" && <div className="session_caract"> <b>Civilité </b><br />
<TextField
<Autocomplete
disablePortal
name="detail_civilite"
id="detail_civilite"
className="disabled_style"
options={New_civilite}
value={New_civilite.filter((data) => (data).value === String(p_detail_civilite))[0].label}
onChange={(event, value) => {
if (value && value.value) {
setp_detail_civilite(value.value);
setEmployee_data_changed("1");
} else {
setp_detail_civilite("");
setEmployee_data_changed("1");
}
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
}
/>
{/*<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }} sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required required
name="detail_civilite" name="detail_civilite"
@ -6082,7 +6122,7 @@ const Employes = (props) => {
<MenuItem value="mme" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Mme. &nbsp;</MenuItem> <MenuItem value="mme" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Mme. &nbsp;</MenuItem>
<MenuItem value="neutre" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Neutre &nbsp;</MenuItem> <MenuItem value="neutre" style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }} >Neutre &nbsp;</MenuItem>
</TextField> </TextField>*/}
</div>} </div>}
<div className="session_caract"> <b> Nom </b> <br /> <div className="session_caract"> <b> Nom </b> <br />