Elyos_Formation_Initiale
/
Elyos_FI_Front_Office
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

20/05/2026 - 12h30

branche_01062025
Cherif 2026-05-20 12:20:16 +02:00
parent 3723f1f61b
commit 32a050ee1e
7 changed files with 1390 additions and 925 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

418
src/components/Autre_RH.js
View File

@ -204,7 +204,7 @@ const Autre_RH = (props) => {
field: 'is_ent_compte', headerName: 'Compte ENT', width: 150, hide: false,
renderCell: (cellValues) => {
return (
<div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" , marginTop:'-15px' }}>
<div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all", marginTop: '-15px' }}>
{cellValues.row.is_ent_compte && cellValues.row.is_ent_compte === "1" && "Oui"}
{!cellValues.row.is_ent_compte || cellValues.row.is_ent_compte !== "1" && "Non"}
@ -218,7 +218,7 @@ const Autre_RH = (props) => {
field: 'is_ent_compte_locked', headerName: 'ENT. Vourouillé', width: 150, hide: false,
renderCell: (cellValues) => {
return (
<div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all", marginTop:'-15px' }}>
<div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all", marginTop: '-15px' }}>
{cellValues.row.is_ent_compte_locked && cellValues.row.is_ent_compte_locked === "1" && "Oui"}
{!cellValues.row.is_ent_compte_locked || cellValues.row.is_ent_compte_locked !== "1" && "Non"}
@ -1182,7 +1182,7 @@ const Autre_RH = (props) => {
var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
// console.log(" scope_class == ", scope_class);
// console.log(" scope_class == ", scope_class);
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
@ -7015,7 +7015,7 @@ const Autre_RH = (props) => {
setLoading(false);
}
}
const fixedVal_scope_session = [];
const [scope_session, setscope_session] = useState([...fixedVal_scope_session]);
@ -7334,19 +7334,19 @@ const Autre_RH = (props) => {
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -7563,19 +7563,19 @@ const Autre_RH = (props) => {
}
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -7675,19 +7675,19 @@ const Autre_RH = (props) => {
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -7720,19 +7720,19 @@ const Autre_RH = (props) => {
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -8540,19 +8540,19 @@ const Autre_RH = (props) => {
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -8638,19 +8638,19 @@ const Autre_RH = (props) => {
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -8755,19 +8755,19 @@ const Autre_RH = (props) => {
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -9189,19 +9189,19 @@ const Autre_RH = (props) => {
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -9468,19 +9468,19 @@ const Autre_RH = (props) => {
}
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
}}
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -10359,19 +10359,19 @@ const Autre_RH = (props) => {
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
}}
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -11681,19 +11681,19 @@ const Autre_RH = (props) => {
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -11913,19 +11913,19 @@ const Autre_RH = (props) => {
value={scope_class}
options={New_GetCurrentPartnerClass_result}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -11956,19 +11956,19 @@ const Autre_RH = (props) => {
value={scope_session}
options={New_Getall_TrainingSession_Without_Scope_Action_result}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -12750,19 +12750,19 @@ const Autre_RH = (props) => {
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -13041,19 +13041,19 @@ const Autre_RH = (props) => {
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
}}
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -13211,19 +13211,19 @@ const Autre_RH = (props) => {
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>

1109
src/components/DisplayPartnerStagiaires.js
View File

File diff suppressed because it is too large Load Diff

268
src/components/Module_Domaine_Competence_Pedagogique.js
View File

@ -13,6 +13,7 @@ import 'reactjs-popup/dist/index.css';
import "react-datepicker/dist/react-datepicker.css";
import 'moment/locale/fr';
import Box from '@mui/material/Box';
import ColorPicker from 'react-pick-color';
import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif";
import Autocomplete from '@mui/material/Autocomplete';
import { gridClasses } from '@mui/x-data-grid';
@ -138,14 +139,29 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
const columns = [
{ field: '_id', headerName: '_id', hide: true, Width: 0, disableExport: true, },
{ field: 'id', headerName: 'id', hide: true, Width: 0, disableExport: true, },
{ field: 'code', headerName: 'Code', flex: 1, hide: false, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{ field: 'code', headerName: 'Code', flex: 1, hide: false, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{ field: 'description', headerName: 'Description', flex: 1, hide: false, minWidth: 200, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{
field: 'commentaire', headerName: 'Commentaire', flex: 1, maxWidth: 250, renderCell: (params) => <ExpandableCell_50 {...params} />,
},
{
field: 'couleur', headerName: 'Couleur', width: 180,
renderCell: (cellValues) => {
return (
<div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all", textAlign: 'center', width: '100%', }}>
<nav style={{
height: '2.5rem', backgroundColor: cellValues.row.couleur, borderRadius: '10px',
textAlign: 'center', paddingTop: '5px'
}}
> {cellValues.row.couleur} </nav>
</div>
);
}
},
{
@ -839,6 +855,9 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
const [p_detail_domaine_compet_pedago_couleur, setp_detail_domaine_compet_pedago_couleur] = React.useState("#33b8ff");
const [p_detail_domaine_compet_pedago_moyen_ressource, setp_detail_domaine_compet_pedago_moyen_ressource] = useState("");
@ -879,6 +898,7 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
setp_detail_domaine_compet_pedago_description("");
setp_detail_domaine_compet_pedago_commentaire("");
setp_one_detail_pole_activite_pedago_id("");
setp_detail_domaine_compet_pedago_couleur("#3573CB")
setdomaine_compet_pedago_data_changed("");
@ -908,6 +928,8 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
form.append("commentaire", p_detail_domaine_compet_pedago_commentaire);
form.append("code", p_detail_domaine_compet_pedago_code);
form.append("couleur", p_detail_domaine_compet_pedago_couleur);
setLoading(true);
axios.post(myurl, form).then(res => {
@ -963,6 +985,7 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
form.append("commentaire", p_detail_domaine_compet_pedago_commentaire);
form.append("code", p_detail_domaine_compet_pedago_code);
form.append("couleur", p_detail_domaine_compet_pedago_couleur);
setLoading(true);
axios.post(myurl, form).then(res => {
@ -1108,7 +1131,7 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
if (String(res.data.status) === "true") {
setLoading(false);
//console.log(" In Get_Given_Domain_Compet_pedago_data res.data.status = " + res.data.status);
// console.log(" In Get_Given_Domain_Compet_pedago_data res.data.message r_class = " + res.data.message);
// console.log(" In Get_Given_Domain_Compet_pedago_data res.data.message r_class = " + res.data.message);
setGet_Given_Domain_Compet_pedago_data_api("true");
setGet_Given_Domain_Compet_pedago_data_result(res.data.message);
@ -1134,6 +1157,12 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
setp_detail_domaine_compet_pedago_code("");
if (pdomaine_compet_pedago.couleur)
setp_detail_domaine_compet_pedago_couleur(pdomaine_compet_pedago.couleur);
else
setp_detail_domaine_compet_pedago_couleur("");
if (pdomaine_compet_pedago.description)
setp_detail_domaine_compet_pedago_description(pdomaine_compet_pedago.description);
else
@ -1488,6 +1517,7 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
setp_detail_domaine_compet_pedago_code("");
setp_detail_domaine_compet_pedago_description("");
setp_detail_domaine_compet_pedago_commentaire("");
setp_detail_domaine_compet_pedago_couleur("#3573CB")
}
@ -1541,6 +1571,8 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
form.append("code", p_detail_domaine_compet_pedago_code);
form.append("description", p_detail_domaine_compet_pedago_description);
form.append("commentaire", p_detail_domaine_compet_pedago_commentaire);
form.append("couleur", p_detail_domaine_compet_pedago_couleur);
setLoading(true);
@ -2021,6 +2053,20 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
const [Dialog_GRP_COLOR_message, setDialog_GRP_COLOR_message] = React.useState(false);
const [Dialog_GRP_COLOR_open, setDialog_GRP_COLOR_open] = React.useState(false);
const Dialog_GRP_COLOR_handleClose = () => {
//alert(" Utiliser le bouton 'fermer' ");
//setOpen(false);
};
const Dialog_GRP_COLOR_handleClose_buton = () => {
setDialog_GRP_COLOR_open(false);
};
return (
<div className="module_domaine_competence_pedagogique">
@ -2040,6 +2086,78 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
}
{/*** FIN Affichage des messages d'alerte*/}
{/*** Dialog pickup Color */}
<Dialog
open={Dialog_GRP_COLOR_open}
// onClose={Dialog_GRP_COLOR_handleClose}
static
onClose={() => null}
PaperProps={{
className: classes.paper, // Apply the paper style
style: {
overflowY: 'unset',
position: 'absolute',
//top: '5rem'
},
}}
hideBackdrop={true}
disableScrollLock
classes={{
paper: classes.dialog
}}
className="groupe_apprenant_dialog"
PaperComponent={PaperComponent}
aria-labelledby="draggable-dialog-title"
>
<DialogTitle style={{ cursor: 'move', fontFamily: "DM Sans" }} id="draggable-dialog-title"> Choisir une couleur</DialogTitle>
<DialogContent className="DialogContent_color_pickup_width" >
<DialogContentText>
</DialogContentText>
<div className="session_caract"> Code couleur <br />
<ColorPicker
color="#3573CB"
theme={{
background: 'lightgrey',
inputBackground: 'grey',
borderColor: 'darkgrey',
borderRadius: '8px',
color: "#0a2a4d",
width: '100px'
}}
name="detail_grp_color"
id="detail_grp_color"
onChange={(color) => {
setp_detail_domaine_compet_pedago_couleur(color.hex);
setdomaine_compet_pedago_data_changed("1");
}
}
/>
</div>
</DialogContent>
<DialogActions>
<IconButton
// autoFocus
onClick={Dialog_GRP_COLOR_handleClose_buton}
color="primary"
className={classes.customizedButton}
>
<CancelPresentationIcon />
</IconButton>
</DialogActions>
</Dialog>
{/*** Fin ajout pickup Color */}
{/* Dialog pour ajouter une COMPETENCE A UN DOMAINE DE COMPET */}
@ -2055,7 +2173,6 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
PaperProps={{
className: classes.paper, // Apply the paper style
style: {
overflowY: 'unset',
@ -2101,19 +2218,19 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -2207,12 +2324,12 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
// Gestion des cellule a distance ou presentiel
'& .cell--distantiel': {
backgroundColor: '#AFE1AF',
color: "#0a2a4d",
color: "#0a2a4d",
},
'& .cell--presentiel': {
backgroundColor: '#AFE1AF',
color: "#0a2a4d",
color: "#0a2a4d",
},
@ -2224,11 +2341,11 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
'& .line--statut--inscrit': {
backgroundColor: '#CEF6D8',
color: "#0a2a4d",
color: "#0a2a4d",
},
'& .line--statut--preinscrit': {
backgroundColor: '#F7F2E0',
color: "#0a2a4d",
color: "#0a2a4d",
},
@ -2264,7 +2381,7 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
}}
>
<DataGrid
checkboxSelection
// checkboxSelection
onSelectionModelChange={(newSelectionModel) => {
setSelectionModel(newSelectionModel);
/*if (newSelectionModel.length === 1)
@ -2285,6 +2402,7 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
code: JSON.parse(item).code,
description: JSON.parse(item).description,
commentaire: JSON.parse(item).commentaire,
couleur: JSON.parse(item).couleur,
}
))}
@ -2460,31 +2578,43 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
paddingLeft: '10px', flexWrap: 'wrap'
}}>
<div className="session_caract"> Code <br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="detail_code"
id="detail_code"
<div style={{ width: '100%', float: 'left', marginTop: "1rem", marginBottom: '1rem' }}>
<div style={{ width: '40%', paddingRight: "5px", fontFamily: 'DM Sans', fontSize: '14px', paddingLeft: '10px', float: 'left' }}> Code <br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="detail_code"
id="detail_code"
InputLabelProps={{
shrink: true,
}}
disabled={false}
className="disabled_style"
value={p_detail_domaine_compet_pedago_code}
onChange={(e) => {
setp_detail_domaine_compet_pedago_code(e.target.value);
setdomaine_compet_pedago_data_changed("1");
}}
InputLabelProps={{
shrink: true,
}}
disabled={false}
className="disabled_style"
value={p_detail_domaine_compet_pedago_code}
onChange={(e) => {
setp_detail_domaine_compet_pedago_code(e.target.value);
setdomaine_compet_pedago_data_changed("1");
}}
/>
</div>
<div style={{ width: '40%', paddingRight: "5px", fontFamily: 'DM Sans', fontSize: '14px', paddingLeft: '10px', float: 'right' }}> Couleur <br />
<nav className="disabled_style" style={{ backgroundColor: p_detail_domaine_compet_pedago_couleur, cursor: 'pointer', borderRadius: '10px', paddingTop: '15px' }}
disabled={!domaine_compet_pedago_edit_data}
onClick={(event, value) => {
setDialog_GRP_COLOR_open(true)
}}
> &nbsp; Cliquer pour choisir </nav>
</div>
/>
</div>
<div style={{ width: '100%', paddingRight: "5px", fontFamily: 'DM Sans', fontSize: '14px', paddingLeft: '10px' }}> Description <br />
<TextareaAutosize
name="detail_desc"
@ -2495,7 +2625,7 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
style={{
border: "1px solid #e8eef6", width: '99%', padding: '2px',
maxHeight: '5rem', height: '5rem', minHeight: '5rem', marginBottom: '1rem',
fontFamily: 'DM Sans', fontSize: '14px'
fontFamily: 'DM Sans', fontSize: '14px',
}}
disabled={false}
value={p_detail_domaine_compet_pedago_description}
@ -2607,32 +2737,44 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
paddingLeft: '10px', flexWrap: 'wrap'
}}>
<div style={{ width: '100%', paddingRight: "5px", fontFamily: 'DM Sans', fontSize: '14px', paddingLeft: '10px' }}> Code <br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="detail_code"
id="detail_code"
<div style={{ width: '100%', float: 'left', marginTop: "1rem", marginBottom: '1rem' }}>
InputLabelProps={{
shrink: true,
}}
disabled={!domaine_compet_pedago_edit_data}
className="disabled_style"
value={p_detail_domaine_compet_pedago_code}
onChange={(e) => {
setp_detail_domaine_compet_pedago_code(e.target.value);
setdomaine_compet_pedago_data_changed("1");
}}
<div style={{ width: '40%', paddingRight: "5px", fontFamily: 'DM Sans', fontSize: '14px', paddingLeft: '10px', float: 'left' }}> Code <br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="detail_code"
id="detail_code"
InputLabelProps={{
shrink: true,
}}
disabled={!domaine_compet_pedago_edit_data}
className="disabled_style"
value={p_detail_domaine_compet_pedago_code}
onChange={(e) => {
setp_detail_domaine_compet_pedago_code(e.target.value);
setdomaine_compet_pedago_data_changed("1");
}}
/>
</div>
<div style={{ width: '40%', paddingRight: "5px", fontFamily: 'DM Sans', fontSize: '14px', paddingLeft: '10px', float: 'right' }}> Couleur <br />
<nav className="disabled_style" style={{ backgroundColor: p_detail_domaine_compet_pedago_couleur, cursor: 'pointer', borderRadius: '10px', paddingTop: '15px' }}
disabled={!domaine_compet_pedago_edit_data}
onClick={(event, value) => {
if (domaine_compet_pedago_edit_data === "1")
setDialog_GRP_COLOR_open(true)
}}
> &nbsp; Cliquer pour choisir </nav>
</div>
/>
</div>
<div style={{ width: '100%', paddingRight: "5px", fontFamily: 'DM Sans', fontSize: '14px', paddingLeft: '10px' }}> Description <br />
<TextareaAutosize
name="detail_desc"
@ -2643,7 +2785,7 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
style={{
border: "1px solid #e8eef6", width: '99%', padding: '2px',
maxHeight: '5rem', height: '5rem', minHeight: '5rem', marginBottom: '1rem',
fontFamily: 'DM Sans', fontSize: '14px'
fontFamily: 'DM Sans', fontSize: '14px',
}}
disabled={Boolean(domaine_compet_pedago_edit_data)}
value={p_detail_domaine_compet_pedago_description}
@ -2771,11 +2913,11 @@ const Module_Domaine_Competence_Pedagogique = (props) => {
'& .line--statut--inscrit': {
backgroundColor: '#CEF6D8',
color: "#0a2a4d",
color: "#0a2a4d",
},
'& .line--statut--preinscrit': {
backgroundColor: '#F7F2E0',
color: "#0a2a4d",
color: "#0a2a4d",
},

259
src/components/Notes_Evaluation.js
View File

@ -1009,6 +1009,7 @@ const Notes_Evaluation = (props) => {
{ "id": "code_session", "label": "Lié a la Promotion(code Classe) ", "value": "code_session" },
{ "id": "code_ue", "label": "Lié a l'UE (code UE) ", "value": "code_ue" },
{ "id": "rattrapage", "label": "Rattrapage", "value": "rattrapage" },
{ "id": "tab_diplome_id", "label": "Diplome", "value": "tab_diplome_id" },
{ "id": "", "label": "", "value": "" },
{ "id": "1", "label": "", "value": "1" }, // Cette ligne pour couvrir l'ajout d'une ligne de filter. C'est fait expres.
]
@ -2034,6 +2035,91 @@ const Notes_Evaluation = (props) => {
}
const [New_Getall_Parter_config_diplome_result, setNew_Getall_Parter_config_diplome_result] = useState([]);
const [Getall_Parter_config_diplome_api, setGetall_Parter_config_diplome_api] = useState();
const [Getall_Parter_config_diplome_message, setGetall_Parter_config_diplome_message] = useState();
const [Getall_Parter_config_diplome_result, setGetall_Parter_config_diplome_result] = useState([]);
function Getall_Parter_config_diplome(event) {
var form = new FormData();
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Diplome/";
setLoading(true);
axios.post(myurl, form).then(res => {
setLoading(false);
if (String(res.data.status) === String("true")) {
//console.log(" In Getall_Parter_config_diplome res.data.status = " + res.data.status);
//console.log(" In Getall_Parter_config_diplome res.data.message r_class = " + res.data.message);
setGetall_Parter_config_diplome_api("true");
setGetall_Parter_config_diplome_result(res.data.message);
//setRows(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_code = JSON.parse(x).code;
var local_description = JSON.parse(x).description;
//---
var node = {
"_id": local_id,
"id": localid,
"label": local_code,
"code": local_code,
"description": local_description,
};
new_data2.push(node);
});
//---
var node = {
"_id": "",
"id": "",
"label": "",
"code": "",
"description": "",
};
new_data2.push(node);
if (new_data2.length > 0)
setNew_Getall_Parter_config_diplome_result(new_data2);
}
else {
setGetall_Parter_config_diplome_api("false");
setGetall_Parter_config_diplome_message(res.data.message);
// alert(res.data.message)
setdisplay_alert_mysy("1");
setalert_message(res.data.message);
setalert_type("error");
}
}).catch((error) => {
setLoading(false);
console.warn('Not good man :( Getall_Parter_config_diplome = ', error);
setGetall_Parter_config_diplome_api("false");
setdisplay_alert_mysy("1");
setalert_message(" Impossible de recuperer la liste des diplomes");
setalert_type("error");
//setmyApimyApiMessage("")
})
}
useEffect(() => {
@ -2045,7 +2131,7 @@ const Notes_Evaluation = (props) => {
Getall_Partner_Type_Evalution_List();
Getall_Training_Employee_No_Filter();
Getall_Training_Materiel_No_Filter();
Getall_Parter_config_diplome();
Getall_Partner_Evaluation();
window.scrollTo({
@ -2115,16 +2201,26 @@ const Notes_Evaluation = (props) => {
form.append(filtre4, p_filtre4_value);
}
var tab_scope_diplome_id = []
for (var i = 0; i < scope_filter_diplome.length; i++) {
tab_scope_diplome_id.push(scope_filter_diplome[i]._id)
}
if (tab_scope_diplome_id.length > 0) {
form.append("tab_diplome_id", tab_scope_diplome_id);
}
const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Evaluation_Planification_With_Filter/";
console.log(" ### form = ", form);
setLoading(true);
axios.post(myurl, form).then(res => {
setLoading(false);
if (String(res.data.status) === String("true")) {
//console.log(" In Getall_Training_Employee_With_Filter res.data.status = " + res.data.status);
//console.log(" In Getall_Training_Employee_With_Filter res.data.message r_class = " + res.data.message);
@ -2198,6 +2294,7 @@ const Notes_Evaluation = (props) => {
}
}).catch((error) => {
setLoading(false);
console.warn('Not good man :( Getall_Training_Employee_With_Filter = ', error);
setGetall_Training_Employee_With_Filter_api("false");
//setmyApimyApiMessage("")
@ -2227,7 +2324,7 @@ const Notes_Evaluation = (props) => {
form.append("rattrapage", p_detail_rattrapage);
// console.log(" ### scope_diplome == ", scope_diplome)
// console.log(" ### scope_diplome == ", scope_diplome)
var tab_scope_diplome_id = []
for (var i = 0; i < scope_diplome.length; i++) {
@ -4371,6 +4468,19 @@ const Notes_Evaluation = (props) => {
));
};
const fixedVal_filter_diplome = [];
const [scope_filter_diplome, setscope_filter_diplome] = useState([...fixedVal_filter_diplome]);
const CustomChip_filter_diplome = (chipVal, getTagProps) => {
return chipVal.map((item, index) => (
<Chip
label={String(item)} //adding options label
{...getTagProps({ index })}
disabled={fixedVal_filter_diplome.indexOf(item) !== -1}
/>
));
};
return (
<div className="note_evaluation">
{isLoading && <div className="loader-container">
@ -4992,7 +5102,7 @@ const Notes_Evaluation = (props) => {
{p_filtre1 && p_filtre1 !== "rattrapage" && <div className="div_row_droite texte_area_filter_value" >
{p_filtre1 && p_filtre1 !== "rattrapage" && p_filtre1 !== "tab_diplome_id" && <div className="div_row_droite texte_area_filter_value" >
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
@ -5060,6 +5170,47 @@ const Notes_Evaluation = (props) => {
/>
</div>}
{p_filtre1 && p_filtre1 === "tab_diplome_id" && New_Getall_Parter_config_diplome_result && New_Getall_Parter_config_diplome_result.length > 0 &&
<div className="div_row_droite texte_area_filter_value" >
<Autocomplete
disablePortal
name="filtre1_value"
id="filtre1_value"
className="disabled_style"
multiple
onChange={(event, newValue) => {
setscope_filter_diplome([
...fixedVal_filter_diplome,
...newValue.filter((i) => fixedVal_filter_diplome.indexOf(i) === -1),
]);
}}
options={New_Getall_Parter_config_diplome_result}
value={scope_filter_diplome}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
}
/>
</div>}
{p_filtre1 && <div className='filter_bton_add'>
@ -5125,7 +5276,7 @@ const Notes_Evaluation = (props) => {
</div>
<div className="div_row_droite texte_area_filter_value" style={{ "marginTop": "0.5rem" }}>
{String(p_filtre2).length > 2 && p_filtre2 !== "rattrapage" &&
{String(p_filtre2).length > 2 && p_filtre2 !== "rattrapage" && p_filtre2 !== "tab_diplome_id" &&
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
@ -5190,6 +5341,45 @@ const Notes_Evaluation = (props) => {
/>
}
{String(p_filtre2).length > 2 && p_filtre2 === "tab_diplome_id" && New_Getall_Parter_config_diplome_result && New_Getall_Parter_config_diplome_result.length > 0 &&
<Autocomplete
disablePortal
name="filtre2_value"
id="filtre2_value"
className="disabled_style"
multiple
onChange={(event, newValue) => {
setscope_filter_diplome([
...fixedVal_filter_diplome,
...newValue.filter((i) => fixedVal_filter_diplome.indexOf(i) === -1),
]);
}}
options={New_Getall_Parter_config_diplome_result}
value={scope_filter_diplome}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
}
/>
}
</div>
@ -5263,7 +5453,7 @@ const Notes_Evaluation = (props) => {
</div>
<div className="div_row_droite texte_area_filter_value" style={{ "marginTop": "0.5rem" }}>
{String(p_filtre3).length > 2 && p_filtre3 !== "rattrapage" &&
{String(p_filtre3).length > 2 && p_filtre3 !== "rattrapage" && p_filtre3 !== "tab_diplome_id" &&
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
@ -5327,18 +5517,49 @@ const Notes_Evaluation = (props) => {
}
/>
}
{String(p_filtre3).length > 2 && p_filtre3 === "tab_diplome_id" && New_Getall_Parter_config_diplome_result && New_Getall_Parter_config_diplome_result.length > 0 &&
<Autocomplete
disablePortal
name="filtre1_value"
id="filtre1_value"
className="disabled_style"
multiple
onChange={(event, newValue) => {
setscope_filter_diplome([
...fixedVal_filter_diplome,
...newValue.filter((i) => fixedVal_filter_diplome.indexOf(i) === -1),
]);
}}
options={New_Getall_Parter_config_diplome_result}
value={scope_filter_diplome}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
}
/>
}
</div>
{String(p_filtre2).length > 2 && <div className='filter_bton_add' >
<Tooltip className="tooltip_css" id="my-tooltip03" style={{ "fontSize": "12px" }} />
<a data-tooltip-id="my-tooltip03" data-tooltip-html="Ajouter une nouvelle ligne de filtre">
&nbsp; <MdAddCircleOutline
onClick={(e) => {
setp_filtre4("1");
setp_filtre4_value("");
}}
/>
</a>
&nbsp;
</div>}
{String(p_filtre3).length > 2 && <div className='filter_bton_add'>
@ -5684,7 +5905,7 @@ const Notes_Evaluation = (props) => {
style={{
border: "1px solid #e8eef6", width: '99%', padding: '2px',
maxHeight: '5rem', height: '5rem', minHeight: '5rem', marginBottom: '1rem',
fontFamily: 'DM Sans', fontSize: '14px'
fontFamily: 'DM Sans', fontSize: '14px', width:'96%'
}}
disabled={false}
value={p_detail_description}
@ -5811,7 +6032,7 @@ const Notes_Evaluation = (props) => {
// options={New_Get_List_UE_From_Session_Id_Diplome_result}
options={New_Get_List_UE_From_Session_Id_Diplome_result.filter((data) => (data).ue_id === String(p_detail_class_eu_id))}
multiple
disabled={true}
value={scope_diplome}
@ -6149,7 +6370,7 @@ const Notes_Evaluation = (props) => {
style={{
border: "1px solid #e8eef6", width: '99%', padding: '2px',
maxHeight: '5rem', height: '5rem', minHeight: '5rem', marginBottom: '1rem',
fontFamily: 'DM Sans', fontSize: '14px'
fontFamily: 'DM Sans', fontSize: '14px', width:'96%'
}}
disabled={false}
value={p_detail_description}
@ -6886,7 +7107,7 @@ const Notes_Evaluation = (props) => {
style={{
border: "1px solid #e8eef6", width: '99%', padding: '2px',
maxHeight: '5rem', height: '5rem', minHeight: '5rem', marginBottom: '1rem',
fontFamily: 'DM Sans', fontSize: '14px'
fontFamily: 'DM Sans', fontSize: '14px', width:'96%'
}}
disabled={false}
className="disabled_style"

2
src/components/Partner_Admission_Process_Ftion_Initiale.js
View File

@ -189,7 +189,7 @@ const Partner_Admission_Process_Ftion_Initiale = (props) => {
{ field: 'rang', headerName: 'rang', minWidth: 150, flex: 1, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{ field: 'comment', headerName: 'comment', minWidth: 150, flex: 1, hide: true, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{
field: 'code_couleur', headerName: 'code_couleur', minWidth: 150, flex: 1, renderCell: (params) => <ExpandableCell_50 {...params} />,
field: 'code_couleur', headerName: 'Couleur', minWidth: 150, flex: 1, renderCell: (params) => <ExpandableCell_50 {...params} />,
renderCell: (cellValues) => {
return (
<div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all", textAlign: 'center', width: '100%', }}>

245
src/components/Partner_Config_Technique.js
View File

@ -32,6 +32,7 @@ import Paper from '@material-ui/core/Paper';
import Draggable from 'react-draggable';
import CancelPresentationIcon from '@mui/icons-material/CancelPresentation';
import { IconButton } from '@material-ui/core';
import { id } from "date-fns/locale";
function PaperComponent(props) {
return (
@ -1105,6 +1106,13 @@ const Partner_Configuration_Technique = (props) => {
const myRef_doc_auto = useRef(null)
const New_Option_Sequence_Code_Couleur = [
{ "id": "ue", "label": "UE", "value": "ue" },
{ "id": "grp_apprenant", "label": "grp_apprenant", "value": "grp_apprenant" },
{ "id": "", "label": "", "value": "" },
]
useEffect(() => {
@ -2037,6 +2045,15 @@ const Partner_Configuration_Technique = (props) => {
var local_config_value = line.config_value;
setp_detail_config_valeur(local_config_value);
if (line.config_name === "sequence_code_couleur") {
if (!['', 'ue', 'grp_apprenant'].includes(line.config_value)) {
console.log(" OOO ")
setp_detail_config_valeur("");
}
}
Disable_Config_DetailFields();
if (document.getElementById('myRef')) {
@ -4677,7 +4694,7 @@ const Partner_Configuration_Technique = (props) => {
setp_categorie_desc(line.description);
setDialog_categorie_1_open(true);
setDialog_categorie_1_open(true);
}
@ -5384,19 +5401,19 @@ const Partner_Configuration_Technique = (props) => {
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -5980,19 +5997,19 @@ const Partner_Configuration_Technique = (props) => {
}
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -6157,19 +6174,19 @@ const Partner_Configuration_Technique = (props) => {
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -6580,7 +6597,10 @@ const Partner_Configuration_Technique = (props) => {
</div>
{String(config_data_edit_mode) === "1" && <div className="session_caract"> Valeur de configuration<br />
<TextField
{p_detail_config_point !== "sequence_code_couleur" && <TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
required
name="detail_config_valeur"
@ -6599,7 +6619,50 @@ const Partner_Configuration_Technique = (props) => {
}
}
}
/>
/>}
{p_detail_config_point === "sequence_code_couleur" && New_Option_Sequence_Code_Couleur && New_Option_Sequence_Code_Couleur.length > 0 &&
<Autocomplete
disablePortal
name="is_mandatory"
id="is_mandatory"
className="disabled_style"
options={New_Option_Sequence_Code_Couleur}
value={New_Option_Sequence_Code_Couleur.filter((data) => (data).value === String(p_detail_config_valeur))[0].label}
onChange={(event, value) => {
if (value && value.value) {
setp_detail_config_valeur(value.value);
setConfig_data_changed("1");
}
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
}
/>
}
</div>}
{String(config_data_edit_mode) !== "1" && <div className="session_caract"> Valeur de configuration<br />
@ -7945,19 +8008,19 @@ const Partner_Configuration_Technique = (props) => {
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -8448,19 +8511,19 @@ const Partner_Configuration_Technique = (props) => {
}
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
}}
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -8491,19 +8554,19 @@ const Partner_Configuration_Technique = (props) => {
}
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
}}
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>
@ -8534,19 +8597,19 @@ const Partner_Configuration_Technique = (props) => {
}
}}
renderInput={(params) => <TextField {...params} label="" placeholder="Choisir une option"
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
sx={{
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "solid #e8eef6 1px;",
},
}}
"&:hover fieldset": {
border: "solid #e8eef6 1px;",
},
"&.Mui-focused fieldset": {
border: "solid #e8eef6 1px;",
},
},
}}
inputProps={{ ...params.inputProps, style: { fontSize: 12, height: "1.4rem" } }}
/>

14
src/styles/components/_note_evaluation.scss
View File

@ -13,7 +13,7 @@
top: 0px;
opacity: 80%;
left: 0px;
}
}
.tooltip_css {
background: #81BC3A;
@ -86,7 +86,7 @@
text-align: center;
margin-bottom: 0.8rem;
color: white;
cursor: pointer;
cursor: default;
font-style: italic;
background-color: gray;
font-weight: normal;
@ -661,7 +661,7 @@
text-align: center;
margin-bottom: 0.8rem;
color: white;
cursor: pointer;
cursor: default;
font-style: italic;
background-color: gray;
font-weight: normal;
@ -1294,7 +1294,7 @@
text-align: center;
margin-bottom: 0.8rem;
color: white;
cursor: pointer;
cursor: default;
font-style: italic;
background-color: gray;
font-weight: normal;
@ -1720,7 +1720,7 @@
text-align: center;
margin-bottom: 0.8rem;
color: white;
cursor: pointer;
cursor: default;
font-style: italic;
background-color: gray;
font-weight: normal;
@ -1822,7 +1822,7 @@
text-align: center;
margin-bottom: 0.8rem;
color: white;
cursor: pointer;
cursor: default;
font-style: italic;
background-color: gray;
font-weight: normal;
@ -2312,7 +2312,7 @@
text-align: center;
margin-bottom: 0.8rem;
color: white;
cursor: pointer;
cursor: default;
font-style: italic;
background-color: gray;
font-weight: normal;