recette2
cherif 2024-02-04 22:33:16 +01:00
parent 1308c82827
commit 4e03b0e889
6 changed files with 315 additions and 104 deletions

View File

@ -126,20 +126,28 @@ const DisplayPartnerSession = (props) => {
const [expanded, setExpanded] = React.useState(false);
return (
<div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
{expanded ? value : value.slice(0, 50)}&nbsp;
{value.length > 50 && (
// eslint-disable-next-line jsx-a11y/anchor-is-valid
<Link
type="button"
component="button"
sx={{ fontSize: 'inherit' }}
onClick={() => setExpanded(!expanded)}
>
{expanded ? <nav> <PiDotsThree />Réduire</nav> : <nav> <PiDotsThree />Voir</nav>}
</Link>
)}
</div>
<nav>
{value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
{expanded ? value : value.slice(0, 50)}&nbsp;
{value.length > 50 && (
// eslint-disable-next-line jsx-a11y/anchor-is-valid
<Link
type="button"
component="button"
sx={{ fontSize: 'inherit' }}
onClick={() => setExpanded(!expanded)}
>
{expanded ? <nav> <PiDotsThree />Réduire</nav> : <nav> <PiDotsThree />Voir</nav>}
</Link>
)}
</div>}
{value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
&nbsp;
</div>
}
</nav>
);
}
@ -12663,7 +12671,7 @@ const DisplayPartnerSession = (props) => {
{selectionModel_sequence && selectionModel_sequence.length > 1 &&
<div className="block_en_mass">
<nav className='traitement_mass'>Traitement en masse / Séquence</nav>
<nav>Traitement en masse / Séquence</nav>
&nbsp;<select
id={"actionmassinscr"} name={"actionmassinscr"}
onChange={actionmass_sequence}

View File

@ -436,20 +436,28 @@ const DisplayPartnerStagiaires = (props) => {
const [expanded, setExpanded] = React.useState(false);
return (
<div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
{expanded ? value : value.slice(0, 50)}&nbsp;
{value.length > 50 && (
// eslint-disable-next-line jsx-a11y/anchor-is-valid
<Link
type="button"
component="button"
sx={{ fontSize: 'inherit' }}
onClick={() => setExpanded(!expanded)}
>
{expanded ? <nav> <PiDotsThree />Réduire</nav> : <nav> <PiDotsThree />Voir</nav>}
</Link>
)}
</div>
<nav>
{value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
{expanded ? value : value.slice(0, 50)}&nbsp;
{value.length > 50 && (
// eslint-disable-next-line jsx-a11y/anchor-is-valid
<Link
type="button"
component="button"
sx={{ fontSize: 'inherit' }}
onClick={() => setExpanded(!expanded)}
>
{expanded ? <nav> <PiDotsThree />Réduire</nav> : <nav> <PiDotsThree />Voir</nav>}
</Link>
)}
</div>}
{value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
&nbsp;
</div>
}
</nav>
);
}

View File

@ -356,24 +356,31 @@ const DistplayPartnerTraningsPage = (props) => {
const [expanded, setExpanded] = React.useState(false);
return (
<div style={{ paddingLeft: "5px", paddingRight: "5px", "display": "block", wordBreak: "break-all" }}>
{expanded ? value : value.slice(0, 50)}&nbsp;
{value.length > 50 && (
// eslint-disable-next-line jsx-a11y/anchor-is-valid
<Link
type="button"
component="button"
sx={{ fontSize: 'inherit' }}
onClick={() => setExpanded(!expanded)}
>
{expanded ? <nav> <PiDotsThree />Réduire</nav> : <nav> <PiDotsThree />Voir</nav>}
</Link>
)}
</div>
<nav>
{value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
{expanded ? value : value.slice(0, 50)}&nbsp;
{value.length > 50 && (
// eslint-disable-next-line jsx-a11y/anchor-is-valid
<Link
type="button"
component="button"
sx={{ fontSize: 'inherit' }}
onClick={() => setExpanded(!expanded)}
>
{expanded ? <nav> <PiDotsThree />Réduire</nav> : <nav> <PiDotsThree />Voir</nav>}
</Link>
)}
</div>}
{value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
&nbsp;
</div>
}
</nav>
);
}
const [ismobilephone_columns_hide, setismobilephone_columns_hide] = useState(false);
const [datagrid_columns_size_model1, setdatagrid_columns_size_model1] = useState(200);

View File

@ -73,20 +73,28 @@ const Employes = (props) => {
const [expanded, setExpanded] = React.useState(false);
return (
<div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
{expanded ? value : value.slice(0, 50)}&nbsp;
{value.length > 50 && (
// eslint-disable-next-line jsx-a11y/anchor-is-valid
<Link
type="button"
component="button"
sx={{ fontSize: 'inherit' }}
onClick={() => setExpanded(!expanded)}
>
{expanded ? <nav> <PiDotsThree />Réduire</nav> : <nav> <PiDotsThree />Voir</nav>}
</Link>
)}
</div>
<nav>
{value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
{expanded ? value : value.slice(0, 50)}&nbsp;
{value.length > 50 && (
// eslint-disable-next-line jsx-a11y/anchor-is-valid
<Link
type="button"
component="button"
sx={{ fontSize: 'inherit' }}
onClick={() => setExpanded(!expanded)}
>
{expanded ? <nav> <PiDotsThree />Réduire</nav> : <nav> <PiDotsThree />Voir</nav>}
</Link>
)}
</div>}
{value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
&nbsp;
</div>
}
</nav>
);
}
@ -921,11 +929,11 @@ const Employes = (props) => {
const [p_detail_adresse, setp_detail_adresse] = useState();
const [p_detail_code_postal, setp_detail_code_postal] = useState();
const [p_detail_ville, setp_detail_ville] = useState();
const [p_detail_resp_hierarchie_id, setp_detail_resp_hierarchie_id] = useState();
const [p_detail_resp_hierarchie_id, setp_detail_resp_hierarchie_id] = useState("");
const [p_detail_civilite, setp_detail_civilite] = useState();
const [p_detail_civilite_label, setp_detail_civilite_label] = useState();
const [p_detail_fonction, setp_detail_fonction] = useState();
const [p_detail_profil, setp_detail_profil] = useState();
const [p_detail_profil, setp_detail_profil] = useState("");
const [p_detail_pays, setp_detail_pays] = useState();
const [p_detail_tel_mobile, setp_detail_tel_mobile] = useState();
const [p_detail_linkedIn, setp_detail_linkedIn] = useState();
@ -1077,7 +1085,7 @@ const Employes = (props) => {
}
if (mylocal_employe.ville) {
if (mylocal_employe.profil) {
setp_detail_profil(mylocal_employe.profil);
}
@ -1151,6 +1159,7 @@ const Employes = (props) => {
} else {
setp_detail_resp_hierarchie_nom("");
setp_detail_resp_hierarchie_prenom("");
setp_detail_resp_hierarchie_id("");
}
/*
@ -2193,6 +2202,8 @@ const Employes = (props) => {
};
const [New_Get_List_Managers_result, setNew_Get_List_Managers_result] = useState();
const [Get_List_Managers_api, setGet_List_Managers_api] = useState();
const [Get_List_Managers_message, setGet_List_Managers_message] = useState();
const [Get_List_Managers_result, setGet_List_Managers_result] = useState();
@ -2213,6 +2224,46 @@ const Employes = (props) => {
if (String(res.data.status) === String("true")) {
setGet_List_Managers_api("true");
setGet_List_Managers_result(res.data.message);
var new_data2 = [];
const new_data = res.data.message.map((x) => {
//---
var localid = JSON.parse(x).id;
var local_id = JSON.parse(x)._id;
var local_nom = JSON.parse(x).nom;
var local_prenom = JSON.parse(x).prenom;
var local_ismanager = JSON.parse(x).ismanager;
//---
var node = {
"_id": local_id,
"id": localid,
"label": local_nom + " " + local_prenom,
"nom": local_nom,
"prenom": local_prenom,
"ismanager": local_ismanager
};
new_data2.push(node);
});
var node = {
"_id": "",
"id": "",
"label": "",
"nom": "",
"prenom": "",
"ismanager": ""
};
new_data2.push(node);
if (new_data2.length > 0){
setNew_Get_List_Managers_result(new_data2);
console.log(" ### new_data2 = ", new_data2)
}
}
else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
@ -2235,6 +2286,8 @@ const Employes = (props) => {
const [isimgclassSelectedfile, setisimgclassSelectedfile] = useState(false);
const [New_Get_List_RH_Profils_result, setNew_Get_List_RH_Profils_result] = useState([]);
const [Get_List_RH_Profils_api, setGet_List_RH_Profils_api] = useState();
const [Get_List_RH_Profils_message, setGet_List_RH_Profils_message] = useState();
const [Get_List_RH_Profils_result, setGet_List_RH_Profils_result] = useState();
@ -2255,6 +2308,42 @@ const Employes = (props) => {
if (String(res.data.status) === String("true")) {
setGet_List_RH_Profils_api("true");
setGet_List_RH_Profils_result(res.data.message);
var new_data2 = [];
const new_data = res.data.message.map((x) => {
//---
var localid = JSON.parse(x).id;
var local_id = JSON.parse(x)._id;
var local_nom = JSON.parse(x).profil_nom;
//---
var node = {
"_id": local_id,
"id": localid,
"label": local_nom,
"nom": local_nom,
};
new_data2.push(node);
});
var node = {
"_id": "",
"id": "",
"label": "",
"nom": "",
};
new_data2.push(node);
if (new_data2.length > 0) {
setNew_Get_List_RH_Profils_result(new_data2);
//console.log(" ### zzznew_data2 = ", new_data2);
}
}
else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message);
@ -6124,8 +6213,29 @@ const Employes = (props) => {
/>
</div>}
{String(employee_data_edit_mode) === "1" && <div className="session_caract"> Profil<br />
<TextField
{String(employee_data_edit_mode) === "1" && <div className="session_caract"> Profil <br />
<Autocomplete
disablePortal
name="detail_profil"
id="detail_profil"
className="disabled_style"
//className="disabled_style enable_style"
options={New_Get_List_RH_Profils_result}
value={New_Get_List_RH_Profils_result.filter((data) => (data).nom === String(p_detail_profil))[0].label}
onChange={(event, value) => {
if (value && value.nom) {
setp_detail_profil(value.nom);
setEmployee_data_changed("1");
}
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option" />
}
/>
{/*<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="detail_profil"
@ -6150,7 +6260,7 @@ const Employes = (props) => {
</MenuItem>
))}
</TextField>
</TextField>*/}
</div>}
<div className="session_caract"> Fonction <br />
@ -6232,7 +6342,30 @@ const Employes = (props) => {
/>
</div>}
{String(employee_data_edit_mode) === "1" && <div className="session_caract"> Responsable (n+1) <br />
<TextField
<Autocomplete
disablePortal
name="detail_resp_hierarchie_id"
id="detail_resp_hierarchie_id"
className="disabled_style"
//className="disabled_style enable_style"
options={New_Get_List_Managers_result}
value={New_Get_List_Managers_result.filter((data) => (data)._id === String(p_detail_resp_hierarchie_id))[0].label}
onChange={(event, value) => {
if (value && value._id) {
setp_detail_resp_hierarchie_id(value._id);
setEmployee_data_changed("1");
}
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option" />
}
/>
{/* <TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="detail_resp_hierarchie_id"
@ -6258,7 +6391,7 @@ const Employes = (props) => {
</MenuItem>
))}
</TextField>
</TextField>*/}
</div>}
{/* -- début champs specifiques **/}
@ -6877,7 +7010,7 @@ const Employes = (props) => {
}
}}
renderInput={(params) => <TextField {...params} label="" />
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option" />
}
/>
@ -7173,8 +7306,27 @@ const Employes = (props) => {
/>
</div>
<div className="session_caract"> Profil<br />
<TextField
<div className="session_caract"> Profil <br />
<Autocomplete
disablePortal
name="one_detail_profil"
id="one_detail_profil"
className="disabled_style"
//className="disabled_style enable_style"
options={New_Get_List_RH_Profils_result}
onChange={(event, value) => {
setp_one_detail_profil(value.nom);
setEmployee_data_changed("1");
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option" />
}
/>
{/* <TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="one_detail_profil"
@ -7199,7 +7351,7 @@ const Employes = (props) => {
</MenuItem>
))}
</TextField>
</TextField>*/}
</div>
<div className="session_caract"> Fonction <br />
@ -7240,7 +7392,7 @@ const Employes = (props) => {
}
}}
renderInput={(params) => <TextField {...params} label="" />
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option" />
}
/>
@ -7273,7 +7425,7 @@ const Employes = (props) => {
name="one_detail_resp_hierarchie_id"
id="one_detail_resp_hierarchie_id"
className="disabled_style"
options={New_Getall_Training_Employee_No_Filter_result}
options={New_Get_List_Managers_result}
onChange={(event, value) => {
if (value && value._id) {
@ -7284,7 +7436,7 @@ const Employes = (props) => {
}
}}
renderInput={(params) => <TextField {...params} label="" />
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option" />
}
/>
@ -7985,7 +8137,27 @@ const Employes = (props) => {
<div className="session_data" style={{ "background": warning_bg_color }}>
<div className="session_caract"> Profil<br />
<TextField
<Autocomplete
disablePortal
name="one_detail_profil"
id="one_detail_profil"
className="disabled_style"
//className="disabled_style enable_style"
options={New_Get_List_RH_Profils_result}
onChange={(event, value) => {
if (value && value.nom) {
setp_user_profil_tmp(value.nom);
Dialog_1_handle_change_profil_access_right(" Vous êtes sur le point de mettre à jour les droits de l'utilisateur. Pensez à enregistrer pour finaliser l'opération. ", value.nom);
}
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option" />
}
/>
{/* <TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="one_detail_profil"
@ -8011,7 +8183,7 @@ const Employes = (props) => {
</MenuItem>
))}
</TextField>
</TextField>*/}
</div>
<div className="session_data" style={{ "marginLeft": "10px", "marginRight": "10px", width: '98%', }}>

View File

@ -108,20 +108,28 @@ const Module_Attestation_Formation = (props) => {
const [expanded, setExpanded] = React.useState(false);
return (
<div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
{expanded ? value : value.slice(0, 50)}&nbsp;
{value.length > 50 && (
// eslint-disable-next-line jsx-a11y/anchor-is-valid
<Link
type="button"
component="button"
sx={{ fontSize: 'inherit' }}
onClick={() => setExpanded(!expanded)}
>
{expanded ? <nav> <PiDotsThree />Réduire</nav> : <nav> <PiDotsThree />Voir</nav>}
</Link>
)}
</div>
<nav>
{value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
{expanded ? value : value.slice(0, 50)}&nbsp;
{value.length > 50 && (
// eslint-disable-next-line jsx-a11y/anchor-is-valid
<Link
type="button"
component="button"
sx={{ fontSize: 'inherit' }}
onClick={() => setExpanded(!expanded)}
>
{expanded ? <nav> <PiDotsThree />Réduire</nav> : <nav> <PiDotsThree />Voir</nav>}
</Link>
)}
</div>}
{value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
&nbsp;
</div>
}
</nav>
);
}

View File

@ -77,7 +77,7 @@ import { Tooltip } from 'react-tooltip'
import MUIDataTable from "mui-datatables";
import { createTheme, ThemeProvider } from '@mui/material/styles';
import { PiDotsThree } from "react-icons/pi";
import Dialog from '@mui/material/Dialog';
import DialogActions from '@mui/material/DialogActions';
import DialogContent from '@mui/material/DialogContent';
@ -143,20 +143,28 @@ function ExpandableCell_50({ value }) {
const [expanded, setExpanded] = React.useState(false);
return (
<nav style={{wordBreak:"break-all"}}>
{expanded ? value : value.slice(0, 10)}&nbsp;
{value.length > 10 && (
// eslint-disable-next-line jsx-a11y/anchor-is-valid
<Link
type="button"
component="button"
sx={{ fontSize: 'inherit' }}
onClick={() => setExpanded(!expanded)}
>
{expanded ? 'Réduire' : 'Voir plus'}
</Link>
)}
</nav>
<nav>
{value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
{expanded ? value : value.slice(0, 50)}&nbsp;
{value.length > 50 && (
// eslint-disable-next-line jsx-a11y/anchor-is-valid
<Link
type="button"
component="button"
sx={{ fontSize: 'inherit' }}
onClick={() => setExpanded(!expanded)}
>
{expanded ? <nav> <PiDotsThree />Réduire</nav> : <nav> <PiDotsThree />Voir</nav>}
</Link>
)}
</div>}
{value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
&nbsp;
</div>
}
</nav>
);
}