18/05/2024 - 22h30
parent
98de5feea3
commit
8f1a903e07
|
@ -0,0 +1,152 @@
|
||||||
|
import React, { useRef, useState, useEffect } from "react";
|
||||||
|
import TextField from '@mui/material/TextField';
|
||||||
|
import MenuItem from '@mui/material/MenuItem';
|
||||||
|
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 { Editor } from '@tinymce/tinymce-react';
|
||||||
|
import parse from 'html-react-parser';
|
||||||
|
import { FcViewDetails, FcDisapprove, FcInfo } from "react-icons/fc";
|
||||||
|
import 'react-tooltip/dist/react-tooltip.css'
|
||||||
|
import { Tooltip } from 'react-tooltip'
|
||||||
|
import add_plus from "../mysy_img/plus.png";
|
||||||
|
import excel_icone from "../mysy_img/excel_icone.png";
|
||||||
|
import participants from "../mysy_img/participants.png";
|
||||||
|
import fileDownload from 'js-file-download'
|
||||||
|
import Popup from 'reactjs-popup';
|
||||||
|
import 'reactjs-popup/dist/index.css';
|
||||||
|
import { FcSearch } from "react-icons/fc";
|
||||||
|
import { FcAlarmClock, FcMultipleSmartphones, FcWorkflow } from "react-icons/fc";
|
||||||
|
import DatePicker from "react-datepicker";
|
||||||
|
import "react-datepicker/dist/react-datepicker.css";
|
||||||
|
import { format } from 'date-fns'
|
||||||
|
import moment from "moment";
|
||||||
|
import 'moment/locale/fr';
|
||||||
|
|
||||||
|
import InputAdornment from '@mui/material/InputAdornment';
|
||||||
|
import { AiFillCloseCircle, AiOutlineConsoleSql } from "react-icons/ai";
|
||||||
|
import Box from '@mui/material/Box';
|
||||||
|
import { Typography, LinearProgress } from '@mui/material';
|
||||||
|
import styled from 'styled-components';
|
||||||
|
import { CiTrash } from "react-icons/ci";
|
||||||
|
import { MdAddCircleOutline, MdRemoveCircleOutline } from "react-icons/md";
|
||||||
|
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 { RestoreFromTrashRounded } from "@mui/icons-material";
|
||||||
|
import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif";
|
||||||
|
import { Fab } from "@material-ui/core";
|
||||||
|
import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io";
|
||||||
|
import { AiTwotoneEdit, AiTwotoneSave } from "react-icons/ai";
|
||||||
|
import { confirmAlert } from 'react-confirm-alert';
|
||||||
|
import ToggleSwitch from "./ToggleSwitch";
|
||||||
|
import Module_Historique_Action from "./Module_Historique_Action";
|
||||||
|
import { HiDocumentCheck } from "react-icons/hi2";
|
||||||
|
import { BsSend } from "react-icons/bs";
|
||||||
|
import Autocomplete from '@mui/material/Autocomplete';
|
||||||
|
import { FcOpenedFolder } from "react-icons/fc";
|
||||||
|
import { gridClasses } from '@mui/x-data-grid';
|
||||||
|
import Link from '@mui/material/Link';
|
||||||
|
import { PiDotsThree } from "react-icons/pi";
|
||||||
|
import Module_Editique from "./Module_Editique";
|
||||||
|
import Module_Attestation_Formation from "./Module_Attestation_Formation";
|
||||||
|
|
||||||
|
import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5";
|
||||||
|
import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint, FcPlanner } from "react-icons/fc";
|
||||||
|
import { CiBoxList } from "react-icons/ci";
|
||||||
|
import FullCalendar from "@fullcalendar/react";
|
||||||
|
import daygridPlugin from "@fullcalendar/daygrid";
|
||||||
|
import interactionPlugin from "@fullcalendar/interaction";
|
||||||
|
import timeGridPlugin from "@fullcalendar/timegrid";
|
||||||
|
import resourceTimeGridPlugin from '@fullcalendar/resource-timegrid';
|
||||||
|
import Radio from '@mui/material/Radio';
|
||||||
|
import RadioGroup from '@mui/material/RadioGroup';
|
||||||
|
import FormControlLabel from '@mui/material/FormControlLabel';
|
||||||
|
import FormControl from '@mui/material/FormControl';
|
||||||
|
import FormLabel from '@mui/material/FormLabel';
|
||||||
|
|
||||||
|
import allLocales from '@fullcalendar/core/locales-all'
|
||||||
|
import listPlugin from '@fullcalendar/list';
|
||||||
|
import multiMonthPlugin from '@fullcalendar/multimonth'
|
||||||
|
|
||||||
|
|
||||||
|
const Module_Selection_Evaluation_Apprenants = (props) => {
|
||||||
|
|
||||||
|
const history = useHistory();
|
||||||
|
const [submenu, setsubmenu] = useState("");
|
||||||
|
const [rowss, setRows] = useState([]);
|
||||||
|
|
||||||
|
|
||||||
|
function ExpandableCell_50({ value }) {
|
||||||
|
const [expanded, setExpanded] = React.useState(false);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<nav>
|
||||||
|
{value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
|
||||||
|
|
||||||
|
{expanded ? value : String(value).slice(0, 50)}
|
||||||
|
{value.length > 50 && (
|
||||||
|
// eslint-disable-next-line jsx-a11y/anchor-is-valid
|
||||||
|
<Link
|
||||||
|
type="button"
|
||||||
|
component="button"
|
||||||
|
sx={{ fontSize: 'inherit' }}
|
||||||
|
onClick={() => setExpanded(!expanded)}
|
||||||
|
>
|
||||||
|
{expanded ? <nav> <PiDotsThree />Réduire</nav> : <nav> <PiDotsThree />Voir</nav>}
|
||||||
|
</Link>
|
||||||
|
)}
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
{!value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
</nav>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function Display_Colunm_text({ value }) {
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div style={{ paddingLeft: "5px", paddingRight: "10px", "display": "block", wordBreak: "break-all" }}>
|
||||||
|
{value}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const [isLoading, setLoading] = useState();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="moduleselectionevaluationapprenants">
|
||||||
|
|
||||||
|
{isLoading && <div className="loader-container">
|
||||||
|
<div className="mysy_spinner"> <img src={img_loading_spin} /> </div>
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<nav style={{ "border": "None", "fontSize": "22px", "fontWeight": "600", "paddingTop": "10px", "paddingLeft": "5px" }}> Selection des Apprenant & Groupe d'apprenants </nav>
|
||||||
|
<div style={{ height: 550, width: '100%', paddingRight: '5px' }}>
|
||||||
|
Les critère de selection : <br/>
|
||||||
|
- Formation : avec valeur par default <br/>
|
||||||
|
- classe / session : Avec critères par default <br/>
|
||||||
|
- type de groupe : [groupe TD, groupe TP, groupe Autre, etc]
|
||||||
|
- Incrit : Choisir par mis les types <br />
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div >
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Module_Selection_Evaluation_Apprenants;
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
@ -126,6 +126,7 @@
|
||||||
letter-spacing: 0.1rem;
|
letter-spacing: 0.1rem;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
height: 2rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.detail_class_submenu:hover:active,
|
.detail_class_submenu:hover:active,
|
||||||
|
@ -687,7 +688,7 @@
|
||||||
margin-right: 1rem;
|
margin-right: 1rem;
|
||||||
padding: 0.3rem;
|
padding: 0.3rem;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
width: 11rem;
|
min-width: 12rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border: 1px solid #9cf;
|
border: 1px solid #9cf;
|
||||||
color: #3b3e40;
|
color: #3b3e40;
|
||||||
|
@ -695,6 +696,7 @@
|
||||||
font-size: small;
|
font-size: small;
|
||||||
letter-spacing: 0.1rem;
|
letter-spacing: 0.1rem;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
height: 2rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.detail_class_submenu:hover:active,
|
.detail_class_submenu:hover:active,
|
||||||
|
@ -1315,7 +1317,7 @@
|
||||||
margin-right: 1rem;
|
margin-right: 1rem;
|
||||||
padding: 0.3rem;
|
padding: 0.3rem;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
width: 11rem;
|
min-width: 15rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border: 1px solid #9cf;
|
border: 1px solid #9cf;
|
||||||
color: #3b3e40;
|
color: #3b3e40;
|
||||||
|
@ -1323,6 +1325,7 @@
|
||||||
font-size: small;
|
font-size: small;
|
||||||
letter-spacing: 0.1rem;
|
letter-spacing: 0.1rem;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
height: 2rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.detail_class_submenu:hover:active,
|
.detail_class_submenu:hover:active,
|
||||||
|
@ -1816,7 +1819,7 @@
|
||||||
margin-right: 1rem;
|
margin-right: 1rem;
|
||||||
padding: 0.3rem;
|
padding: 0.3rem;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
min-width: 12rem;
|
min-width: 15rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border: 1px solid #9cf;
|
border: 1px solid #9cf;
|
||||||
color: #3b3e40;
|
color: #3b3e40;
|
||||||
|
@ -1824,6 +1827,7 @@
|
||||||
font-size: small;
|
font-size: small;
|
||||||
letter-spacing: 0.1rem;
|
letter-spacing: 0.1rem;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
height: 2rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.detail_class_submenu:hover:active,
|
.detail_class_submenu:hover:active,
|
||||||
|
|
|
@ -113,3 +113,4 @@
|
||||||
@import "./components/modulesessionevaluation";
|
@import "./components/modulesessionevaluation";
|
||||||
@import "./components/partner_ftion_initiale_configuration";
|
@import "./components/partner_ftion_initiale_configuration";
|
||||||
@import "./components/note_evaluation";
|
@import "./components/note_evaluation";
|
||||||
|
@import "./components/moduleselectionevaluationapprenants";
|
Loading…
Reference in New Issue