10/02/26 - 20h

branche_01062025
Cherif 2026-02-10 19:58:25 +01:00
parent 8cf4732467
commit 45def3b46b
11 changed files with 9369 additions and 112 deletions

View File

@ -0,0 +1,450 @@
import React, { useRef, useState, useEffect } from "react";
import TextField from '@mui/material/TextField';
import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css
import Button from '@mui/material/Button';
import axios from "axios";
import { FcInfo } from "react-icons/fc";
import { getCookie, setCookie } from 'react-use-cookie';
import { useHistory } from "react-router-dom";
import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid';
import Autocomplete from '@mui/material/Autocomplete';
import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
import 'react-tooltip/dist/react-tooltip.css'
import { Tooltip } from 'react-tooltip'
import Popup from 'reactjs-popup';
import 'reactjs-popup/dist/index.css';
import "react-datepicker/dist/react-datepicker.css";
import Box from '@mui/material/Box';
import { CiTrash } from "react-icons/ci";
import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif";
import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5";
import Link from '@mui/material/Link';
import { PiDotsThree } from "react-icons/pi";
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
import ColorPicker from 'react-pick-color';
import CancelPresentationIcon from '@mui/icons-material/CancelPresentation';
import Paper from '@material-ui/core/Paper';
import Draggable from 'react-draggable';
import { makeStyles } from "@material-ui/core/styles";
import { IconButton } from '@material-ui/core';
import Dialog from '@mui/material/Dialog';
import DialogActions from '@mui/material/DialogActions';
import DialogContent from '@mui/material/DialogContent';
import DialogContentText from '@mui/material/DialogContentText';
import DialogTitle from '@mui/material/DialogTitle';
import TextareaAutosize from '@mui/material/TextareaAutosize';
import Module_Tache_Pedagogique from "./Module_Tache_Pedagogique";
import Module_Actvitie_Pedagogique from "./Module_Actvitie_Pedagogique";
import Module_Pole_Actvitie_Pedagogique from "./Module_Pole_Actvitie_Pedagogique";
import Module_Competence_Pedagogique from "./Module_Competence_Pedagogique";
function PaperComponent(props) {
return (
<Draggable
handle="#draggable-dialog-title"
cancel={'[class*="MuiDialogContent-root"]'}
>
<Paper {...props} />
</Draggable>
);
}
const useStyles = makeStyles((theme) => ({
dialog: {
position: 'absolute',
// left: 10,
top: 400
},
paper: {
overflowY: 'unset',
},
customizedButton: {
position: 'absolute',
left: '98%',
top: '-3%',
backgroundColor: 'lightgray',
color: 'gray',
},
}));
const Config_Competence_Pedagogique_Ftion_Initiale = (props) => {
const classes = useStyles();
const history = useHistory();
const [submenu, setsubmenu] = useState("type_eval");
const [rowss, setRows] = useState([]);
const [selectionModel_etape, setselectionModel_etape] = React.useState([]);
const [selectionModel_critere, setselectionModel_critere] = React.useState([]);
const [selectionModel, setselectionModel] = React.useState([]);
const [selectionModel_type_eval, setselectionModel_type_eval] = React.useState([]);
const [selectionModel_referentiel_padagogique, setselectionModel_referentiel_padagogique] = React.useState([]);
var date_today_90j = new Date();
date_today_90j.setDate(date_today_90j.getDate() + 90);
function ExpandableCell_50({ value }) {
const [expanded, setExpanded] = React.useState(false);
return (
<nav>
{value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all", paddingTop: '5px' }}>
{expanded ? value : String(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 [p_filtre1, setp_filtre1] = useState();
const [p_filtre1_value, setp_filtre1_value] = useState();
const [p_filtre2, setp_filtre2] = useState();
const [p_filtre2_value, setp_filtre2_value] = useState();
const [p_filtre3, setp_filtre3] = useState();
const [p_filtre3_value, setp_filtre3_value] = useState();
const [p_filtre4, setp_filtre4] = useState();
const [p_filtre4_value, setp_filtre4_value] = useState();
const [isLoading, setLoading] = useState();
function submenu_competence_padagogique() {
// Getall_Parter_referentiel_padagogique();
setsubmenu("competence_padagogique");
submenu_color_management("competence_padagogique");
}
function submenu_bloc_competence_padagogique() {
// Getall_Parter_referentiel_padagogique();
setsubmenu("bloc_competence");
submenu_color_management("bloc_competence");
}
function submenu_color_management(current_menu) {
const list_sous_menu = ["bloc_competence", "competence_padagogique",]
for (let i = 0; i < list_sous_menu.length; i++) {
var sous_menu = list_sous_menu[i];
if (String(sous_menu) !== current_menu) {
if (document.getElementById(sous_menu)) {
document.getElementById(sous_menu).style.backgroundColor = "#d8edfc";
document.getElementById(sous_menu).style.color = "black";
document.getElementById(sous_menu).style.fontWeight = "normal";
}
}
}
if (document.getElementById(current_menu)) {
document.getElementById(current_menu).style.backgroundColor = "#107758";
document.getElementById(current_menu).style.color = "white";
document.getElementById(current_menu).style.fontWeight = "bold";
}
if (document.getElementById('myRef_head')) {
var divh = document.getElementById('myRef_head').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
}
const myRef_head = useRef(null);
const [props_menu, setprops_menu] = useState("");
const [props_object_id, setprops_object_id] = useState("");
useEffect(() => {
window.scrollTo({
top: 0,
behavior: "smooth",
});
if (props.object_key && props.object_key.length > 3 &&
props.submenu && ["bloc_competence", "competence_padagogique",].includes(props.submenu)) {
setprops_menu(props.submenu);
setprops_object_id(props.object_key)
if (props.submenu === "bloc_competence") {
submenu_bloc_competence_padagogique();
} else if (props.submenu === "competence_padagogique") {
submenu_competence_padagogique();
}
}
}, [])
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
async function Enable_process_admin_DetailFields() {
await sleep(10);
if (document.getElementsByName("detail_config_code")[0]) {
document.getElementsByName("detail_config_code")[0].disabled = false;
document.getElementsByName("detail_config_code")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("detail_config_desc")[0]) {
document.getElementsByName("detail_config_desc")[0].disabled = false;
document.getElementsByName("detail_config_desc")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("detail_config_comment")[0]) {
document.getElementsByName("detail_config_comment")[0].disabled = false;
document.getElementsByName("detail_config_comment")[0].style.backgroundColor = "#FFFFFF";
}
}
async function Disable_process_admin_DetailFields() {
await sleep(10);
if (document.getElementsByName("detail_config_code")[0]) {
document.getElementsByName("detail_config_code")[0].disabled = true;
document.getElementsByName("detail_config_code")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("detail_config_desc")[0]) {
document.getElementsByName("detail_config_desc")[0].disabled = true;
document.getElementsByName("detail_config_desc")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("detail_config_comment")[0]) {
document.getElementsByName("detail_config_comment")[0].disabled = true;
document.getElementsByName("detail_config_comment")[0].style.backgroundColor = "#ECEFF1";
}
}
const myRef = useRef(null)
const [add_process_admin, setadd_process_admin] = useState("");
const New_Option_Type_Document = [
{ "id": "pdf", "label": "pdf", "value": "pdf" },
{ "id": "png", "label": "png", "value": "png" },
{ "id": "jpg", "label": "jpg", "value": "jpg" },
{ "id": "jpeg", "label": "jpeg", "value": "jpeg" },
{ "id": "webp", "label": "webp", "value": "webp" },
{ "id": "", "label": "", "value": "" },
]
const [display_alert_mysy, setdisplay_alert_mysy] = useState("");
const [alert_message, setalert_message] = useState("");
const [alert_type, setalert_type] = useState("");
function clear_alert_message() {
setalert_message("");
}
function clear_alert_type() {
setalert_type("");
}
function clear_display_alert_mysy() {
setdisplay_alert_mysy("");
}
return (
<div className="config_competence_pedagogique_ftion_initiale">
{isLoading && <div className="loader-container">
<div className="mysy_spinner"> <img src={img_loading_spin} /> </div>
</div>}
{/*** Affichage des messages d'alerte*/}
{display_alert_mysy && String(display_alert_mysy) === "1" &&
<Module_Alert_Confirmation alert_message={alert_message}
alert_type={alert_type}
clear_alert_message={clear_alert_message}
clear_alert_type={clear_alert_type}
clear_display_alert_mysy={clear_display_alert_mysy}
/>
}
{/*** FIN Affichage des messages d'alerte*/}
<h3 style={{ fontFamily: 'DM Sans' }}> Compétences & Bloc de pédagogiques </h3>
<div className="div_row" ref={myRef_head} id="myRef_head" >
<Button variant="outlined" onClick={submenu_bloc_competence_padagogique} className="detail_class_submenu" id='bloc_competence' name='bloc_competence'>Blocs compétences</Button>
<Button variant="outlined" onClick={submenu_competence_padagogique} className="detail_class_submenu" id='competence_padagogique' name='competence_padagogique'>Compétences</Button>
</div>
{submenu && submenu === "competence_padagogique" && <div>
<Module_Competence_Pedagogique
props_menu={props_menu}
props_object_id={props_object_id} />
</div>}
{submenu && submenu === "bloc_competence" && <div>
bloc_competence
</div>}
<style>{local_css}</style>
</div>
)
}
export default Config_Competence_Pedagogique_Ftion_Initiale;
const local_css = `
:root {
--bg: #f6f8fb;
--card: #ffffff;
--text: #0f172a;
--muted: #64748b;
--border: #e5e7eb;
--shadow: 0 10px 25px rgba(2, 6, 23, .06);
--green-700: #0f6b53;
--green-600: #167a5e;
--green-100: #e9f7f1;
--blue-600: #2563eb;
--radius: 14px;
--radius-sm: 10px;
}
.Grid_2_col{
margin-top: 12px;
display:grid;
grid-template-columns: 1.2fr 1fr;
gap: 14px;
}
.Grid_2_col_sub_colone {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 14px;
box-shadow: 0 6px 18px rgba(2,6,23,.04);
padding: 0px;
display: flex;
flex-direction: column;
gap: 14px;
}
.Grid_2_col_sub_colone_header {
background: #dbeafe;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
text-align: center;
font-family: DM Sans;
font-weight: 700;
height: 2rem;
padding-top: 5px;
font-size: 15px;
}
.Grid_2_col_sub_colone_bottom_menu{
}
.card__header{
background: #e2e8f0;
font-size: small;
text-align: center;
}
.card__title{
display:flex;
align-items:center;
gap: 10px;
}
.card__icon{
width: 34px;
height: 34px;
display:grid;
place-items:center;
border-radius: 12px;
background:#eff6ff;
border:1px solid #dbeafe;
}
.card__header h2{
margin:0;
font-size: 15px;
letter-spacing: -0.01em;
}
.card__actions{ display:flex; align-items:center; gap:8px; }
.block_detail_action{
width: 100%;
float: left;
background: #fafafa;
padding: 10px;
border: unset;
border-radius: 10px;
}
`;

View File

@ -199,13 +199,38 @@ const Config_Ref_Pedagogique_Ftion_Initiale = (props) => {
const myRef_head = useRef(null);
const [props_menu, setprops_menu] = useState("");
const [props_object_id, setprops_object_id] = useState("");
useEffect(() => {
window.scrollTo({
top: 0,
behavior: "smooth",
});
if (props.object_key && props.object_key.length > 3 &&
props.submenu && ['referentiel_padagogique', 'pole_activite_padagogique', 'activite_padagogique', 'tache_padagogique'].includes(props.submenu)) {
setprops_menu(props.submenu);
setprops_object_id(props.object_key)
if (props.submenu === "referentiel_padagogique") {
submenu_referentiel_padagogique();
} else if (props.submenu === "pole_activite_padagogique") {
submenu_pole_activite_padagogique();
} else if (props.submenu === "activite_padagogique") {
submenu_activite_padagogique();
} else if (props.submenu === "tache_padagogique") {
submenu_tache_padagogique();
}
}
}, [])
@ -261,8 +286,6 @@ const Config_Ref_Pedagogique_Ftion_Initiale = (props) => {
const myRef = useRef(null)
@ -297,8 +320,6 @@ const Config_Ref_Pedagogique_Ftion_Initiale = (props) => {
return (
<div className="admission_pedagogique_ftion_initiale">
{isLoading && <div className="loader-container">
@ -333,20 +354,28 @@ const Config_Ref_Pedagogique_Ftion_Initiale = (props) => {
{submenu && submenu === "tache_padagogique" && <div>
<Module_Tache_Pedagogique />
<Module_Tache_Pedagogique
props_menu={props_menu}
props_object_id={props_object_id}
/>
</div>}
{submenu && submenu === "activite_padagogique" && <div>
<Module_Actvitie_Pedagogique />
<Module_Actvitie_Pedagogique
props_menu={props_menu}
props_object_id={props_object_id}
/>
</div>}
{submenu && submenu === "pole_activite_padagogique" && <div>
<Module_Pole_Actvitie_Pedagogique />
<Module_Pole_Actvitie_Pedagogique
props_menu={props_menu}
props_object_id={props_object_id} />
</div>}

View File

@ -137,7 +137,7 @@ const Module_Actvitie_Pedagogique = (props) => {
const [selected_id, setselected_id] = useState("");
const [gridline_id, setgridline_id] = useState("");
const [gridline_id, setgridline_id] = useState("");
const [gridline_tache_id, setgridline_tache_id] = useState("");
@ -495,10 +495,21 @@ const Module_Actvitie_Pedagogique = (props) => {
useEffect(() => {
Getall_Partner_Activite_Pedago();
window.scrollTo({
top: 0,
behavior: "smooth",
});
if (props.props_object_id && props.props_object_id.length > 3 && props.props_menu === "activite_padagogique") {
setselected_id(props.props_object_id);
Get_Given_Activite_pedago_data(props.props_object_id);
setactivite_pedago_data_changed("");
setadd_one_activite_pedago("");
submenu_detail_activite_padagogique();
} else {
window.scrollTo({
top: 0,
behavior: "smooth",
});
}
}, [])
@ -785,6 +796,12 @@ const Module_Actvitie_Pedagogique = (props) => {
if (res.data.message.length > 0) {
var activite_pedago = JSON.parse(res.data.message);
if (activite_pedago._id)
setselected_id(activite_pedago._id);
else
setselected_id("");
if (activite_pedago._id)
setp_detail_activite_pedago_id(activite_pedago._id);
else
@ -1811,7 +1828,7 @@ const Module_Actvitie_Pedagogique = (props) => {
<div style={{ width: '100%', paddingRight: "5px" }}> Commentaire <br />
<div style={{ width: '100%', paddingRight: "5px", fontFamily:'DM Sans', fontSize:'14px' }}> Commentaire <br />
<TextareaAutosize
name="detail_comment"
id="detail_comment"
@ -1854,7 +1871,7 @@ const Module_Actvitie_Pedagogique = (props) => {
paddingLeft: '10px', flexWrap: 'wrap'
}}>
<div style={{ width: '100%', paddingRight: "5px" }}> Degré d'autonomie <br />
<div style={{ width: '100%', paddingRight: "5px", fontFamily:'DM Sans', fontSize:'14px' }}> Degré d'autonomie <br />
<TextareaAutosize
name="detail_autonomie"
id="detail_autonomie"
@ -1877,7 +1894,7 @@ const Module_Actvitie_Pedagogique = (props) => {
</div>
<div style={{ width: '100%', paddingRight: "5px" }}> Aide <br />
<div style={{ width: '100%', paddingRight: "5px", fontFamily:'DM Sans', fontSize:'14px' }}> Aide <br />
<TextareaAutosize
name="detail_aide"
id="detail_aide"
@ -1929,7 +1946,7 @@ const Module_Actvitie_Pedagogique = (props) => {
paddingLeft: '10px', flexWrap: 'wrap', marginTop: '1rem'
}}>
<div style={{ width: '100%', paddingRight: "5px" }}>
<div style={{ width: '100%', paddingRight: "5px", fontFamily:'DM Sans', fontSize:'14px' }}>
<TextareaAutosize
name="detail_moyen_ressource"
id="detail_moyen_ressource"
@ -1970,7 +1987,7 @@ const Module_Actvitie_Pedagogique = (props) => {
paddingLeft: '10px', flexWrap: 'wrap', marginTop: '1rem'
}}>
<div style={{ width: '100%', paddingRight: "5px" }}>
<div style={{ width: '100%', paddingRight: "5px", fontFamily:'DM Sans', fontSize:'14px' }}>
<TextareaAutosize
name="detail_resultat"
id="detail_resultat"
@ -2019,7 +2036,7 @@ const Module_Actvitie_Pedagogique = (props) => {
paddingLeft: '10px', flexWrap: 'wrap', marginTop: '1rem'
}}>
<div style={{ width: '100%', paddingRight: "5px" }}>
<div style={{ width: '100%', paddingRight: "5px", fontFamily:'DM Sans', fontSize:'14px' }}>
<TextareaAutosize
name="detail_contrainte"
id="detail_contrainte"
@ -2060,7 +2077,7 @@ const Module_Actvitie_Pedagogique = (props) => {
paddingLeft: '10px', flexWrap: 'wrap', marginTop: '1rem'
}}>
<div style={{ width: '100%', paddingRight: "5px" }}>
<div style={{ width: '100%', paddingRight: "5px", fontFamily:'DM Sans', fontSize:'14px' }}>
<TextareaAutosize
name="detail_divers"
id="detail_divers"
@ -2206,7 +2223,7 @@ const Module_Actvitie_Pedagogique = (props) => {
<div style={{ width: '100%', paddingRight: "5px" }}> Commentaire <br />
<div style={{ width: '100%', paddingRight: "5px", fontFamily:'DM Sans', fontSize:'14px' }}> Commentaire <br />
<TextareaAutosize
name="detail_comment"
id="detail_comment"
@ -2249,7 +2266,7 @@ const Module_Actvitie_Pedagogique = (props) => {
paddingLeft: '10px', flexWrap: 'wrap'
}}>
<div style={{ width: '100%', paddingRight: "5px" }}> Degré d'autonomie <br />
<div style={{ width: '100%', paddingRight: "5px", fontFamily:'DM Sans', fontSize:'14px' }}> Degré d'autonomie <br />
<TextareaAutosize
name="detail_autonomie"
id="detail_autonomie"
@ -2272,7 +2289,7 @@ const Module_Actvitie_Pedagogique = (props) => {
</div>
<div style={{ width: '100%', paddingRight: "5px" }}> Aide <br />
<div style={{ width: '100%', paddingRight: "5px", fontFamily:'DM Sans', fontSize:'14px' }}> Aide <br />
<TextareaAutosize
name="detail_aide"
id="detail_aide"
@ -2324,7 +2341,7 @@ const Module_Actvitie_Pedagogique = (props) => {
paddingLeft: '10px', flexWrap: 'wrap', marginTop: '1rem'
}}>
<div style={{ width: '100%', paddingRight: "5px" }}>
<div style={{ width: '100%', paddingRight: "5px", fontFamily:'DM Sans', fontSize:'14px' }}>
<TextareaAutosize
name="detail_moyen_ressource"
id="detail_moyen_ressource"
@ -2365,7 +2382,7 @@ const Module_Actvitie_Pedagogique = (props) => {
paddingLeft: '10px', flexWrap: 'wrap', marginTop: '1rem'
}}>
<div style={{ width: '100%', paddingRight: "5px" }}>
<div style={{ width: '100%', paddingRight: "5px", fontFamily:'DM Sans', fontSize:'14px' }}>
<TextareaAutosize
name="detail_resultat"
id="detail_resultat"
@ -2413,7 +2430,7 @@ const Module_Actvitie_Pedagogique = (props) => {
paddingLeft: '10px', flexWrap: 'wrap', marginTop: '1rem'
}}>
<div style={{ width: '100%', paddingRight: "5px" }}>
<div style={{ width: '100%', paddingRight: "5px", fontFamily:'DM Sans', fontSize:'14px' }}>
<TextareaAutosize
name="detail_contrainte"
id="detail_contrainte"
@ -2454,7 +2471,7 @@ const Module_Actvitie_Pedagogique = (props) => {
paddingLeft: '10px', flexWrap: 'wrap', marginTop: '1rem'
}}>
<div style={{ width: '100%', paddingRight: "5px" }}>
<div style={{ width: '100%', paddingRight: "5px", fontFamily:'DM Sans', fontSize:'14px' }}>
<TextareaAutosize
name="detail_divers"
id="detail_divers"
@ -2546,7 +2563,7 @@ const Module_Actvitie_Pedagogique = (props) => {
<div style={{ width: '100%', float: 'left' }}>
<div className="Grid_2_col_sub_colone_header">
Liste Tache
Liste Taches
</div>
<div style={{ height: 550, width: '100%', paddingRight: '5px' }}>

File diff suppressed because it is too large Load Diff

View File

@ -263,7 +263,7 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
<div style={{ "width": "45%", "float": "left" }}>
<button className="gest_bton_popup" onClick={(event) => {
// handleClick_delete_tache_from_activite(event, cellValues);
// handleClick_delete_tache_from_activite(event, cellValues);
//console.log('modal closed ');
close();
}}> Valider </button>
@ -297,9 +297,36 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
{ 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, maxWidth: 180, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{ field: 'rang', headerName: 'Rang', hide: false, maxWidth: 100, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{ field: 'rang', headerName: 'Rang', hide: false, maxWidth: 100, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{ field: 'description', headerName: 'Description', flex: 1, hide: false, minWidth: 200, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{
field: 'display_competence', headerName: 'Afficher', flex: 1, hide: false, maxWidth: 200, renderCell: (params) => <ExpandableCell_50 {...params} />,
renderCell: (cellValues) => {
return (
<nav style={{ width: '100%', 'textAlign': 'center' }}>
<Button
onClick={(event) => {
}}
variant="outlined"
>
Affich Compét.
</Button>
</nav>
);
},
},
{ field: 'add_competence', headerName: 'Compétence', flex: 1, hide: false, minWidth: 200, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{
field: "delete", headerName: 'Supprimer',
@ -367,6 +394,78 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
]
const column_competence_with_activite = [
{ field: 'activite_pedagogique_id', headerName: 'activite_pedagogique_id', hide: true, Width: 0, disableExport: true, },
{ field: 'competence_id', headerName: 'competence_id', hide: true, Width: 0, disableExport: true, },
{ field: 'activite_pedagogique_code', headerName: 'Activité Pédagogique', flex: 1, hide: false, maxWidth: 180, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{ field: 'competence_code', headerName: 'Competence Code', flex: 1, hide: false, maxWidth: 200, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{ field: 'competence_description', headerName: 'Competence Description', flex: 1, hide: false, minWidth: 200, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{
field: "delete", headerName: 'Supprimer',
renderCell: (cellValues) => {
return (
<>
<Popup
trigger={<Button
onClick={(event) => {
// handleClick_delete(event, cellValues);
}}
>
<CiTrash />
</Button>}
modal
nested
position="center center"
>
{close => (
<div>
<button className="gest_close" onClick={close}>
&times;
</button>
<div className="gest_header"> MySy Information </div>
<div className="gest_content">
{' '}
En confirmant cette opération, la tâche sera <i><font color="red"> définitivement supprimée de cette activité </font></i>. <br />
</div>
<div className="gest_actions">
<div style={{ "width": "45%", "float": "left" }}>
<button className="gest_bton_popup" onClick={(event) => {
// handleClick_delete_tache_from_activite(event, cellValues);
//console.log('modal closed ');
close();
}}> Valider </button>
</div>
<div style={{ "width": "45%", "float": "right" }}>
<button
className="gest_bton_popup_annuler"
onClick={() => {
//console.log('modal closed ');
close();
}}
>
Annuler
</button>
</div>
</div>
</div>
)}
</Popup>
</>
);
}
}
]
const New_Option_Tuteur_Role = [
{ "id": "0", "label": "Parent", "value": "0" },
@ -445,7 +544,7 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
const [handleClick_delete_activite_from_pole_pedago_api, sethandleClick_delete_activite_from_pole_pedago_api] = useState();
const [handleClick_delete_activite_from_pole_pedago_api, sethandleClick_delete_activite_from_pole_pedago_api] = useState();
const [handleClick_delete_activite_from_pole_message, sethandleClick_delete_activite_from_pole_message] = useState();
const [handleClick_delete_activite_from_pole_result, sethandleClick_delete_activite_from_pole_result] = useState([]);
function handleClick_delete_activite_from_pole(event, cellValues) {
@ -553,16 +652,29 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
Getall_Partner_Pole_Activite_Pedago();
window.scrollTo({
top: 0,
behavior: "smooth",
});
if (props.props_object_id && props.props_object_id.length > 3 && props.props_menu === "pole_activite_padagogique") {
setselected_id(props.props_object_id);
Get_Given_Pole_Activite_pedago_data(props.props_object_id);
setpole_activite_pedago_data_changed("");
setadd_one_pole_activite_pedago("");
submenu_detail_activite_padagogique();
} else {
window.scrollTo({
top: 0,
behavior: "smooth",
});
}
}, [])
const [isLoading, setLoading] = useState();
const [display_alert_mysy, setdisplay_alert_mysy] = useState("");
@ -595,7 +707,10 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
const [p_detail_pole_activite_pedago_tab_bloc_competence, setp_detail_pole_activite_pedago_tab_bloc_competence] = useState([]);
const [p_detail_pole_activite_pedago_tab_activite, setp_detail_pole_activite_pedago_tab_activite] = useState([]);
const [p_detail_pole_activite_pedago_tab_activite_with_code, setp_detail_pole_activite_pedago_tab_activite_with_code] = useState([]);
const [p_detail_pole_activite_pedago_tab_activite_with_code, setp_detail_pole_activite_pedago_tab_activite_with_code] = useState([]);
const [tab_competence_activite_pedagogique_with_code, settab_competence_activite_pedagogique_with_code] = useState([]);
const [pole_activite_pedago_data_changed, setpole_activite_pedago_data_changed] = useState("");
@ -844,6 +959,13 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
if (res.data.message.length > 0) {
var pole_activite_pedago = JSON.parse(res.data.message);
if (pole_activite_pedago._id)
setselected_id(pole_activite_pedago._id);
else
setselected_id("");
if (pole_activite_pedago._id)
setp_detail_pole_activite_pedago_id(pole_activite_pedago._id);
else
@ -877,11 +999,16 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
else
setp_detail_pole_activite_pedago_tab_activite([]);
if (pole_activite_pedago.tab_activite_pedagogique_with_code)
if (pole_activite_pedago.tab_activite_pedagogique_with_code)
setp_detail_pole_activite_pedago_tab_activite_with_code(pole_activite_pedago.tab_activite_pedagogique_with_code);
else
setp_detail_pole_activite_pedago_tab_activite_with_code([]);
if (pole_activite_pedago.tab_competence_activite_pedagogique_with_code)
settab_competence_activite_pedagogique_with_code(pole_activite_pedago.tab_competence_activite_pedagogique_with_code);
else
settab_competence_activite_pedagogique_with_code([]);
Disable_Pole_Activite_Pedago_DetailFields();
@ -1362,12 +1489,12 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
const [New_Getall_Partner_Activite_result, setNew_Getall_Partner_Activite_result] = useState([{
"_id": "",
"id": "",
"label": "",
"code": "",
"description": "",
}]);
"_id": "",
"id": "",
"label": "",
"code": "",
"description": "",
}]);
const [Getall_Partner_Activite_api, setGetall_Partner_Activite_api] = useState();
const [Getall_Partner_Activite_message, setGetall_Partner_Activite_message] = useState();
@ -1508,6 +1635,9 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
})
}
return (
<div className="module_pole_activite_pedagogique">
@ -1527,7 +1657,7 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
{/*** FIN Affichage des messages d'alerte*/}
{/* Dialog pour ajouter un POLE ACTIVITE */}
{/* Dialog pour ajouter une ACTIVITE PEDAGOGIQUE */}
<Dialog
open={Dialog_Pole_Activite_open}
// onClose={Dialog_Pole_Activite_handleClose}
@ -1656,7 +1786,7 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
</DialogActions>
</Dialog>
{/* FIN Dialog pour ajouter un POLE ACTIVITE */}
{/* FIN Dialog pour ajouter une ACTIVITE PEDAGOGIQUE */}
<div className="div_row" style={{ paddingRight: '10px' }}>
@ -1912,7 +2042,7 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
<div className="session_data">
<div style={{ "border": "None" }}>
<div className="div_row">
<nav style={{ textAlign: 'center', padding: '10px', fontFamily: 'DM Sans' }}> Nouvelle activité pédagogique
<nav style={{ textAlign: 'center', padding: '10px', fontFamily: 'DM Sans' }}> Nouveau Pôle d'activité pédagogique
</nav>
</div>
@ -1945,7 +2075,7 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
}}
disabled={false}
className="disabled_style"
value={setp_detail_pole_activite_pedago_code}
value={p_detail_pole_activite_pedago_code}
onChange={(e) => {
setp_detail_pole_activite_pedago_code(e.target.value);
setpole_activite_pedago_data_changed("1");
@ -1981,7 +2111,7 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
<div style={{ width: '100%', paddingRight: "5px" }}> Commentaire <br />
<div style={{ width: '100%', paddingRight: "5px", fontFamily: 'DM Sans', fontSize: '14px' }}> Commentaire <br />
<TextareaAutosize
name="detail_comment"
id="detail_comment"
@ -2051,13 +2181,13 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
<div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
<Button variant="contained" className="bton_enreg" onClick={"Add_Update_Activite_Pedago"}>Enregistrer
<Button variant="contained" className="bton_enreg" onClick={Add_Update_Pole_Activite_Pedago}>Enregistrer
</Button>
</div>
<div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }} >
<Button variant="contained" className="bton_annule" onClick={"Ferme_Display_champs"}>Annuler
<Button variant="contained" className="bton_annule" onClick={Ferme_Display_champs}>Annuler
</Button>
</div>
</div>
@ -2151,7 +2281,7 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
<div style={{ width: '100%', paddingRight: "5px" }}> Commentaire <br />
<div style={{ width: '100%', paddingRight: "5px", fontFamily: 'DM Sans', fontSize: '14px' }}> Commentaire <br />
<TextareaAutosize
name="detail_comment"
id="detail_comment"
@ -2266,7 +2396,7 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
<div style={{ width: '100%', float: 'left' }}>
<div className="Grid_2_col_sub_colone_header">
Liste Activité
Liste Activités
</div>
<div style={{ height: 550, width: '100%', paddingRight: '5px' }}>
@ -2317,7 +2447,6 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
py: 1,
},
}}
>
<DataGrid
@ -2340,7 +2469,7 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
code: (item).code,
description: (item).description,
rang: (item).rang,
}
))}
@ -2350,7 +2479,10 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
onRowDoubleClick={(newSelectionModel, e) => {
window.open(
process.env.REACT_APP_FRONT_URL + "Partner/administration_pedagogique/" + String(newSelectionModel.row._id) + "/activite_padagogique",
'_blank'
);
}}
rowsPerPageOptions={[10]}
@ -2611,6 +2743,180 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
</div>
</div>
<div className="div_row" >
<div className="Grid_1_col" >
<div className="Grid_2_col_sub_colone" style={{ minHeight: '10rem', padding: "0px" }}>
<div style={{ width: '100%', float: 'left' }}>
<div className="Grid_2_col_sub_colone_header">
Liste des Compétences
</div>
<div style={{ height: 550, width: '100%', paddingRight: '5px' }}>
&nbsp;
<Box
sx={{
height: 500,
width: '100%',
paddingRight: '1px',
fontFamily: "Plus Jakarta Sans, sans-serif", color: '#EEF1F6',
'& .line--statut--inscrit': {
backgroundColor: '#CEF6D8',
color: 'black',
},
'& .line--statut--preinscrit': {
backgroundColor: '#F7F2E0',
color: 'black',
},
/*"& .MuiDataGrid-virtualScrollerRenderZone": {
"& .MuiDataGrid-row": {
"&:nth-child(2n)": { backgroundColor: "rgba(235, 235, 235, .7)" }
}
},*/
"& .MuiDataGrid-columnHeaders": {
backgroundColor: "#d2e5f4",
color: "#0a2a4d",
fontSize: '14px',
fontFamily: 'DM Sans',
},
'& .line--statut--selected': {
backgroundColor: '#e9f7f1',
color: '#0a2a4d',
},
'& .line--statut--pair': {
backgroundColor: 'rgba(235, 235, 235, .7)',
color: '#0a2a4d',
},
'& .line--statut--impair': {
backgroundColor: '#FFFFFF',
color: '#0a2a4d',
},
[`& .${gridClasses.cell}`]: {
py: 1,
},
}}
>
<DataGrid
// checkboxSelection
onSelectionModelChange={(newSelectionModel) => {
setSelectionModel(newSelectionModel);
/*if (newSelectionModel.length === 1)
handleClick_edit_employee_From_Line(newSelectionModel);*/
if (newSelectionModel.length !== 1) {
}
}}
selectionModel={selectionModel_taches_with_code}
localeText={frFR.components.MuiDataGrid.defaultProps.localeText}
rows={tab_competence_activite_pedagogique_with_code.map((item, index) => (
{
id: index,
activite_pedagogique_id: (item).activite_pedagogique_id,
activite_pedagogique_code: (item).activite_pedagogique_code,
activite_pedagogique_description: (item).activite_pedagogique_description,
competence_id: (item).competence_id,
competence_code: (item).competence_code,
competence_description: (item).competence_description,
}
))}
columns={column_competence_with_activite}
pageSize={10}
className="datagridclass"
onRowDoubleClick={(newSelectionModel, e) => {
}}
rowsPerPageOptions={[10]}
disableSelectionOnClick
components={{
Toolbar: GridToolbar,
}}
//sx={datagridSx}
getCellClassName={(params) => {
//field === "statut"
if (params.field === "status" && String(params.value) == "0") {
return 'cell--statut--preinscrit';
}
if (params.field === "status" && String(params.value) == "1") {
return 'cell--statut--inscrit';
}
if (params.field === "status" && String(params.value) == "-1") {
return 'cell--statut--annule';
}
}}
getRowClassName={(params) => {
// Pour la gestion de la couleur de zone double cliquée
if (String(params.row.id) === String(gridline_tache_id)) {
return 'line--statut--selected';
}
else if (parseInt(String(params.row.id)) % 2 === 0) {
return 'line--statut--pair';
}
else if (parseInt(String(params.row.id)) % 2 !== 0) {
return 'line--statut--impair';
}
}}
getEstimatedRowHeight={() => 200}
getRowHeight={() => "auto"}
sx={{
"& .MuiDataGrid-cellContent": {
minHeight: 50,
}
}}
/>
</Box>
<br />
</div>
</div>
</div>
<div className="div_row" style={{ "border": "None", marginTop: "1rem" }}>
<div className="div_row_gauche div_row_gauche_etendu" style={{ "textAlign": "left", "paddingLeft": "5px" }}>
<Button variant="outlined" onClick={(event) => {
}}
className="detail_class_submenu bton_add_session"
id='menu_import_participant' name='menu_import_participant'>Ajout 1 Bloc Compétences &nbsp;
<IoAddCircleOutline style={{ "fontSize": "x-large", "color": "green" }} />
</Button>
<br />
</div>
</div>
</div>
</div>
</div>

View File

@ -12,7 +12,8 @@ import PartnerInfo from "./UpdatePartnerInfo";
import PartnerInfo_v2 from "./UpdatePartnerInfo_v2";
import { FiBookOpen } from "react-icons/fi";
import SettingsInputComponentIcon from '@mui/icons-material/SettingsInputComponent';
import { FaDraftingCompass } from "react-icons/fa";
import PartenairStat from "./PartenairStat";
import { GrUserAdmin } from "react-icons/gr";
import ApartmentIcon from '@mui/icons-material/Apartment';
@ -109,6 +110,7 @@ import Partner_Domaine_Categorie_Metier from "./Partner_Domaine_Categorie_Metier
import Partner_Config_Ftion_Initiale from "./Partner_Config_Ftion_Initiale";
import Partner_Admission_Process_Ftion_Initiale from "./Partner_Admission_Process_Ftion_Initiale";
import Admission_Pedagogique_Ftion_Initiale from "./Config_Ref_Pedagogique_Ftion_Initiale";
import Config_Competence_Pedagogique_Ftion_Initiale from "./Config_Competence_Pedagogique_Ftion_Initiale";
import Notes_Evaluation from "./Notes_Evaluation";
import ScoreboardIcon from '@mui/icons-material/Scoreboard';
import Groupe_Apprenant from "./Groupe_Apprenant";
@ -480,7 +482,7 @@ const Partner = (props) => {
"domaine_categorie_metier", "config_formation_initiale", "note_evaluation", "groupe_apprenant",
"part_produit_service", "config_document_super_admin", "tous_mes_document", "equipe_team",
"jurys", "mes_promotions", "autre_rh", "conseil_classe", "admission_process", "admission_session",
'config_plateforme_partners', 'administration_pedagogique']
'config_plateforme_partners', 'administration_pedagogique', 'competence_pedagogique']
if (action && list_menu.includes(action)) {
@ -558,7 +560,7 @@ const Partner = (props) => {
'my_partners', 'my_invoices', 'my_prix_achat', 'my_e_learning', 'my_configuration', 'my_tbd', 'my_ue', 'domaine_categorie_metier',
'config_formation_initiale', 'note_evaluation', 'groupe_apprenant', 'part_produit_service', 'monactivite', 'mon_tableau_de_bord',
'tous_mes_document', 'equipe_team', 'conseil_class', 'autre_rh', 'jury', 'conseil_classe', 'internal_email', "admission_process",
"admission_session", 'config_plateforme_partners', 'administration_pedagogique']
"admission_session", 'config_plateforme_partners', 'administration_pedagogique', 'competence_pedagogique']
for (let i = 0; i < list_menu_header_names.length; i++) {
if (document.getElementsByName(String(list_menu_header_names[i])) && document.getElementsByName(String(list_menu_header_names[i]))[0]) {
document.getElementsByName(String(list_menu_header_names[i]))[0].style.fontWeight = "400";
@ -576,7 +578,7 @@ const Partner = (props) => {
'my_partners', 'my_invoices', 'my_prix_achat', 'my_e_learning', 'my_configuration', 'my_tbd', 'my_ue', 'domaine_categorie_metier',
'config_formation_initiale', 'note_evaluation', 'groupe_apprenant', 'part_produit_service', 'monactivite', 'mon_tableau_de_bord',
'tous_mes_document', 'equipe_team', 'conseil_class', 'autre_rh', 'jury', 'conseil_classe', 'internal_email', "admission_process",
"admission_session", 'config_plateforme_partners', 'administration_pedagogique']
"admission_session", 'config_plateforme_partners', 'administration_pedagogique', 'competence_pedagogique']
for (let i = 0; i < list_menu_header_names.length; i++) {
if (document.getElementsByName(String(list_menu_header_names[i])) && document.getElementsByName(String(list_menu_header_names[i]))[0]) {
document.getElementsByName(String(list_menu_header_names[i]))[0].style.fontWeight = "400";
@ -710,7 +712,7 @@ const Partner = (props) => {
}
function config_admission_process_func(event) {
var security_retval = check_user_acces_right("config_document", "read");
var security_retval = check_user_acces_right("ftion_initial_admin", "read");
if (security_retval === 1) {
setmenu("admission_process");
setapiexcelimportmessage();
@ -725,7 +727,7 @@ const Partner = (props) => {
function config_tache_pedagogique_func(event) {
var security_retval = check_user_acces_right("config_document", "read");
var security_retval = check_user_acces_right("ftion_initial_admin", "read");
if (security_retval === 1) {
setmenu("tache_pedagogique");
setapiexcelimportmessage();
@ -739,7 +741,7 @@ const Partner = (props) => {
}
function config_administration_pedagogique_func(event) {
var security_retval = check_user_acces_right("config_document", "read");
var security_retval = check_user_acces_right("ftion_initial_admin", "read");
if (security_retval === 1) {
setmenu("administration_pedagogique");
setapiexcelimportmessage();
@ -753,6 +755,20 @@ const Partner = (props) => {
}
function config_competence_pedagogique_func(event) {
var security_retval = check_user_acces_right("ftion_initial_admin", "read");
if (security_retval === 1) {
setmenu("competence_pedagogique");
setapiexcelimportmessage();
setformation_file_name();
history.push("/Partner/competence_pedagogique");
document.body.style.backgroundColor = "#ffffff";
inactive_active_menu_header("competence_pedagogique");
} else {
Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour accéder à la gestion des documents");
}
}
function config_specfic_fields_func(event) {
var security_retval = check_user_acces_right("config_document", "read");
@ -2489,6 +2505,8 @@ const Partner = (props) => {
{String(menu) !== "administration_pedagogique" && <MenuItem onClick={config_administration_pedagogique_func} className="sousmenu" icon={<FiBookOpen className="icone_menu" />}> ADMIN PEDAGOGIQUE </MenuItem>}
{String(menu) === "administration_pedagogique" && <MenuItem onClick={config_administration_pedagogique_func} className="sousmenu_selected" icon={<FiBookOpen className="icone_menu" />}> ADMIN PEDAGOGIQUE </MenuItem>}
{String(menu) !== "competence_pedagogique" && <MenuItem onClick={config_competence_pedagogique_func} className="sousmenu" icon={<FaDraftingCompass className="icone_menu" />}> COMPETENCE PEDAGOGIQUE </MenuItem>}
{String(menu) === "competence_pedagogique" && <MenuItem onClick={config_competence_pedagogique_func} className="sousmenu_selected" icon={<FaDraftingCompass className="icone_menu" />}> COMPETENCE PEDAGOGIQUE </MenuItem>}
</SubMenu>
@ -2646,12 +2664,32 @@ const Partner = (props) => {
{String(menu) === "administration_pedagogique" &&
<div className="div_droite">
<Admission_Pedagogique_Ftion_Initiale ispending={partnerstatus} currentpack={partnerPackService} conntected_employee_id={conntected_employee_id}
class_external_code={orderid} class_internal_url={packs} formation_initiale={formation_initiale}
<Admission_Pedagogique_Ftion_Initiale ispending={partnerstatus} currentpack={partnerPackService}
conntected_employee_id={conntected_employee_id}
object_key={orderid}
submenu={packs}
formation_initiale={formation_initiale}
check_user_acces_right={check_user_acces_right} />
</div>
}
{String(menu) === "competence_pedagogique" &&
<div className="div_droite">
<Config_Competence_Pedagogique_Ftion_Initiale ispending={partnerstatus} currentpack={partnerPackService}
conntected_employee_id={conntected_employee_id}
object_key={orderid}
submenu={packs}
formation_initiale={formation_initiale}
check_user_acces_right={check_user_acces_right} />
</div>
}
{String(menu) === "config_plateforme_partners" &&
<div className="div_droite">
@ -2852,7 +2890,7 @@ const Partner = (props) => {
</div>
}
{String(menu) === "statistique" &&
<div className="div_droite">
@ -3561,8 +3599,11 @@ const Partner = (props) => {
{String(menu) === "admission_process" &&
<div className="div_droite div_droite_ralonge">
<Partner_Admission_Process_Ftion_Initiale ispending={partnerstatus} currentpack={partnerPackService} conntected_employee_id={conntected_employee_id}
class_external_code={orderid} class_internal_url={packs} formation_initiale={formation_initiale}
<Partner_Admission_Process_Ftion_Initiale ispending={partnerstatus} currentpack={partnerPackService}
conntected_employee_id={conntected_employee_id}
object_key={orderid}
submenu={packs}
formation_initiale={formation_initiale}
check_user_acces_right={check_user_acces_right} />
</div>
}
@ -3571,7 +3612,20 @@ const Partner = (props) => {
<div className="div_droite div_droite_ralonge">
<Admission_Pedagogique_Ftion_Initiale ispending={partnerstatus} currentpack={partnerPackService} conntected_employee_id={conntected_employee_id}
class_external_code={orderid} class_internal_url={packs} formation_initiale={formation_initiale}
object_key={orderid}
submenu={packs}
formation_initiale={formation_initiale}
check_user_acces_right={check_user_acces_right} />
</div>
}
{String(menu) === "competence_pedagogique" &&
<div className="div_droite div_droite_ralonge">
<Config_Competence_Pedagogique_Ftion_Initiale ispending={partnerstatus} currentpack={partnerPackService} conntected_employee_id={conntected_employee_id}
object_key={orderid}
submenu={packs}
formation_initiale={formation_initiale}
check_user_acces_right={check_user_acces_right} />
</div>
}

View File

@ -298,7 +298,7 @@ const Session_Admission_FI = (props) => {
{ field: '_id', headerName: '_id', hide: true, Width: 0, disableExport: true, },
{ field: 'id', headerName: 'id', hide: true, Width: 0, disableExport: true, },
{
field: 'document_pourcentage_accepted', headerName: 'Alert', hide: false, Width: 100, disableExport: true,
field: 'document_pourcentage_accepted', headerName: 'Alert', hide: false, Width: 100, disableExport: true,
renderCell: (cellValues) => {
return (
<div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all", fontFamily: 'DM Sans', }}>
@ -325,7 +325,7 @@ const Session_Admission_FI = (props) => {
<div style={{ paddingLeft: "5px", paddingRight: "10px", "display": "block", wordBreak: "break-all" }}>
{New_Option_Document_Acceptance_Status && New_Option_Document_Acceptance_Status.length > 0 &&
<nav style={{fontWeight:'700'}}>
<nav style={{ fontWeight: '700' }}>
{New_Option_Document_Acceptance_Status.filter((data) => (data).id === String(cellValues.row.status))[0].label}
</nav>
@ -364,7 +364,7 @@ const Session_Admission_FI = (props) => {
{ field: 'telephone', headerName: 'Télephone', flex: 1, hide: false, minWidth: 180, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{ field: 'price', headerName: 'Prix', flex: 1, hide: false, minWidth: 180, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{
field: 'taux_document_pourcentage_received', headerName: 'Doc. Reçu', align: "center", flex: 1, minWidth: 100, maxWidth: 150, flex: 1,
align: "left",
@ -1571,7 +1571,7 @@ const Session_Admission_FI = (props) => {
setsubmenu_candidat("candidat_detail");
inactive_active_candidat_menu("candidat_detail");
if (document.getElementById('myRef_detail_inscrit')) {
var divh = document.getElementById('myRef_detail_inscrit').offsetTop;
@ -4419,10 +4419,10 @@ const Session_Admission_FI = (props) => {
},
"& .MuiDataGrid-columnHeaders": {
backgroundColor: "#dfe8f2",
color: "#0a2a4d",
fontSize: '14px',
fontFamily:'DM Sans',
backgroundColor: "#dfe8f2",
color: "#0a2a4d",
fontSize: '14px',
fontFamily: 'DM Sans',
},
'& .line--statut--selected': {
@ -6609,9 +6609,9 @@ const Session_Admission_FI = (props) => {
"& .MuiDataGrid-columnHeaders": {
backgroundColor: "#dfe8f2",
color: "#0a2a4d",
fontSize: '14px',
fontFamily:'DM Sans',
color: "#0a2a4d",
fontSize: '14px',
fontFamily: 'DM Sans',
},
'& .line--statut--selected': {
@ -6723,10 +6723,10 @@ const Session_Admission_FI = (props) => {
},
"& .MuiDataGrid-columnHeaders": {
backgroundColor: "#dfe8f2",
color: "#0a2a4d",
fontSize: '14px',
fontFamily:'DM Sans',
backgroundColor: "#dfe8f2",
color: "#0a2a4d",
fontSize: '14px',
fontFamily: 'DM Sans',
},
'& .line--statut--selected': {

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -450,7 +450,7 @@
font-size: medium;
text-align: center;
color: white;
cursor: default;
cursor: default;
font-style: italic;
background-color: gray;
font-weight: normal;
@ -474,7 +474,7 @@
}
.firstConnexion_text {
font-family: "DM Sans";
font-family: "DM Sans";
background: transparent;
padding-left: 15px;
padding-right: 15px;
@ -653,7 +653,7 @@
.div_gauche {
float: left;
// border: 0px solid black;
// border: 0px solid black;
border-width: 0.01rem;
width: 19%;
height: auto;
@ -930,7 +930,7 @@
font-size: medium;
text-align: center;
color: white;
cursor: default;
cursor: default;
font-style: italic;
background-color: gray;
font-weight: normal;
@ -954,7 +954,7 @@
}
.firstConnexion_text {
font-family: "DM Sans";
font-family: "DM Sans";
background: transparent;
padding-left: 15px;
padding-right: 15px;
@ -984,12 +984,12 @@
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 10rem;
min-width: 15rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "DM Sans", "sans-serif";
font-size: small;
font-size: 11px;
letter-spacing: 0.1rem;
font-weight: normal;
}
@ -1113,7 +1113,7 @@
.div_gauche {
float: left;
// border: 1px solid #d5d8dc;
// border: 1px solid #d5d8dc;
border-width: 0.01rem;
width: 19%;
height: auto;
@ -1437,7 +1437,7 @@
font-size: medium;
text-align: center;
color: white;
cursor: default;
cursor: default;
font-style: italic;
background-color: gray;
font-weight: normal;
@ -1461,7 +1461,7 @@
}
.firstConnexion_text {
font-family: "DM Sans";
font-family: "DM Sans";
background: transparent;
padding-left: 15px;
padding-right: 15px;
@ -1486,19 +1486,19 @@
}
.detail_class_submenu {
background: #d8edfc;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 10rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "DM Sans", "sans-serif";
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
background: #d8edfc;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
min-width: 15rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "DM Sans", "sans-serif";
font-size: 11px;
letter-spacing: 0.1rem;
font-weight: normal;
}
.sousmenu_hebergement_lms {
@ -1921,7 +1921,7 @@
font-size: medium;
text-align: center;
color: white;
cursor: default;
cursor: default;
font-style: italic;
background-color: gray;
font-weight: normal;
@ -1946,7 +1946,7 @@
}
.firstConnexion_text {
font-family: "DM Sans";
font-family: "DM Sans";
background: transparent;
padding-left: 15px;
padding-right: 15px;
@ -1999,12 +1999,12 @@
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 10rem;
min-width: 15rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "DM Sans", "sans-serif";
font-size: small;
font-size: 11px;
letter-spacing: 0.1rem;
font-weight: normal;
}
@ -2068,7 +2068,7 @@
font-size: small !important;
padding: 5px !important;
font-family: 'DM Sans';
}
}
.bck_menu_seul_selected {
padding-left: 20px;
@ -2282,6 +2282,6 @@
}
.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root {
font-family: DM Sans !important;
font-family: DM Sans !important;
height: 3rem !important;
}

View File

@ -216,6 +216,8 @@
@import "./components/module_tache_pedagogique";
@import "./components/module_activite_pedagogique";
@import "./components/module_referentiel_pedagogique";
@import "./components/config_competence_pedagogique_ftion_initiale";
@import "./components/module_competence_pedagogique";
// New Design 2025