From 45def3b46ba07fb447b5a1e0028459cce85c7856 Mon Sep 17 00:00:00 2001 From: Cherif Date: Tue, 10 Feb 2026 19:58:25 +0100 Subject: [PATCH] 10/02/26 - 20h --- ...g_Competence_Pedagogique_Ftion_Initiale.js | 450 +++ .../Config_Ref_Pedagogique_Ftion_Initiale.js | 43 +- src/components/Module_Actvitie_Pedagogique.js | 57 +- .../Module_Competence_Pedagogique.js | 3013 +++++++++++++++++ .../Module_Pole_Actvitie_Pedagogique.js | 362 +- src/components/Partner.js | 80 +- src/components/Session_Admission_FI.js | 30 +- ...competence_pedagogique_ftion_initiale.scss | 2529 ++++++++++++++ .../_module_competence_pedagogique.scss | 2857 ++++++++++++++++ src/styles/components/_partner.scss | 58 +- src/styles/index.scss | 2 + 11 files changed, 9369 insertions(+), 112 deletions(-) create mode 100644 src/components/Config_Competence_Pedagogique_Ftion_Initiale.js create mode 100644 src/components/Module_Competence_Pedagogique.js create mode 100644 src/styles/components/_config_competence_pedagogique_ftion_initiale.scss create mode 100644 src/styles/components/_module_competence_pedagogique.scss diff --git a/src/components/Config_Competence_Pedagogique_Ftion_Initiale.js b/src/components/Config_Competence_Pedagogique_Ftion_Initiale.js new file mode 100644 index 0000000..984ae23 --- /dev/null +++ b/src/components/Config_Competence_Pedagogique_Ftion_Initiale.js @@ -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 ( + + + + ); +} + +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 ( + + ); + } + + + + + 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 ( +
+ {isLoading &&
+
+
} + {/*** Affichage des messages d'alerte*/} + {display_alert_mysy && String(display_alert_mysy) === "1" && + + } + {/*** FIN Affichage des messages d'alerte*/} + + + + + + + +

Compétences & Bloc de pédagogiques

+ +
+ + +
+ + + + + {submenu && submenu === "competence_padagogique" &&
+ + + +
} + + {submenu && submenu === "bloc_competence" &&
+ + bloc_competence + +
} + + + +
+ ) +} + + +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; + } +`; diff --git a/src/components/Config_Ref_Pedagogique_Ftion_Initiale.js b/src/components/Config_Ref_Pedagogique_Ftion_Initiale.js index 51813bf..e61386c 100644 --- a/src/components/Config_Ref_Pedagogique_Ftion_Initiale.js +++ b/src/components/Config_Ref_Pedagogique_Ftion_Initiale.js @@ -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 (
{isLoading &&
@@ -333,20 +354,28 @@ const Config_Ref_Pedagogique_Ftion_Initiale = (props) => { {submenu && submenu === "tache_padagogique" &&
- +
} {submenu && submenu === "activite_padagogique" &&
- +
} {submenu && submenu === "pole_activite_padagogique" &&
- +
} diff --git a/src/components/Module_Actvitie_Pedagogique.js b/src/components/Module_Actvitie_Pedagogique.js index 0989482..0a9c6f4 100644 --- a/src/components/Module_Actvitie_Pedagogique.js +++ b/src/components/Module_Actvitie_Pedagogique.js @@ -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) => { -
Commentaire
+
Commentaire
{ paddingLeft: '10px', flexWrap: 'wrap' }}> -
Degré d'autonomie
+
Degré d'autonomie
{
-
Aide
+
Aide
{ paddingLeft: '10px', flexWrap: 'wrap', marginTop: '1rem' }}> -
+
{ paddingLeft: '10px', flexWrap: 'wrap', marginTop: '1rem' }}> -
+
{ paddingLeft: '10px', flexWrap: 'wrap', marginTop: '1rem' }}> -
+
{ paddingLeft: '10px', flexWrap: 'wrap', marginTop: '1rem' }}> -
+
{ -
Commentaire
+
Commentaire
{ paddingLeft: '10px', flexWrap: 'wrap' }}> -
Degré d'autonomie
+
Degré d'autonomie
{
-
Aide
+
Aide
{ paddingLeft: '10px', flexWrap: 'wrap', marginTop: '1rem' }}> -
+
{ paddingLeft: '10px', flexWrap: 'wrap', marginTop: '1rem' }}> -
+
{ paddingLeft: '10px', flexWrap: 'wrap', marginTop: '1rem' }}> -
+
{ paddingLeft: '10px', flexWrap: 'wrap', marginTop: '1rem' }}> -
+
{
- Liste Tache + Liste Taches
diff --git a/src/components/Module_Competence_Pedagogique.js b/src/components/Module_Competence_Pedagogique.js new file mode 100644 index 0000000..e8e82a0 --- /dev/null +++ b/src/components/Module_Competence_Pedagogique.js @@ -0,0 +1,3013 @@ +import React, { useRef, useState, useEffect } from "react"; +import TextField from '@mui/material/TextField'; +import { FcViewDetails, FcDisapprove } from "react-icons/fc"; +import { FcInfo } from "react-icons/fc"; +import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css +import Button from '@mui/material/Button'; +import axios from "axios"; +import { getCookie, setCookie } from 'react-use-cookie'; +import { useHistory } from "react-router-dom"; +import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid'; +import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css"; +import 'react-tooltip/dist/react-tooltip.css' +import Popup from 'reactjs-popup'; +import 'reactjs-popup/dist/index.css'; +import fr from 'date-fns/locale/fr'; +import { registerLocale } from 'react-datepicker'; +import "react-datepicker/dist/react-datepicker.css"; +import 'moment/locale/fr'; +import Box from '@mui/material/Box'; +import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif"; +import Autocomplete from '@mui/material/Autocomplete'; +import { gridClasses } from '@mui/x-data-grid'; +import Link from '@mui/material/Link'; +import { PiDotsThree } from "react-icons/pi"; +import { FcAcceptDatabase, } from "react-icons/fc"; +import CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank'; +import CheckBoxIcon from '@mui/icons-material/CheckBox'; + +import { CiTrash } from "react-icons/ci"; +import { IoAddCircleOutline } from "react-icons/io5"; +import CancelPresentationIcon from '@mui/icons-material/CancelPresentation'; +import { makeStyles } from "@material-ui/core/styles"; +import Paper from '@material-ui/core/Paper'; +import Draggable from 'react-draggable'; +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 'react-tooltip/dist/react-tooltip.css' +import { Tooltip } from 'react-tooltip' +import TextareaAutosize from '@mui/material/TextareaAutosize'; +import Module_Alert_Confirmation from "./Module_Alert_Confirmation"; +import { FaComment } from "react-icons/fa6"; + +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', + }, +})); + +function PaperComponent(props) { + return ( + + + + ); +} + + + +const Module_Competence_Pedagogique = (props) => { + const classes = useStyles(); + const history = useHistory(); + const [submenu, setsubmenu] = useState(""); + const [rowss, setRows] = useState([]); + + + var date_today_90j = new Date(); + date_today_90j.setDate(date_today_90j.getDate() + 90); + + const [mouse_x, setmouse_x] = useState(""); + const [mouse_y, setmouse_y] = useState(""); + + const [p_filtre1, setp_filtre1] = useState("Inscrit "); + const [p_filtre1_value, setp_filtre1_value] = useState(""); + + const [p_filtre2, setp_filtre2] = useState("Type de groupe"); + 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 [selectionModel, setSelectionModel] = React.useState([]); + + const [selectionModel_taches_with_code, setselectionModel_taches_with_code] = React.useState([]); + + function ExpandableCell_50({ value }) { + const [expanded, setExpanded] = React.useState(false); + + return ( + + ); + } + + const [selected_id, setselected_id] = useState(""); + + const [gridline_id, setgridline_id] = useState(""); + + const [gridline_tache_id, setgridline_tache_id] = useState(""); + + const [selected_tache_pedago_to_add_id, setselected_tache_pedago_to_add_id] = useState(""); + const [selected_tache_pedago_to_add_rang, setselected_tache_pedago_to_add_rang] = useState("0"); + const [selected_tache_pedago_to_add_oblig, setselected_tache_pedago_to_add_oblig] = useState("0"); + + + 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, maxWidth: 180, renderCell: (params) => , }, + { field: 'description', headerName: 'Description', flex: 1, hide: false, minWidth: 200, renderCell: (params) => , }, + + { + field: 'commentaire', headerName: 'Commentaire', flex: 1, maxWidth: 250, renderCell: (params) => , + + }, + + + + { + field: "delete", headerName: 'Supprimer', + renderCell: (cellValues) => { + return ( + <> + { + // handleClick_delete(event, cellValues); + }} + > + + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, la compétence sera définitivement supprimée.
+ +
+
+
+ + +
+
+ +
+
+
+ )} +
+ + + + ); + } + } + + ] + + const column_taches_with_code = [ + { 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) => , }, + { field: 'rang', headerName: 'Rang', hide: false, maxWidth: 100, renderCell: (params) => , }, + + { field: 'description', headerName: 'Description', flex: 1, hide: false, minWidth: 200, renderCell: (params) => , }, + + + { + field: "delete", headerName: 'Supprimer', + renderCell: (cellValues) => { + return ( + <> + { + // handleClick_delete(event, cellValues); + }} + > + + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, l'activité sera supprimée de cette compétence .
+ +
+
+
+ + +
+
+ +
+
+
+ )} +
+ + + + ); + } + } + + ] + const New_Option_Tuteur_Role = [ + { "id": "0", "label": "Parent", "value": "0" }, + { "id": "1", "label": "Tuteur légal", "value": "1" }, + { "id": "2", "label": "Tuteur scolaire", "value": "2" }, + { "id": "3", "label": "Autre", "value": "3" }, + { "id": "", "label": "", "value": "" }, + ] + + const New_Option_Oui_Non = [ + { + value: '1', + label: 'Oui', + id: '1', + }, + { + value: '0', + label: 'Non', + id: '0', + }, + ]; + + + const [handleClick_delete_competence_pedago_api, sethandleClick_delete_competence_pedago_api] = useState(); + const [handleClick_delete_competence_pedago_message, sethandleClick_delete_competence_pedago_message] = useState(); + const [handleClick_delete_competence_pedago_result, sethandleClick_delete_competence_pedago_result] = useState([]); + function handleClick_delete_competence_pedago(event, cellValues) { + + var activite_pedagogique_id = cellValues.row._id; + + var form = new FormData(); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("competence_pedagogique_id", activite_pedagogique_id); + + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Delete_Given_competence_pedagogique/"; + + setLoading(true); + axios.post(myurl, form).then(res => { + + setLoading(false); + if (String(res.data.status) === String("true")) { + //console.log(" In handleClick_delete_tache_pedago res.data.status = " + res.data.status); + //console.log(" In handleClick_delete_tache_pedago res.data.message r_class = " + res.data.message); + sethandleClick_delete_competence_pedago_api("true"); + sethandleClick_delete_competence_pedago_result(res.data.message); + + Getall_Partner_Competence_Pedago(); + + // alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("success"); + + } + else { + sethandleClick_delete_competence_pedago_api("false"); + sethandleClick_delete_competence_pedago_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 :( handleClick_delete_tache_pedago = ', error); + sethandleClick_delete_competence_pedago_api("false"); + alert(" Impossible de supprimer la compétence"); + //setmyApimyApiMessage("") + }) + } + + + + const [handleClick_delete_tache_from_competence_pedago_api, sethandleClick_delete_tache_from_competence_pedago_api] = useState(); + const [handleClick_delete_activie_from_competence_message, sethandleClick_delete_activie_from_competence_message] = useState(); + const [handleClick_delete_activie_from_competence_result, sethandleClick_delete_activie_from_competence_result] = useState([]); + function handleClick_delete_activie_from_competence(event, cellValues) { + + var activite_pedagogique_id = cellValues.row._id; + + var form = new FormData(); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("competence_id", selected_id); + form.append("activite_pedagogique_id", activite_pedagogique_id); + + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Delete_Activite_From_competence_pedagogique/"; + + setLoading(true); + axios.post(myurl, form).then(res => { + + setLoading(false); + if (String(res.data.status) === String("true")) { + //console.log(" In handleClick_delete_activie_from_competence res.data.status = " + res.data.status); + //console.log(" In handleClick_delete_activie_from_competence res.data.message r_class = " + res.data.message); + sethandleClick_delete_tache_from_competence_pedago_api("true"); + sethandleClick_delete_activie_from_competence_result(res.data.message); + + Get_Given_competence_pedago_data(selected_id); + + // alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("success"); + + } + else { + sethandleClick_delete_tache_from_competence_pedago_api("false"); + sethandleClick_delete_activie_from_competence_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 :( handleClick_delete_activie_from_competence = ', error); + sethandleClick_delete_tache_from_competence_pedago_api("false"); + alert(" Impossible de supprimer l'activité pédagogique"); + //setmyApimyApiMessage("") + }) + } + + + const [Getall_Partner_Competence_Pedago_api, setGetall_Partner_Competence_Pedago_api] = useState(); + const [Getall_Partner_Competence_Pedago_message, setGetall_Partner_Competence_Pedago_message] = useState(); + const [Getall_Partner_Competence_Pedago_result, setGetall_Partner_Competence_Pedago_result] = useState(); + function Getall_Partner_Competence_Pedago(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_competence_pedagogique_no_filter/"; + + + + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === String("true")) { + //console.log(" In Getall_Partner_Competence_Pedago res.data.status = " + res.data.status); + // console.log(" In Getall_Partner_Competence_Pedago res.data.message r_class = " + res.data.message); + setGetall_Partner_Competence_Pedago_api("true"); + setGetall_Partner_Competence_Pedago_result(res.data.message); + setRows(res.data.message); + + + + } + else { + setGetall_Partner_Competence_Pedago_api("false"); + setGetall_Partner_Competence_Pedago_message(res.data.message); + // alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("error"); + } + + }).catch((error) => { + console.warn('Not good man :( Getall_Partner_Competence_Pedago = ', error); + setGetall_Partner_Competence_Pedago_api("false"); + // alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(" Impossible de recuperer la liste des compétences pédagogiques"); + setalert_type("error"); + // alert(" Impossible de recuperer la liste des employés"); + //setmyApimyApiMessage("") + }) + } + + + + useEffect(() => { + + Getall_Partner_Competence_Pedago(); + + if (props.props_object_id && props.props_object_id.length > 3 && props.props_menu === "activite_padagogique") { + + setselected_id(props.props_object_id); + Get_Given_competence_pedago_data(props.props_object_id); + setcompetence_pedago_data_changed(""); + setadd_one_competence_pedago(""); + submenu_detail_activite_padagogique(); + + } else { + window.scrollTo({ + top: 0, + behavior: "smooth", + }); + } + + }, []) + + const [isLoading, setLoading] = useState(); + + 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(""); + } + + const [p_one_detail_competence_pedago_id, setp_one_detail_competence_pedago_id] = useState(""); + const [p_detail_competence_pedago_id, setp_detail_competence_pedago_id] = useState(""); + const [p_detail_competence_pedago_code, setp_detail_competence_pedago_code] = useState(""); + const [p_detail_competence_pedago_description, setp_detail_competence_pedago_description] = useState(""); + const [p_detail_competence_pedago_commentaire, setp_detail_competence_pedago_commentaire] = useState(""); + const [p_detail_competence_pedago_moyen_ressource, setp_detail_competence_pedago_moyen_ressource] = useState(""); + const [p_detail_competence_pedago_resultat, setp_detail_competence_pedago_resultat] = useState(""); + const [p_detail_competence_pedago_niveau_autonomie, setp_detail_competence_pedago_niveau_autonomie] = useState(""); + const [p_detail_competence_pedago_aide, setp_detail_competence_pedago_aide] = useState(""); + const [p_detail_competence_pedago_contraintes, setp_detail_competence_pedago_contraintes] = useState(""); + const [p_detail_competence_pedago_divers, setp_detail_competence_pedago_divers] = useState(""); + + //--- + const [p_detail_competence_pedago_context_pro, setp_detail_competence_pedago_context_pro] = useState(""); + const [p_detail_competence_pedago_crit_eval, setp_detail_competence_pedago_crit_eval] = useState(""); + const [p_detail_competence_pedago_connaissance, setp_detail_competence_pedago_connaissance] = useState(""); + const [p_detail_competence_pedago_situation_app, setp_detail_competence_pedago_situation_app] = useState(""); + const [p_detail_competence_pedago_prerequis, setp_detail_competence_pedago_prerequis] = useState(""); + + + const [p_detail_pole_competence_pedago_tab_activite, setp_detail_pole_competence_pedago_tab_activite] = useState([]); + const [p_detail_pole_competence_pedago_tab_activite_with_code, setp_detail_pole_competence_pedago_tab_activite_with_code] = useState([]); + + + const [competence_pedago_data_changed, setcompetence_pedago_data_changed] = useState(""); + const [add_one_competence_pedago, setadd_one_competence_pedago] = useState(""); + const [competence_pedago_edit_data, setcompetence_pedago_edit_data] = useState(""); + + function clear_competence_pedago_fields() { + setp_detail_competence_pedago_id("") + setp_detail_competence_pedago_code(""); + setp_detail_competence_pedago_description(""); + setp_detail_competence_pedago_commentaire(""); + setp_one_detail_competence_pedago_id(""); + + setp_detail_competence_pedago_moyen_ressource(""); + setp_detail_competence_pedago_resultat(""); + setp_detail_competence_pedago_niveau_autonomie(""); + setp_detail_competence_pedago_aide(""); + setp_detail_competence_pedago_divers(""); + + setp_detail_competence_pedago_context_pro(""); + setp_detail_competence_pedago_crit_eval(""); + setp_detail_competence_pedago_connaissance(""); + setp_detail_competence_pedago_situation_app(""); + setp_detail_competence_pedago_prerequis(""); + + + setcompetence_pedago_data_changed(""); + setadd_one_competence_pedago(""); + + } + + + + + const [Update_competence_pedago_api, setUpdate_competence_pedago_api] = useState(); + const [Update_competence_pedago_message, setUpdate_competence_pedago_message] = useState(); + const [Update_competence_pedago_result, setUpdate_competence_pedago_result] = useState(); + function Update_Tache_Pedago(event) { + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + + var myurl = ""; + + myurl = process.env.REACT_APP_API_URL + "myclass/api/Update_tache_pedagogique/"; + form.append("tache_pedagogique_id", selected_id); + form.append("description", p_detail_competence_pedago_description); + form.append("commentaire", p_detail_competence_pedago_commentaire); + form.append("code", p_detail_competence_pedago_code); + + + setLoading(true); + axios.post(myurl, form).then(res => { + setLoading(false); + + if (String(res.data.status) === String("true")) { + //console.log(" In Update_Tache_Pedago res.data.status = " + res.data.status); + //console.log(" In Update_Tache_Pedago res.data.message r_class = " + res.data.message); + setUpdate_competence_pedago_api("true"); + setUpdate_competence_pedago_result(res.data.message); + + Getall_Partner_Competence_Pedago(); + // alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("success"); + Dialog_competence_pedago_handleClose_buton(); + } + else { + setUpdate_competence_pedago_api("false"); + setUpdate_competence_pedago_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 :( Update_Tache_Pedago = ', error); + setUpdate_competence_pedago_api("false"); + alert(" Impossible de faire la mise à jour"); + //setmyApimyApiMessage("") + }) + } + + + const [Add_Tache_Pededago_api, setAdd_Tache_Pededago_api] = useState(); + const [Add_Tache_Pededago_message, setAdd_Tache_Pededago_message] = useState(); + const [Add_Tache_Pededago_result, setAdd_Tache_Pededago_result] = useState([]); + function Add_Tache_Pededago(event) { + + var form = new FormData(); + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + + var myurl = ""; + + myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_tache_pedagogique/"; + form.append("description", p_detail_competence_pedago_description); + form.append("commentaire", p_detail_competence_pedago_commentaire); + form.append("code", p_detail_competence_pedago_code); + + + setLoading(true); + axios.post(myurl, form).then(res => { + setLoading(false); + + if (String(res.data.status) === String("true")) { + //console.log(" In Add_Tache_Pededago res.data.status = " + res.data.status); + //console.log(" In Add_Tache_Pededago res.data.message r_class = " + res.data.message); + setAdd_Tache_Pededago_api("true"); + setAdd_Tache_Pededago_result(res.data.message); + + Getall_Partner_Competence_Pedago(); + // alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("success"); + Dialog_competence_pedago_handleClose_buton(); + } + else { + setAdd_Tache_Pededago_api("false"); + setAdd_Tache_Pededago_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 :( Add_Tache_Pededago = ', error); + setAdd_Tache_Pededago_api("false"); + alert(" Impossible d'ajouter la tâche pédagogique"); + //setmyApimyApiMessage("") + }) + } + + + const [New_Getall_TrainingSession_result, setNew_Getall_TrainingSession_result] = useState([]); + + const [Getall_TrainingSession_api, setGetall_TrainingSession_api] = useState(); + const [Getall_TrainingSession_message, setGetall_TrainingSession_message] = useState(); + const [Getall_TrainingSession_result, setGetall_TrainingSession_result] = useState(); + function Getall_TrainingSession(event) { + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("archive", "0"); + var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetAllValideSessionPartner_List/"; + + setLoading(true); + + axios.post(myurl, form).then(res => { + + setLoading(false); + + if (String(res.data.status) === String("true")) { + //console.log(" In Getall_TrainingSession res.data.status = " + res.data.status); + //console.log(" In Getall_TrainingSession res.data.message r_class = " + res.data.message); + setGetall_TrainingSession_api("true"); + setGetall_TrainingSession_result(res.data.message); + + var new_data2 = []; + const new_data = res.data.message.map((x) => { + + //--- + var localid = JSON.parse(x).id; + var local_id = JSON.parse(x)._id; + var local_internal_url = JSON.parse(x).class_internal_url; + var local_title_session = JSON.parse(x).titre; + var local_code_session = JSON.parse(x).code_session; + + + + //--- + var node = { + "_id": local_id, + "id": localid, + "label": local_code_session, + "class_internal_url": local_internal_url, + "titre": local_title_session, + "code_session": local_code_session, + }; + new_data2.push(node); + + // return {"_id": " + str(local_id) + ", "label": " + local_courrier_template_ref_interne + '" , "courrier_template_ref_interne": "' + local_courrier_template_ref_interne + '", "nom_champ_technique": "' + local_nom_champ_technique + '", "nom_champ_fonctionel": "' + local_nom_champ_fonctionel + '","valide": "1" }; + + }); + + + if (new_data2.length > 0) { + setNew_Getall_TrainingSession_result(new_data2); + } + + + } + else { + setGetall_TrainingSession_api("false"); + setGetall_TrainingSession_message(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('Not good man :( Getall_TrainingSession = ', error); + setGetall_TrainingSession_api("false"); + //setmyApimyApiMessage("") + }) + } + + const [selected_session_id, setselected_session_id] = useState(""); + + + const [New_Getall_TrainingParticipant_result, setNew_Getall_TrainingParticipant_result] = useState([{ + "_id": "", + "id": "", + "nom": "", + "prenom": "", + "email": "", + "civilite": "", + "status": "", + "label": "", + }]); + + + const [Get_Given_competence_pedago_data_api, setGet_Given_competence_pedago_data_api] = useState(); + const [Get_Given_competence_pedago_data_message, setGet_Given_competence_pedago_data_message] = useState(); + const [Get_Given_competence_pedago_data_result, setGet_Given_competence_pedago_data_result] = useState(); + function Get_Given_competence_pedago_data(local_competence_id) { + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("_id", local_competence_id); + + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Given_competence_pedagogique/"; + + setLoading(true); + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === "true") { + setLoading(false); + //console.log(" In Get_Employee_Data res.data.status = " + res.data.status); + // console.log(" In Get_Employee_Data res.data.message r_class = " + res.data.message); + setGet_Given_competence_pedago_data_api("true"); + setGet_Given_competence_pedago_data_result(res.data.message); + + if (res.data.message.length > 0) { + var competence_pedago = JSON.parse(res.data.message); + + if (competence_pedago._id) + setselected_id(competence_pedago._id); + else + setselected_id(""); + + + if (competence_pedago._id) + setp_detail_competence_pedago_id(competence_pedago._id); + else + setp_detail_competence_pedago_id(""); + + + if (competence_pedago.code) + setp_detail_competence_pedago_code(competence_pedago.code); + else + setp_detail_competence_pedago_code(""); + + + if (competence_pedago.description) + setp_detail_competence_pedago_description(competence_pedago.description); + else + setp_detail_competence_pedago_description(""); + + if (competence_pedago.commentaire) + setp_detail_competence_pedago_commentaire(competence_pedago.commentaire); + else + setp_detail_competence_pedago_commentaire(""); + + if (competence_pedago.moyen_ressource) + setp_detail_competence_pedago_moyen_ressource(competence_pedago.moyen_ressource); + else + setp_detail_competence_pedago_moyen_ressource(""); + + if (competence_pedago.resultat) + setp_detail_competence_pedago_resultat(competence_pedago.resultat); + else + setp_detail_competence_pedago_resultat(""); + + + if (competence_pedago.niveau_autonomie) + setp_detail_competence_pedago_niveau_autonomie(competence_pedago.niveau_autonomie); + else + setp_detail_competence_pedago_niveau_autonomie(""); + + + if (competence_pedago.aide) + setp_detail_competence_pedago_aide(competence_pedago.aide); + else + setp_detail_competence_pedago_aide(""); + + + if (competence_pedago.contraintes) + setp_detail_competence_pedago_contraintes(competence_pedago.contraintes); + else + setp_detail_competence_pedago_contraintes(""); + + + if (competence_pedago.divers) + setp_detail_competence_pedago_divers(competence_pedago.divers); + else + setp_detail_competence_pedago_divers(""); + + // --- + if (competence_pedago.contexte_professionnel) + setp_detail_competence_pedago_context_pro(competence_pedago.contexte_professionnel); + else + setp_detail_competence_pedago_context_pro(""); + + if (competence_pedago.critere_evaluation) + setp_detail_competence_pedago_crit_eval(competence_pedago.critere_evaluation); + else + setp_detail_competence_pedago_crit_eval(""); + + if (competence_pedago.connaissance) + setp_detail_competence_pedago_connaissance(competence_pedago.connaissance); + else + setp_detail_competence_pedago_connaissance(""); + + if (competence_pedago.situation_apprentissage) + setp_detail_competence_pedago_situation_app(competence_pedago.situation_apprentissage); + else + setp_detail_competence_pedago_situation_app(""); + + if (competence_pedago.prerequis) + setp_detail_competence_pedago_prerequis(competence_pedago.prerequis); + else + setp_detail_competence_pedago_prerequis(""); + + // -- + + + if (competence_pedago.tab_activite_pedagogique) + setp_detail_pole_competence_pedago_tab_activite(competence_pedago.tab_activite_pedagogique); + else + setp_detail_pole_competence_pedago_tab_activite([]); + + if (competence_pedago.tab_activite_pedagogique_with_code) + setp_detail_pole_competence_pedago_tab_activite_with_code(competence_pedago.tab_activite_pedagogique_with_code); + else + setp_detail_pole_competence_pedago_tab_activite_with_code([]); + + + Disable_competence_pedago_DetailFields(); + + } else { + //alert(" Aucun employé recuperé"); + // alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(" Aucun employé recuperé"); + setalert_type("warning"); + } + + + } else if (String(res.data.status) === String("Err_Connexion")) { + alert('Erreur: ' + res.data.message); + history.push("/Connexion"); + } + + else { + setLoading(false); + setGet_Given_competence_pedago_data_api("false"); + setGet_Given_competence_pedago_data_message(res.data.message); + // alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("error"); + } + + }).catch((error) => { + console.warn('Not good man :( Get_Employee_Data = ', error); + setGet_Given_competence_pedago_data_api("false"); + // alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(" Impossible de recuperer les données"); + setalert_type("error"); + // alert(" Impossible de recuperer les données de l'employé"); + //setmyApimyApiMessage("") + }) + } + + + + + const [Dialog_competence_pedago_open, setDialog_competence_pedago_open] = React.useState(false); + function Dialog_competence_pedago_handle_change_participant_session(message) { + // setDialog_competence_pedago_message(message); + setDialog_competence_pedago_open(true); + } + + const Dialog_competence_pedago_handleClose = () => { + + }; + + const Dialog_competence_pedago_handleClose_buton = () => { + setDialog_competence_pedago_open(false); + clear_competence_pedago_fields(); + setgridline_id(""); + + }; + + const myRef_detail = useRef(null); + + function submenu_detail_activite_padagogique() { + + setsubmenu("détail_activite_pedagique"); + submenu_color_management("détail_activite_pedagique"); + } + + + function submenu_color_management(current_menu) { + const list_sous_menu = ["détail_activite_pedagique", "pole_activite_padagogique", "activite_padagogique", "tache_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_detail')) { + var divh = document.getElementById('myRef_detail').offsetTop; + window.scrollTo({ + top: divh, + behavior: "smooth", + }); + } + + } + + const sleep = (milliseconds) => { + return new Promise(resolve => setTimeout(resolve, milliseconds)) + } + + async function Disable_competence_pedago_DetailFields() { + await sleep(5); + setcompetence_pedago_edit_data("0") + var liste_champs = ['detail_code', 'detail_desc', 'detail_comment', 'detail_moyen_ressource', 'detail_autonomie', 'detail_aide', 'detail_resultat', + 'detail_contrainte', 'detail_divers', 'detail_situation_app', 'detail_moyen_ressource', 'detail_prerequis', 'detail_critere_eval', 'detail_connaissance', + 'detail_context_pro', 'detail_divers', 'detail_autonomie' + ] + + + for (let i = 0; i < liste_champs.length; i++) { + + if (document.getElementsByName(String(liste_champs[i])) && document.getElementsByName(String(liste_champs[i]))[0]) { + document.getElementsByName(String(liste_champs[i]))[0].disabled = true; + document.getElementsByName(String(liste_champs[i]))[0].style.backgroundColor = "#ECEFF1"; + + } + } + + } + + function Enable_competence_pedago_DetailFields() { + + setcompetence_pedago_edit_data("1") + + var liste_champs = ['detail_code', 'detail_desc', 'detail_comment', 'detail_moyen_ressource', 'detail_autonomie', 'detail_aide', 'detail_resultat', + 'detail_contrainte', 'detail_divers', 'detail_situation_app', 'detail_moyen_ressource', 'detail_prerequis', 'detail_critere_eval', 'detail_connaissance', + 'detail_context_pro', 'detail_divers', 'detail_autonomie' + ] + + + for (let i = 0; i < liste_champs.length; i++) { + if (document.getElementsByName(String(liste_champs[i])) && document.getElementsByName(String(liste_champs[i]))[0]) { + document.getElementsByName(String(liste_champs[i]))[0].disabled = false; + document.getElementsByName(String(liste_champs[i]))[0].style.backgroundColor = "#FFFFFF"; + + } + } + + } + + function Annule_modif_champs() { + + Get_Given_competence_pedago_data(selected_id); + setcompetence_pedago_edit_data(""); + setcompetence_pedago_data_changed(""); + setadd_one_competence_pedago(""); + } + + function Ferme_Display_champs() { + setsubmenu(""); + Clear_fields(); + + setselected_id(""); + setgridline_id(""); + setcompetence_pedago_edit_data(""); + setcompetence_pedago_data_changed(""); + setadd_one_competence_pedago(""); + + window.scrollTo({ + top: 0, + behavior: "smooth", + }); + } + + function Clear_fields() { + setp_one_detail_competence_pedago_id(""); + setp_detail_competence_pedago_id(""); + setp_detail_competence_pedago_code(""); + setp_detail_competence_pedago_description(""); + setp_detail_competence_pedago_commentaire(""); + setp_detail_competence_pedago_moyen_ressource(""); + setp_detail_competence_pedago_resultat(""); + setp_detail_competence_pedago_niveau_autonomie(""); + + setp_detail_competence_pedago_aide(""); + setp_detail_competence_pedago_contraintes(""); + setp_detail_competence_pedago_divers(""); + + setp_detail_competence_pedago_context_pro(""); + setp_detail_competence_pedago_crit_eval(""); + setp_detail_competence_pedago_connaissance(""); + setp_detail_competence_pedago_situation_app(""); + setp_detail_competence_pedago_prerequis(""); + + + setp_detail_pole_competence_pedago_tab_activite([]); + setp_detail_pole_competence_pedago_tab_activite_with_code([]); + + } + + const [Add_Update_competence_pedago_api, setAdd_Update_competence_pedago_api] = useState(); + const [Add_Update_competence_pedago_message, setAdd_Update_competence_pedago_message] = useState(); + const [Add_Update_competence_pedago_result, setAdd_Update_competence_pedago_result] = useState(); + function Add_Update_Competence_Pedago() { + + var form = new FormData(); + var nb_participant = "0"; + var prix_session; + + + + if (p_detail_competence_pedago_code.length <= 0) { + // alert(" Vous devez choisir une session"); + setdisplay_alert_mysy("1"); + setalert_message("Vous devez saisir un code "); + setalert_type("error"); + return; + } + + + + if (p_detail_competence_pedago_description.trim() === "") { + // alert(" Le nombre de participants est obligatoire"); + setdisplay_alert_mysy("1"); + setalert_message("Vous devez saisir une description"); + setalert_type("error"); + return; + } + + + + //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + var myurl = ""; + + + if (selected_id.length > 5) { + form.append("competence_pedagogique_id", selected_id); + myurl = process.env.REACT_APP_API_URL + "myclass/api/Update_competence_pedagogique/"; + + } else { + myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_competence_pedagogique/"; + } + + + form.append("code", p_detail_competence_pedago_code); + form.append("description", p_detail_competence_pedago_description); + form.append("commentaire", p_detail_competence_pedago_commentaire); + form.append("moyen_ressource", p_detail_competence_pedago_moyen_ressource); + form.append("resultat", p_detail_competence_pedago_resultat); + + form.append("niveau_autonomie", p_detail_competence_pedago_niveau_autonomie); + form.append("aide", p_detail_competence_pedago_aide); + form.append("contraintes", p_detail_competence_pedago_contraintes); + form.append("divers", p_detail_competence_pedago_divers); + + form.append("connaissance", p_detail_competence_pedago_connaissance); + form.append("critere_evaluation", p_detail_competence_pedago_crit_eval); + form.append("contexte_professionnel", p_detail_competence_pedago_context_pro); + form.append("situation_apprentissage", p_detail_competence_pedago_situation_app); + form.append("prerequis", p_detail_competence_pedago_prerequis); + + + setLoading(true); + + + //console.log(" ### form = ", form); + //return; + + axios.post(myurl, form).then(res => { + //console.log(" In Add_Update_Competence_Pedago res.data.status = " + res.data.status); + //console.log(" In Add_Update_Competence_Pedago res.data.message r_class = " + res.data.message); + setLoading(false); + if (String(res.data.status) === String("true")) { + setAdd_Update_competence_pedago_api("true"); + setAdd_Update_competence_pedago_result(res.data.message); + + setcompetence_pedago_data_changed(""); + setcompetence_pedago_edit_data(""); + setadd_one_competence_pedago(""); + + Getall_Partner_Competence_Pedago(); + Disable_competence_pedago_DetailFields(); + + if (selected_id.length <= 5) { + window.scrollTo({ + top: 10, + behavior: "smooth", + }); + + } + + setdisplay_alert_mysy("1"); + setalert_message(String(res.data.message)); + setalert_type("success"); + + + + } else if (String(res.data.status) === String("Err_Connexion")) { + alert('Erreur: ' + res.data.message); + history.push("/Connexion"); + } + else { + setAdd_Update_competence_pedago_api("false"); + setAdd_Update_competence_pedago_message(res.data.message); + //alert(String(res.data.message)); + + setdisplay_alert_mysy("1"); + setalert_message(String(res.data.message)); + setalert_type("error"); + + } + + }).catch((error) => { + setLoading(false); + console.warn('Add_Update_Competence_Pedago : Not good man :( mysearchtext = ' + error); + setAdd_Update_competence_pedago_api("false"); + alert(" Impossible d'ajouter ou mettre à jour la compétence"); + + }) + } + + + + const [Dialog_Tache_Pedago_open, setDialog_Tache_Pedago_open] = React.useState(false); + const Dialog_Tache_Pedago_handleClose_buton = () => { + setDialog_Tache_Pedago_open(false); + + }; + + + const [selected_pole_activite_to_add_id, setselected_pole_activite_to_add_id] = useState(""); + const [selected_pole_activite_to_add_rang, setselected_pole_activite_to_add_rang] = useState("0"); + + + const [New_Getall_Partner_Activite_result, setNew_Getall_Partner_Activite_result] = useState([{ + "_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(); + const [Getall_Partner_Activite_result, setGetall_Partner_Activite_result] = useState([]); + function Getall_Partner_Activite(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_activite_pedagogique_no_filter/"; + + + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === String("true")) { + //console.log(" In Getall_Partner_Activite res.data.status = " + res.data.status); + // console.log(" In Getall_Partner_Activite res.data.message r_class = " + res.data.message); + setGetall_Partner_Activite_api("true"); + setGetall_Partner_Activite_result(res.data.message); + + var new_data2 = []; + + const new_data = res.data.message.map((x) => { + //--- + var localid = JSON.parse(x).id; + var local_id = JSON.parse(x)._id; + var code = JSON.parse(x).code; + var description = JSON.parse(x).description; + + + //--- + var node = { + "_id": local_id, + "id": localid, + "label": code + " - " + String(description).substring(0, 15), + "code": code, + "description": description, + + }; + new_data2.push(node); + + + }); + + + var node = { + "_id": "", + "id": "", + "label": "", + "code": "", + "description": "", + }; + new_data2.push(node); + + if (new_data2.length > 0) { + setNew_Getall_Partner_Activite_result(new_data2); + } else { + setNew_Getall_Partner_Activite_result([]); + } + + + + } + else { + setGetall_Partner_Activite_api("false"); + setGetall_Partner_Activite_message(res.data.message); + // alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("error"); + } + + }).catch((error) => { + console.warn('Not good man :( Getall_Partner_Activite = ', error); + setGetall_Partner_Activite_api("false"); + // alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(" Impossible de recuperer la liste des activités pédagogiques "); + setalert_type("error"); + + }) + } + + + + function Add_Activite_To_Competence(activite_pedagogique_id, rang) { + + + var form = new FormData(); + //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("competence_id", selected_id); + form.append("activite_pedagogique_id", activite_pedagogique_id); + form.append("rang", rang); + + + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_tab_Activite_To_competence_pedagogique/"; + setLoading(true); + axios.post(myurl, form).then(res => { + setLoading(false); + //console.log(" In UpdateStagiaireData res.data.status = " + res.data.status); + //console.log(" In UpdateStagiaireData res.data.message r_class = " + res.data.message); + + if (String(res.data.status) === String("true")) { + + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("success"); + + Get_Given_competence_pedago_data(selected_id); + + Dialog_Pole_Activite_handleClose_buton(); + + } + else { + + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("error"); + + } + + }).catch((error) => { + + console.warn('UpdateStagiaireData : Not good man :( mysearchtext = ' + error); + + + setdisplay_alert_mysy("1"); + setalert_message(" Impossible d'ajouter la l'activité"); + setalert_type("error"); + + }) + } + + + const [Dialog_Pole_Activite_open, setDialog_Pole_Activite_open] = React.useState(false); + const Dialog_Pole_Activite_handleClose_buton = () => { + setDialog_Pole_Activite_open(false); + + }; + + return ( +
+ + {isLoading &&
+
+
} + + {/*** Affichage des messages d'alerte*/} + {display_alert_mysy && String(display_alert_mysy) === "1" && + + } + {/*** FIN Affichage des messages d'alerte*/} + + {/* Dialog pour ajouter une ACTIVITE PEDAGOGIQUE */} + null} + + PaperProps={{ + + + className: classes.paper, // Apply the paper style + style: { + overflowY: 'unset', + position: 'absolute', + top: '7rem', + margin: "2px", + }, + }} + hideBackdrop={true} + disableScrollLock + classes={{ + paper: classes.dialog + }} + + PaperComponent={PaperComponent} + aria-labelledby="draggable-dialog-title" + + > + + Tâche pédagogique + + + + +
Activité pédagogique + {New_Getall_Partner_Activite_result && New_Getall_Partner_Activite_result.length > 0 && { + + if (value && value._id) { + setselected_pole_activite_to_add_id(value._id); + + } else { + setselected_pole_activite_to_add_id(""); + + } + }} + + + renderInput={(params) => + } + />} +
+ +
Rang + { + setselected_pole_activite_to_add_rang(e.target.value); + + } + } + /> +
+ + + +
+ + + + + + + +
+
+ + +
+ + +
+ +
+
+ +
+ +
+ {/* FIN Dialog pour ajouter une PEDAGOGIQUE */} + + + + +
+
+
+ + +
+   + + { + setSelectionModel(newSelectionModel); + /*if (newSelectionModel.length === 1) + handleClick_edit_employee_From_Line(newSelectionModel);*/ + if (newSelectionModel.length !== 1) { + setsubmenu(); + // setdisplay_detail_employe(); + //setadd_One_Employee(); + } + }} + selectionModel={selectionModel} + + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} + rows={rowss.map((item, index) => ( + { + id: index, + _id: JSON.parse(item)._id, + code: JSON.parse(item).code, + description: JSON.parse(item).description, + commentaire: JSON.parse(item).commentaire, + + } + ))} + + columns={columns} + pageSize={10} + className="datagridclass" + + onRowDoubleClick={(newSelectionModel, e) => { + + setmouse_x(e.clientX); + setmouse_y(e.clientY); + setselected_id(newSelectionModel.row._id); + setgridline_id(newSelectionModel.row.id); + setp_detail_competence_pedago_id(newSelectionModel.row._id); + setp_detail_competence_pedago_code(newSelectionModel.row.code); + setp_detail_competence_pedago_description(newSelectionModel.row.description); + setp_detail_competence_pedago_commentaire(newSelectionModel.row.commentaire); + + + setcompetence_pedago_data_changed(""); + setadd_one_competence_pedago(""); + + + Get_Given_competence_pedago_data(newSelectionModel.row._id); + submenu_detail_activite_padagogique(); + }} + + rowsPerPageOptions={[10]} + disableSelectionOnClick + components={{ + Toolbar: GridToolbar, + }} + //sx={datagridSx} + getCellClassName={(params) => { + //field === 'distantiel' + + + //console.log(" ### params.field = ", params.field) + + + + if (params.field === 'distantiel' && String(params.value) === "1") { + return 'cell--distantiel'; + } + if (params.field === "presentiel" && String(params.value) == "1") { + return 'cell--presentiel'; + } + + + //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_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'; + } + + if (String(params.row.status) === "-1") { + return 'line--statut--annule'; + } + if (String(params.row.status) === "0") { + return 'line--statut--preinscrit'; + } + if (String(params.row.status) === "1") { + return 'line--statut--inscrit'; + } + }} + getEstimatedRowHeight={() => 200} + getRowHeight={() => "auto"} + sx={{ + "& .MuiDataGrid-cellContent": { + minHeight: 50, + + } + }} + + + + /> + +
+ +
+ +
+ +
+ +
+ +
+ + +
+ + + +
+
+
 
+ + +
+ + {selected_id && selected_id.length > 5 &&
+ +
} + + {String(submenu) === "add_one" && String(add_one_competence_pedago) === "1" &&
+
+
+
+ + +
+ + +
+
+ +
+
+ +
+ Détail activités +
+ +
+ +
Code
+ { + setp_detail_competence_pedago_code(e.target.value); + setcompetence_pedago_data_changed("1"); + }} + + + + /> +
+ +
Description
+ { + setp_detail_competence_pedago_description(e.target.value); + setcompetence_pedago_data_changed("1"); + }} + + + + /> +
+ + + +
Commentaire
+ { + setp_detail_competence_pedago_commentaire(e.target.value); + setcompetence_pedago_data_changed("1"); + + }} + + /> +
+ +
+ + +
+ + +
+ +
+
+ +
+ Les attributs pédagogiques +
+ +
+ +
Prérequis
+ { + setp_detail_competence_pedago_prerequis(e.target.value); + setcompetence_pedago_data_changed("1"); + }} + + /> + +
+ +
Situation apprentissage
+ { + setp_detail_competence_pedago_situation_app(e.target.value); + setcompetence_pedago_data_changed("1"); + }} + + /> + +
+ +
Moyens & Ressources
+ { + setp_detail_competence_pedago_moyen_ressource(e.target.value); + setcompetence_pedago_data_changed("1"); + }} + + /> + +
+ +
 
+ + + +
+ + +
+ + +
+
+
+ +
+
+ +
+
+ +
+ Connaissances associées +
+ +
+ +
+ { + setp_detail_competence_pedago_connaissance(e.target.value); + setcompetence_pedago_data_changed("1"); + + }} + + /> + + +
+ +
+
+
+ +
+
+ +
+ Critères évaluation +
+ +
+ +
+ { + setp_detail_competence_pedago_crit_eval(e.target.value); + setcompetence_pedago_data_changed("1"); + + }} + + /> + + +
+ +
+
+
+ + + +
+
+ +
+
+ +
+
+ +
+ Contexte professionnel +
+ +
+ +
+ { + setp_detail_competence_pedago_context_pro(e.target.value); + setcompetence_pedago_data_changed("1"); + + }} + + /> + + +
+ +
+
+
+ +
+
+ +
+ Divers +
+ +
+ +
+ { + setp_detail_competence_pedago_divers(e.target.value); + setcompetence_pedago_data_changed("1"); + + }} + + /> + + +
+ +
+
+
+ + + +
+
+ +
+
+ +
+
+ +
+ Autonomie +
+ +
+ +
+ { + setp_detail_competence_pedago_niveau_autonomie(e.target.value); + setcompetence_pedago_data_changed("1"); + + }} + + /> + + +
+ +
+
+
+ + + +
+
+ + + +
+   +
+
+ + +
+ +
+ + + +
+ +
+ +
+
+ + + +
+   +
+
+ + + +
+ + + +
+
} + + {String(submenu) === "détail_activite_pedagique" && String(add_one_competence_pedago) !== "1" &&
+
+
+ {p_detail_competence_pedago_code && p_detail_competence_pedago_code.length > 1 &&
+ + +
} + + +
+
+ +
+
+ +
+ Détail activités +
+ +
+ +
Code
+ { + setp_detail_competence_pedago_code(e.target.value); + setcompetence_pedago_data_changed("1"); + }} + + + + /> +
+ +
Description
+ { + setp_detail_competence_pedago_description(e.target.value); + setcompetence_pedago_data_changed("1"); + }} + + + + /> +
+ + + +
Commentaire
+ { + setp_detail_competence_pedago_commentaire(e.target.value); + setcompetence_pedago_data_changed("1"); + + }} + + /> +
+ +
+ + +
+ + +
+ +
+
+ +
+ Les attributs pédagogiques +
+ +
+ +
Prérequis
+ { + setp_detail_competence_pedago_prerequis(e.target.value); + setcompetence_pedago_data_changed("1"); + }} + + /> + +
+ +
Situation apprentissage
+ { + setp_detail_competence_pedago_situation_app(e.target.value); + setcompetence_pedago_data_changed("1"); + }} + + /> + +
+ +
Moyens & Ressources
+ { + setp_detail_competence_pedago_moyen_ressource(e.target.value); + setcompetence_pedago_data_changed("1"); + }} + + /> + +
+ +
 
+ + + +
+ + +
+ + +
+
+
+ +
+
+ +
+
+ +
+ Connaissances associées +
+ +
+ +
+ { + setp_detail_competence_pedago_connaissance(e.target.value); + setcompetence_pedago_data_changed("1"); + + }} + + /> + + +
+ +
+
+
+ +
+
+ +
+ Critères évaluation +
+ +
+ +
+ { + setp_detail_competence_pedago_crit_eval(e.target.value); + setcompetence_pedago_data_changed("1"); + + }} + + /> + + +
+ +
+
+
+ + + +
+
+ +
+
+ +
+
+ +
+ Contexte professionnel +
+ +
+ +
+ { + setp_detail_competence_pedago_context_pro(e.target.value); + setcompetence_pedago_data_changed("1"); + + }} + + /> + + +
+ +
+
+
+ +
+
+ +
+ Divers +
+ +
+ +
+ { + setp_detail_competence_pedago_divers(e.target.value); + setcompetence_pedago_data_changed("1"); + + }} + + /> + + +
+ +
+
+
+ + + +
+
+ +
+
+ +
+
+ +
+ Autonomie +
+ +
+ +
+ { + setp_detail_competence_pedago_niveau_autonomie(e.target.value); + setcompetence_pedago_data_changed("1"); + + }} + + /> + + +
+ +
+
+
+ + + +
+
+ + + +
+   +
+
+ {String(competence_pedago_data_changed) === "1" && String(competence_pedago_edit_data) === "1" &&
+ /!\ Pensez à enregistrer les modifications +
} + + +
+ + {String(competence_pedago_edit_data) === "1" &&
+ + + +
} + + {String(competence_pedago_edit_data) === "1" &&
+ +
} +
+ + + {String(competence_pedago_edit_data) !== "1" && <> + +
+ + + +
+ + +
+ + + +
+ + } +
+   +
+
+ + +
+
+ +
+
+ +
+ Liste Activités +
+ +
+   + + { + 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={p_detail_pole_competence_pedago_tab_activite_with_code.map((item, index) => ( + { + id: index, + _id: (item)._id, + code: (item).code, + description: (item).description, + rang: (item).rang, + + } + ))} + + columns={column_taches_with_code} + 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, + + } + }} + + + + /> + +
+ +
+ + +
+
+
+ +
+ + +
+ + + +
+
+ +
+
+ + +
+ + + +
+
} + + + + +
+ ); +} + +export default Module_Competence_Pedagogique; + +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; + } +`; diff --git a/src/components/Module_Pole_Actvitie_Pedagogique.js b/src/components/Module_Pole_Actvitie_Pedagogique.js index 1e54d95..da6a727 100644 --- a/src/components/Module_Pole_Actvitie_Pedagogique.js +++ b/src/components/Module_Pole_Actvitie_Pedagogique.js @@ -263,7 +263,7 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
@@ -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) => , }, - { field: 'rang', headerName: 'Rang', hide: false, maxWidth: 100, renderCell: (params) => , }, + { field: 'rang', headerName: 'Rang', hide: false, maxWidth: 100, renderCell: (params) => , }, { field: 'description', headerName: 'Description', flex: 1, hide: false, minWidth: 200, renderCell: (params) => , }, + { + field: 'display_competence', headerName: 'Afficher', flex: 1, hide: false, maxWidth: 200, renderCell: (params) => , + renderCell: (cellValues) => { + return ( + + + + ); + }, + + + }, + + { field: 'add_competence', headerName: 'Compétence', flex: 1, hide: false, minWidth: 200, renderCell: (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) => , }, + { field: 'competence_code', headerName: 'Competence Code', flex: 1, hide: false, maxWidth: 200, renderCell: (params) => , }, + { field: 'competence_description', headerName: 'Competence Description', flex: 1, hide: false, minWidth: 200, renderCell: (params) => , }, + + { + field: "delete", headerName: 'Supprimer', + renderCell: (cellValues) => { + return ( + <> + { + // handleClick_delete(event, cellValues); + }} + > + + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, la tâche sera définitivement supprimée de cette activité .
+ +
+
+
+ + +
+
+ +
+
+
+ )} +
+ + + + ); + } + } + + ] + 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 (
@@ -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 */} { - {/* FIN Dialog pour ajouter un POLE ACTIVITE */} + {/* FIN Dialog pour ajouter une ACTIVITE PEDAGOGIQUE */}
@@ -1912,7 +2042,7 @@ const Module_Pole_Actvitie_Pedagogique = (props) => {
-
@@ -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) => { -
Commentaire
+
Commentaire
{
-
-
@@ -2151,7 +2281,7 @@ const Module_Pole_Actvitie_Pedagogique = (props) => { -
Commentaire
+
Commentaire
{
- Liste Activité + Liste Activités
@@ -2317,7 +2447,6 @@ const Module_Pole_Actvitie_Pedagogique = (props) => { py: 1, }, - }} > { 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) => {
+
+
+ +
+
+ +
+ Liste des Compétences +
+ +
+   + + { + 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, + + } + }} + + + + /> + +
+ +
+ + +
+
+
+ +
+ + +
+ + + +
+
+ +
+
diff --git a/src/components/Partner.js b/src/components/Partner.js index 510a0c9..50b6f14 100644 --- a/src/components/Partner.js +++ b/src/components/Partner.js @@ -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" && }> ADMIN PEDAGOGIQUE } {String(menu) === "administration_pedagogique" && }> ADMIN PEDAGOGIQUE } + {String(menu) !== "competence_pedagogique" && }> COMPETENCE PEDAGOGIQUE } + {String(menu) === "competence_pedagogique" && }> COMPETENCE PEDAGOGIQUE } @@ -2646,12 +2664,32 @@ const Partner = (props) => { {String(menu) === "administration_pedagogique" &&
-
} + {String(menu) === "competence_pedagogique" && +
+ + + +
+ } + + {String(menu) === "config_plateforme_partners" &&
@@ -2852,7 +2890,7 @@ const Partner = (props) => {
} - + {String(menu) === "statistique" &&
@@ -3561,8 +3599,11 @@ const Partner = (props) => { {String(menu) === "admission_process" &&
-
} @@ -3571,7 +3612,20 @@ const Partner = (props) => {
+
+ } + + {String(menu) === "competence_pedagogique" && +
+ +
} diff --git a/src/components/Session_Admission_FI.js b/src/components/Session_Admission_FI.js index b2c569d..f7db969 100644 --- a/src/components/Session_Admission_FI.js +++ b/src/components/Session_Admission_FI.js @@ -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 (
@@ -325,7 +325,7 @@ const Session_Admission_FI = (props) => {
{New_Option_Document_Acceptance_Status && New_Option_Document_Acceptance_Status.length > 0 && -