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 (
+
+ {value &&
+
+ {expanded ? value : String(value).slice(0, 50)}
+ {value.length > 50 && (
+ // eslint-disable-next-line jsx-a11y/anchor-is-valid
+
setExpanded(!expanded)}
+ >
+ {expanded ?
Réduire :
Voir }
+
+ )}
+
}
+
+ {!value &&
+
+
+ }
+
+ );
+ }
+
+
+
+
+ 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
+
+
+ Blocs compétences
+ Compétences
+
+
+
+
+
+ {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