diff --git a/src/components/Module_Selection_Evaluation_Apprenants.js b/src/components/Module_Selection_Evaluation_Apprenants.js new file mode 100644 index 0000000..08bcb99 --- /dev/null +++ b/src/components/Module_Selection_Evaluation_Apprenants.js @@ -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 ( + + ); + } + + + + function Display_Colunm_text({ value }) { + + return ( +
+ {value}  + +
+ ); + } + + const [isLoading, setLoading] = useState(); + + return ( +
+ + {isLoading &&
+
+
} + + + + +
+ Les critère de selection :
+ - Formation : avec valeur par default
+ - classe / session : Avec critères par default
+ - type de groupe : [groupe TD, groupe TP, groupe Autre, etc] + - Incrit : Choisir par mis les types
+   +
+ +
+ ); +} + +export default Module_Selection_Evaluation_Apprenants; diff --git a/src/components/Notes_Evaluation.js b/src/components/Notes_Evaluation.js index 3dc5a1a..cd9178f 100644 --- a/src/components/Notes_Evaluation.js +++ b/src/components/Notes_Evaluation.js @@ -54,6 +54,7 @@ import Link from '@mui/material/Link'; import { PiDotsThree } from "react-icons/pi"; import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5"; import Rating from '@mui/material/Rating'; +import Module_Selection_Evaluation_Apprenants from "./Module_Selection_Evaluation_Apprenants"; const Notes_Evaluation = (props) => { const history = useHistory(); @@ -280,47 +281,20 @@ const Notes_Evaluation = (props) => { function handleClick_edit_evaluation_From_Line(selected_row_id) { - setdisplay_evaluation("1"); - setevaluation_data_changed(""); - setevaluation_data_edit_mode(""); - var line = JSON.parse(Getall_Partner_Evaluation_result[selected_row_id]); - setselected_id(line._id); setgridline_id(selected_row_id); Get_Given_Evaluation_Data(line._id); + setdisplay_evaluation("1"); + setadd_one_evaluation(""); + setevaluation_data_changed(""); + setevaluation_data_edit_mode(""); setsubmenu("detail_evaluation"); - /* - var employe_email = line.email; - setselected_employe_email(employe_email); - - - Display_Detail_Employe(employe_id); - - Get_List_Managers(); - Get_List_RH_Profils(); - Get_Employee_Related_Target_Collection_Data(); - - if (document.getElementById('myRef')) { - var divh = document.getElementById('myRef').offsetTop; - window.scrollTo({ - top: divh, - behavior: "smooth", - }); - } - - Getall_Employee_Affectation(employe_id); - Getall_Employee_Acces_Right(employe_id); - Getall_Employee_Contrat(employe_id); - Get_Partner_Purchase_Prices(); - - Get_List_Of_All_PJ(employe_id); - - */ + } @@ -1326,32 +1300,43 @@ const Notes_Evaluation = (props) => { async function Disable_Evaluation_DetailFields() { - sleep(10); + await sleep(5); setevaluation_data_edit_mode("0"); var liste_champs = ['detail_code', 'detail_titre', 'detail_description', 'detail_classe', 'detail_ftion', 'detail_ue', 'detail_type_eval', 'detail_debut', 'detail_fin', 'detail_adresse', - 'detail_cp', 'detail_ville', 'detail_pays', 'detail_responsable'] + 'detail_cp', 'detail_ville', 'detail_pays', 'detail_responsable', 'detail_titre_01'] 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"; } } + + + if (document.getElementsByName("detail_titre_01") && document.getElementsByName("detail_titre_01")[0]) { + document.getElementsByName("detail_titre_01")[0].disabled = true; + document.getElementsByName("detail_titre_01")[0].style.backgroundColor = "#ECEFF1"; + + } } function planifier_one_evaluation() { + + clear_DetailFieds(); + setevaluation_data_edit_mode(""); setevaluation_data_changed(""); setdisplay_evaluation(""); setselected_id(""); - + setgridline_id(""); setadd_one_evaluation("1"); - setsubmenu("add_eval"); + setsubmenu("detail_evaluation"); } @@ -1367,6 +1352,63 @@ const Notes_Evaluation = (props) => { } + async function submenu_detail() { + await sleep(5); + setsubmenu("detail_evaluation"); + inactive_active_menu_header("detail_evaluation"); + + + if (String(evaluation_data_edit_mode) !== "1") { + Disable_Evaluation_DetailFields(); + } + + } + + async function submenu_apprenant() { + await sleep(5); + setsubmenu("apprenant"); + inactive_active_menu_header("apprenant"); + + } + + async function submenu_piece_jointe() { + await sleep(5); + setsubmenu("piece_jointe"); + inactive_active_menu_header("piece_jointe"); + + } + + async function submenu_ressources() { + await sleep(5); + setsubmenu("ressources"); + inactive_active_menu_header("ressources"); + + } + + async function submenu_selection() { + await sleep(5); + setsubmenu("selection"); + inactive_active_menu_header("selection"); + + } + + + // Cette fontion desactive tous les menu header et reactive just le menu_header concerné + function inactive_active_menu_header(current_menu_header) { + const list_menu_header_names = ['detail_evaluation', 'apprenant', 'piece_jointe', 'selection', 'ressources'] + 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"; + } + } + + + if (document.getElementsByName(String(current_menu_header)) && document.getElementsByName(String(current_menu_header))[0]) { + document.getElementsByName(String(current_menu_header))[0].style.fontWeight = "700"; + } + } + + return (
{isLoading &&
@@ -1823,1143 +1865,1165 @@ const Notes_Evaluation = (props) => {
 
- - {String(submenu) === "detail_evaluation" && String(display_evaluation) === "1" &&
-
- - - - - - -
- - - - {String(evaluation_data_edit_mode) !== "1" &&
- -
-
Code
- - -
- -
titre
- - -
- -
Description
- - -
- -
Classe
- {New_Getall_Partner_Session_Reduice_Fields_result && New_Getall_Partner_Session_Reduice_Fields_result.length > 0 && (data)._id === String(p_detail_session_id))[0].label} - - />} - -
- -
Formation
- {New_Getall_Partner_Class_Reduice_Fields_result && New_Getall_Partner_Class_Reduice_Fields_result.length > 0 && (data)._id === String(p_detail_class_id))[0].label} - - />} - -
- - -
Unite D'enseignement
- {New_Getall_Partner_List_UE_result && New_Getall_Partner_List_UE_result.length > 0 && (data)._id === String(p_detail_class_eu_id))[0].label} - - />} - -
- -
Type d'évaluation
- {New_Getall_Partner_Type_Evalution_List_result && New_Getall_Partner_Type_Evalution_List_result.length > 0 && (data)._id === String(p_detail_type_eval_id))[0].label} - - />} - -
- -
Début
- - -
- -
Fin
- - -
- - - -
Adresse
- - -
- -
Code postal
- - -
- - -
Ville
- - -
- - - -
Pays
- - -
- - - -
Responsable
- {New_Getall_Training_Employee_No_Filter_result && New_Getall_Training_Employee_No_Filter_result.length > 0 && (data)._id === String(p_detail_responsable_id))[0].label} - - />} - -
-
-   -
-
- - - -
} - - - {String(evaluation_data_edit_mode) === "1" &&
- -
-
Code
- { - setp_detail_code(e.target.value); - setevaluation_data_changed("1"); - } - } - /> - -
- -
titre
- { - setp_detail_titre(e.target.value); - setevaluation_data_changed("1"); - } - } - /> - -
- -
Description
- { - setp_detail_description(e.target.value); - setevaluation_data_changed("1"); - } - } - /> - -
- -
Classe
- {New_Getall_Partner_Session_Reduice_Fields_result && New_Getall_Partner_Session_Reduice_Fields_result.length > 0 && - - 5 &&
+ + + + + + +
} + + {String(submenu) === "detail_evaluation" &&
+ {String(display_evaluation) === "1" && String(add_one_evaluation) !== "1" &&
+ + + + + {String(evaluation_data_edit_mode) !== "1" &&
+ +
+
Code
+ + +
+ +
titre
+ + +
+ +
Description
+ + +
+ +
Classe
+ {New_Getall_Partner_Session_Reduice_Fields_result && New_Getall_Partner_Session_Reduice_Fields_result.length > 0 && (data)._id === String(p_detail_session_id))[0].label} - onChange={(event, value) => { - if (value && value._id) { - setp_detail_session_id(value._id); - setevaluation_data_changed("1"); - } else { - setp_detail_session_id(""); - setevaluation_data_changed("1"); - } + + InputLabelProps={{ + shrink: true, }} + disabled={false} + className="disabled_style" + value={New_Getall_Partner_Session_Reduice_Fields_result.filter((data) => (data)._id === String(p_detail_session_id))[0].label} - renderInput={(params) => } - /> - } - /> +
- } - -
- -
Formation
- {New_Getall_Partner_Class_Reduice_Fields_result && New_Getall_Partner_Class_Reduice_Fields_result.length > 0 && - - Formation
+ {New_Getall_Partner_Class_Reduice_Fields_result && New_Getall_Partner_Class_Reduice_Fields_result.length > 0 && (data)._id === String(p_detail_class_id))[0].label} - onChange={(event, value) => { - if (value && value._id) { - setp_detail_class_id(value._id); - setevaluation_data_changed("1"); - } else { - setp_detail_class_id(""); - setevaluation_data_changed("1"); - } + + InputLabelProps={{ + shrink: true, }} + disabled={false} + className="disabled_style" + value={New_Getall_Partner_Class_Reduice_Fields_result.filter((data) => (data)._id === String(p_detail_class_id))[0].label} - renderInput={(params) => } - /> - } - /> - - } - -
+
-
Unite D'enseignement
- {New_Getall_Partner_List_UE_result && New_Getall_Partner_List_UE_result.length > 0 && - - Unite D'enseignement
+ {New_Getall_Partner_List_UE_result && New_Getall_Partner_List_UE_result.length > 0 && (data)._id === String(p_detail_class_eu_id))[0].label} - onChange={(event, value) => { - if (value && value._id) { - setp_detail_class_eu_id(value._id); - setevaluation_data_changed("1"); - } else { - setp_detail_class_eu_id(""); - setevaluation_data_changed("1"); - } - }} + />} - renderInput={(params) => - /> - } - /> - - } - -
- -
Type d'évaluation
- {New_Getall_Partner_Type_Evalution_List_result && New_Getall_Partner_Type_Evalution_List_result.length > 0 && - Type d'évaluation
+ {New_Getall_Partner_Type_Evalution_List_result && New_Getall_Partner_Type_Evalution_List_result.length > 0 && (data)._id === String(p_detail_type_eval_id))[0].label} - onChange={(event, value) => { - if (value && value._id) { - setp_detail_type_eval_id(value._id); - setevaluation_data_changed("1"); - } else { - setp_detail_type_eval_id(""); - setevaluation_data_changed("1"); - } + />} + +
+ +
Début
+ - } /> - } +
-
+
Fin
+ Début
- { - setp_detail_eval_date_heure_debut(format(date, 'dd/MM/yyyy HH:mm')); - setevaluation_data_changed("1"); - } - } - - - className="disabled_style enable_style" - locale='fr-FR' - showTimeSelect - timeFormat="HH:mm" - timeIntervals={15} - dateFormat="dd/MM/yyyy HH:mm" - is24Hour - - /> - -
- - - -
Fin
- { - - setp_detail_eval_date_heure_fin(format(date, 'dd/MM/yyyy HH:mm')); - setevaluation_data_changed("1"); - } - } - - - className="disabled_style enable_style" - locale='fr-FR' - showTimeSelect - timeFormat="HH:mm" - timeIntervals={15} - dateFormat="dd/MM/yyyy HH:mm" - is24Hour - - /> - -
- - - -
Adresse
- { - setp_detail_adress(e.target.value); - setevaluation_data_changed("1"); - } - } - /> - -
- -
Code postal
- { - setp_detail_cp(e.target.value); - setevaluation_data_changed("1"); - } - } - /> - -
- - -
Ville
- { - setp_detail_ville(e.target.value); - setevaluation_data_changed("1"); - } - } - /> - -
- - - -
Pays
- { - setp_detail_pays(e.target.value); - setevaluation_data_changed("1"); - } - } - /> - -
- - - - -
Responsable
- {New_Getall_Training_Employee_No_Filter_result && New_Getall_Training_Employee_No_Filter_result.length > 0 && - - + +
+ + + +
Adresse
+ + +
+ +
Code postal
+ + +
+ + +
Ville
+ + +
+ + + +
Pays
+ + +
+ + + +
Responsable
+ {New_Getall_Training_Employee_No_Filter_result && New_Getall_Training_Employee_No_Filter_result.length > 0 && (data)._id === String(p_detail_responsable_id))[0].label} - onChange={(event, value) => { - if (value && value._id) { - setp_detail_responsable_id(value._id); - setevaluation_data_changed("1"); - } else { - setp_detail_responsable_id(""); - setevaluation_data_changed("1"); - } + />} + +
+
+   +
+
+ + + +
} + + + {String(evaluation_data_edit_mode) === "1" &&
+ +
+
Code
+ + disabled={false} + className="disabled_style" + value={p_detail_code} + onChange={(e) => { + setp_detail_code(e.target.value); + setevaluation_data_changed("1"); + } } /> - } +
+ +
titre
+ { + setp_detail_titre(e.target.value); + setevaluation_data_changed("1"); + } + } + /> + +
+ +
Description
+ { + setp_detail_description(e.target.value); + setevaluation_data_changed("1"); + } + } + /> + +
+ +
Classe
+ {New_Getall_Partner_Session_Reduice_Fields_result && New_Getall_Partner_Session_Reduice_Fields_result.length > 0 && + + (data)._id === String(p_detail_session_id))[0].label} + onChange={(event, value) => { + if (value && value._id) { + setp_detail_session_id(value._id); + setevaluation_data_changed("1"); + } else { + setp_detail_session_id(""); + setevaluation_data_changed("1"); + } + }} + + renderInput={(params) => + } + /> + + } + +
+ +
Formation
+ {New_Getall_Partner_Class_Reduice_Fields_result && New_Getall_Partner_Class_Reduice_Fields_result.length > 0 && + + (data)._id === String(p_detail_class_id))[0].label} + onChange={(event, value) => { + if (value && value._id) { + setp_detail_class_id(value._id); + setevaluation_data_changed("1"); + } else { + setp_detail_class_id(""); + setevaluation_data_changed("1"); + } + }} + + renderInput={(params) => + } + /> + + } + +
+ + +
Unite D'enseignement
+ {New_Getall_Partner_List_UE_result && New_Getall_Partner_List_UE_result.length > 0 && + + (data)._id === String(p_detail_class_eu_id))[0].label} + + onChange={(event, value) => { + if (value && value._id) { + setp_detail_class_eu_id(value._id); + setevaluation_data_changed("1"); + } else { + setp_detail_class_eu_id(""); + setevaluation_data_changed("1"); + } + }} + + renderInput={(params) => + } + /> + + } + +
+ +
Type d'évaluation
+ {New_Getall_Partner_Type_Evalution_List_result && New_Getall_Partner_Type_Evalution_List_result.length > 0 && + (data)._id === String(p_detail_type_eval_id))[0].label} + + onChange={(event, value) => { + if (value && value._id) { + setp_detail_type_eval_id(value._id); + setevaluation_data_changed("1"); + } else { + setp_detail_type_eval_id(""); + setevaluation_data_changed("1"); + } + }} + + renderInput={(params) => + } + /> + + } + +
+ +
Début
+ { + setp_detail_eval_date_heure_debut(format(date, 'dd/MM/yyyy HH:mm')); + setevaluation_data_changed("1"); + } + } + + + className="disabled_style enable_style" + locale='fr-FR' + showTimeSelect + timeFormat="HH:mm" + timeIntervals={15} + dateFormat="dd/MM/yyyy HH:mm" + is24Hour + + /> + +
+ + + +
Fin
+ { + + setp_detail_eval_date_heure_fin(format(date, 'dd/MM/yyyy HH:mm')); + setevaluation_data_changed("1"); + } + } + + + className="disabled_style enable_style" + locale='fr-FR' + showTimeSelect + timeFormat="HH:mm" + timeIntervals={15} + dateFormat="dd/MM/yyyy HH:mm" + is24Hour + + /> + +
+ + + +
Adresse
+ { + setp_detail_adress(e.target.value); + setevaluation_data_changed("1"); + } + } + /> + +
+ +
Code postal
+ { + setp_detail_cp(e.target.value); + setevaluation_data_changed("1"); + } + } + /> + +
+ + +
Ville
+ { + setp_detail_ville(e.target.value); + setevaluation_data_changed("1"); + } + } + /> + +
+ + + +
Pays
+ { + setp_detail_pays(e.target.value); + setevaluation_data_changed("1"); + } + } + /> + +
+ + + + +
Responsable
+ {New_Getall_Training_Employee_No_Filter_result && New_Getall_Training_Employee_No_Filter_result.length > 0 && + + (data)._id === String(p_detail_responsable_id))[0].label} + + onChange={(event, value) => { + if (value && value._id) { + setp_detail_responsable_id(value._id); + setevaluation_data_changed("1"); + } else { + setp_detail_responsable_id(""); + setevaluation_data_changed("1"); + } + }} + + renderInput={(params) => + } + /> + + } + +
+
+   +
 
+
} -
 
+
+ {String(evaluation_data_changed) === "1" && String(evaluation_data_edit_mode) === "1" &&
+ /!\ Pensez à enregistrer les modifications +
} + + +
+ + {String(evaluation_data_changed) === "1" && String(evaluation_data_edit_mode) === "1" &&
+ + + +
} + + {String(evaluation_data_edit_mode) === "1" &&
+ +
} +
+ + + {String(evaluation_data_edit_mode) !== "1" &&
+ + + +
} +
+   +
+
+
} -
-   -
-
- {String(evaluation_data_changed) === "1" && String(evaluation_data_edit_mode) === "1" &&
- /!\ Pensez à enregistrer les modifications -
} + + {String(add_one_evaluation) === "1" && String(display_evaluation) !== "1" &&
+ + + +
+ +
+
Code
+ { + setp_detail_code(e.target.value); + setevaluation_data_changed("1"); + } + } + /> + +
+ +
titre
+ { + setp_detail_titre(e.target.value); + setevaluation_data_changed("1"); + } + } + /> + +
+ +
Description
+ { + setp_detail_description(e.target.value); + setevaluation_data_changed("1"); + } + } + /> + +
+ +
Classe
+ {New_Getall_Partner_Session_Reduice_Fields_result && New_Getall_Partner_Session_Reduice_Fields_result.length > 0 && + + (data)._id === String(p_detail_session_id))[0].label} + onChange={(event, value) => { + if (value && value._id) { + setp_detail_session_id(value._id); + setevaluation_data_changed("1"); + } else { + setp_detail_session_id(""); + setevaluation_data_changed("1"); + } + }} + + renderInput={(params) => + } + /> + + } + +
+ +
Formation
+ {New_Getall_Partner_Class_Reduice_Fields_result && New_Getall_Partner_Class_Reduice_Fields_result.length > 0 && + + (data)._id === String(p_detail_class_id))[0].label} + onChange={(event, value) => { + if (value && value._id) { + setp_detail_class_id(value._id); + setevaluation_data_changed("1"); + } else { + setp_detail_class_id(""); + setevaluation_data_changed("1"); + } + }} + + renderInput={(params) => + } + /> + + } + +
-
+
Unite D'enseignement
+ {New_Getall_Partner_List_UE_result && New_Getall_Partner_List_UE_result.length > 0 && - {String(evaluation_data_changed) === "1" && String(evaluation_data_edit_mode) === "1" &&
+ (data)._id === String(p_detail_class_eu_id))[0].label} - + onChange={(event, value) => { + if (value && value._id) { + setp_detail_class_eu_id(value._id); + setevaluation_data_changed("1"); + } else { + setp_detail_class_eu_id(""); + setevaluation_data_changed("1"); + } + }} -
} + renderInput={(params) => - -
} + /> + } + /> + + } + +
+ +
Type d'évaluation
+ {New_Getall_Partner_Type_Evalution_List_result && New_Getall_Partner_Type_Evalution_List_result.length > 0 && + (data)._id === String(p_detail_type_eval_id))[0].label} + + onChange={(event, value) => { + if (value && value._id) { + setp_detail_type_eval_id(value._id); + setevaluation_data_changed("1"); + } else { + setp_detail_type_eval_id(""); + setevaluation_data_changed("1"); + } + }} + + renderInput={(params) => + } + /> + + } + +
+ +
Début
+ { + setp_detail_eval_date_heure_debut(format(date, 'dd/MM/yyyy HH:mm')); + setevaluation_data_changed("1"); + } + } + + + className="disabled_style enable_style" + locale='fr-FR' + showTimeSelect + timeFormat="HH:mm" + timeIntervals={15} + dateFormat="dd/MM/yyyy HH:mm" + is24Hour + + /> + +
+ + + +
Fin
+ { + + setp_detail_eval_date_heure_fin(format(date, 'dd/MM/yyyy HH:mm')); + setevaluation_data_changed("1"); + } + } + + + className="disabled_style enable_style" + locale='fr-FR' + showTimeSelect + timeFormat="HH:mm" + timeIntervals={15} + dateFormat="dd/MM/yyyy HH:mm" + is24Hour + + /> + +
+ + + +
Adresse
+ { + setp_detail_adress(e.target.value); + setevaluation_data_changed("1"); + } + } + /> + +
+ +
Code postal
+ { + setp_detail_cp(e.target.value); + setevaluation_data_changed("1"); + } + } + /> + +
+ + +
Ville
+ { + setp_detail_ville(e.target.value); + setevaluation_data_changed("1"); + } + } + /> + +
+ + + +
Pays
+ { + setp_detail_pays(e.target.value); + setevaluation_data_changed("1"); + } + } + /> + +
+ + + + +
Responsable
+ {New_Getall_Training_Employee_No_Filter_result && New_Getall_Training_Employee_No_Filter_result.length > 0 && + + (data)._id === String(p_detail_responsable_id))[0].label} + + onChange={(event, value) => { + if (value && value._id) { + setp_detail_responsable_id(value._id); + setevaluation_data_changed("1"); + } else { + setp_detail_responsable_id(""); + setevaluation_data_changed("1"); + } + }} + + renderInput={(params) => + } + /> + + } + +
+
+   +
+ +
+
+   +
- - {String(evaluation_data_edit_mode) !== "1" &&
- - - -
}
 
-
+
+ + + +
+ +
+ + + +
+ +
+ +
+
+ + + +
+   +
+
+ +
} + +
} + + {String(submenu) === "apprenant" &&
+

Liste des apprenants ou Groupes d'apprenants

} - {String(submenu) === "add_eval" && String(add_one_evaluation) === "1" &&
+ {String(submenu) === "ressources" &&
+

Ressources Humaines & Materielles

- Planifier une nouvelle évaluation
+
} -
+ {String(submenu) === "selection" &&
-
-
Code
- - InputLabelProps={{ - shrink: true, - }} - disabled={false} - className="disabled_style" - value={p_detail_code} - onChange={(e) => { - setp_detail_code(e.target.value); - setevaluation_data_changed("1"); - } - } - /> +
} -
- -
titre
- { - setp_detail_titre(e.target.value); - setevaluation_data_changed("1"); - } - } - /> - -
- -
Description
- { - setp_detail_description(e.target.value); - setevaluation_data_changed("1"); - } - } - /> - -
- -
Classe
- {New_Getall_Partner_Session_Reduice_Fields_result && New_Getall_Partner_Session_Reduice_Fields_result.length > 0 && - - (data)._id === String(p_detail_session_id))[0].label} - onChange={(event, value) => { - if (value && value._id) { - setp_detail_session_id(value._id); - setevaluation_data_changed("1"); - } else { - setp_detail_session_id(""); - setevaluation_data_changed("1"); - } - }} - - renderInput={(params) => - } - /> - - } - -
- -
Formation
- {New_Getall_Partner_Class_Reduice_Fields_result && New_Getall_Partner_Class_Reduice_Fields_result.length > 0 && - - (data)._id === String(p_detail_class_id))[0].label} - onChange={(event, value) => { - if (value && value._id) { - setp_detail_class_id(value._id); - setevaluation_data_changed("1"); - } else { - setp_detail_class_id(""); - setevaluation_data_changed("1"); - } - }} - - renderInput={(params) => - } - /> - - } - -
- - -
Unite D'enseignement
- {New_Getall_Partner_List_UE_result && New_Getall_Partner_List_UE_result.length > 0 && - - (data)._id === String(p_detail_class_eu_id))[0].label} - - onChange={(event, value) => { - if (value && value._id) { - setp_detail_class_eu_id(value._id); - setevaluation_data_changed("1"); - } else { - setp_detail_class_eu_id(""); - setevaluation_data_changed("1"); - } - }} - - renderInput={(params) => - } - /> - - } - -
- -
Type d'évaluation
- {New_Getall_Partner_Type_Evalution_List_result && New_Getall_Partner_Type_Evalution_List_result.length > 0 && - (data)._id === String(p_detail_type_eval_id))[0].label} - - onChange={(event, value) => { - if (value && value._id) { - setp_detail_type_eval_id(value._id); - setevaluation_data_changed("1"); - } else { - setp_detail_type_eval_id(""); - setevaluation_data_changed("1"); - } - }} - - renderInput={(params) => - } - /> - - } - -
- -
Début
- { - setp_detail_eval_date_heure_debut(format(date, 'dd/MM/yyyy HH:mm')); - setevaluation_data_changed("1"); - } - } - - - className="disabled_style enable_style" - locale='fr-FR' - showTimeSelect - timeFormat="HH:mm" - timeIntervals={15} - dateFormat="dd/MM/yyyy HH:mm" - is24Hour - - /> - -
- - - -
Fin
- { - - setp_detail_eval_date_heure_fin(format(date, 'dd/MM/yyyy HH:mm')); - setevaluation_data_changed("1"); - } - } - - - className="disabled_style enable_style" - locale='fr-FR' - showTimeSelect - timeFormat="HH:mm" - timeIntervals={15} - dateFormat="dd/MM/yyyy HH:mm" - is24Hour - - /> - -
- - - -
Adresse
- { - setp_detail_adress(e.target.value); - setevaluation_data_changed("1"); - } - } - /> - -
- -
Code postal
- { - setp_detail_cp(e.target.value); - setevaluation_data_changed("1"); - } - } - /> - -
- - -
Ville
- { - setp_detail_ville(e.target.value); - setevaluation_data_changed("1"); - } - } - /> - -
- - - -
Pays
- { - setp_detail_pays(e.target.value); - setevaluation_data_changed("1"); - } - } - /> - -
- - - - -
Responsable
- {New_Getall_Training_Employee_No_Filter_result && New_Getall_Training_Employee_No_Filter_result.length > 0 && - - (data)._id === String(p_detail_responsable_id))[0].label} - - onChange={(event, value) => { - if (value && value._id) { - setp_detail_responsable_id(value._id); - setevaluation_data_changed("1"); - } else { - setp_detail_responsable_id(""); - setevaluation_data_changed("1"); - } - }} - - renderInput={(params) => - } - /> - - } - -
-
-   -
- -
-
-   -
-
- -
-   -
-
- - - -
- -
- - - -
- -
- -
-
- - - {String(evaluation_data_edit_mode) !== "1" &&
- - - -
} -
-   -
-
+ {String(submenu) === "piece_jointe" &&
+

Liste des Pièces jointes

} diff --git a/src/styles/components/_moduleselectionevaluationapprenants.scss b/src/styles/components/_moduleselectionevaluationapprenants.scss new file mode 100644 index 0000000..76df188 --- /dev/null +++ b/src/styles/components/_moduleselectionevaluationapprenants.scss @@ -0,0 +1,2826 @@ +.moduleselectionevaluationapprenants { + + .tooltip_css { + background: #81BC3A; + z-index: 9999; + } + + + .css-1bp1ao6{ + height: 3.5rem !important; + } + + .loader-container { + width: 100%; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + position: fixed; + background: white; + background-color: transparent; + z-index: 1; + top: 0px; + opacity: 80%; + left: 0px; + } + + .spinner { + width: 20rem; + height: 10rem; + border: 8px solid; + border-color: #3d5af1 transparent #3d5af1 transparent; + border-radius: 50%; + animation: spin-anim 1.2s linear infinite; + background-color: red; + color: black; + } + + .mysy_spinner { + border-radius: 5px; + //border: 1px solid black; + opacity: 100%; + } + + + + .Mui-disabled { + font-size: small !important; + padding: 0px !important; + padding-left: 5px !important; + } + + + + @media screen and (max-width: 600px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .div_row { + float: left; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_dialog { + float: left; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + + width: 100%; + border-radius: 10rem !important; + text-align: left; + + margin: 0px !important; + margin-bottom: 0.5rem !important; + margin-top: 0.5rem !important; + } + + .div_row_droite { + width: 100%; + border-radius: 10rem !important; + text-align: left; + + margin: 0px !important; + margin-bottom: 0.5rem !important; + margin-top: 0.5rem !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + width: 10.5rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + width: 100%; + height: 2rem !important; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #104277; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #104277; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + + .training_caract { + width: 100%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 100%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + } + + .session_caract { + width: 100%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .css-1x5jdm { + padding: 5px; + } + + .css-1x5jdmq { + padding: 6px !important; + } + + .css-qiwgdb { + padding: 6px !important; + } + + .preview_certif { + display: block; + width: 100%; + height: 180px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .hr_break { + border: 2px solid grey; + } + + .icon_plus { + width: 6%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 100%; + height: 2rem !important; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 100% !important; + height: 2rem !important; + } + + .div_row_gauche_etendu { + width: 100%; + } + + .icon_excel { + width: 6%; + } + + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 100%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: smaller; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 100%; + padding-right: 10px; + } + + .img_class_logo { + display: block; + width: 128px; + height: 128px; + border-radius: 10px !important; + border: 1px solid black; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 10rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 10rem; + cursor: pointer; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .tick_ok_ko { + max-width: 3%; + cursor: pointer; + padding-top: 4px; + } + + .texte_area { + float: left; + width: 47% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 1.5rem !important; + } + + .texte_area_filter { + float: left; + width: 100% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin-top: 0px !important; + margin-bottom: 2px !important; + } + + .texte_area_filter_value { + float: left !important; + width: 100% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + + } + + + .filter_bton_add { + float: left; + width: 40% !important; + font-size: xx-large !important; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + text-align: right; + cursor: pointer; + } + + + .div_row { + float: left; + border-width: 0.01rem; + width: 100%; + + border-radius: 1rem; + } + + .div_row_dialog { + float: left; + border-width: 0.01rem; + width: 100%; + margin-bottom: 0.5rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + width: 100%; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite { + float: left; + width: 100%; + border-radius: 1rem; + text-align: left; + + } + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 100%; + margin-left: 10px; + margin-right: 10px; + margin-bottom: 1rem !important; + } + + .bton_enreg { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 100%; + color: white; + margin-bottom: 1rem !important; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: white; + margin-bottom: 1rem !important; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: black; + margin-bottom: 1rem !important; + } + + + .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { + border-color: transparent !important; + border-radius: 20px !important; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 3.5rem !important; + + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + + } + + .training_caract { + width: 100%; + + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + + .block_detail_inscrit { + border: none; + background: #F8F9F9; + padding: 5px; + margin-top: 11rem; + + } + + .div_row_list_pj { + width: 100%; + border-left: 3mm ridge rgba(211, 220, 50, .6); + float: left; + } + + .div_row_list_pj_convention { + width: 100%; + border-left: 3mm ridge rgba(211, 220, 50, .6); + float: left; + } + + .block_en_mass { + width: 100%; + float: left; + margin-bottom: 1rem; + margin-top: 15px; + margin-left: 0px; + } + + .block_en_mass_select { + width: 100%; + float: left; + margin-bottom: 1rem; + } + + .block_en_mass_bton_action { + width: 100%; + float: left; + margin-bottom: 1rem; + padding-top: 0.5rem !important; + } + + + .bton_enreg_dialog { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + + .bton_annule_dialog { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + + .bton_supprime_dialog { + border-radius: 5rem; + font-size: small; + background: rgb(224, 89, 89) !important; + text-align: right; + height: 2.5rem; + width: auto; + color: white; + margin-left: 10px; + margin-right: 10px; + padding-right: 5px; + padding-left: 5px; + } + + .DialogContent_width { + width: 200px !important; + } + + .img_class_logo_mini { + display: block; + width: 64px; + height: 64px; + border-radius: 10px !important; + border: 1px solid black; + float: left; + } + + .mode_affichage { + width: 25%; + float: right; + cursor: pointer; + + } + + } + + @media only screen and (min-width: 601px) and (max-width: 991px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + //width: 11rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + //font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + height: 2rem !important; + font-size: 11px; + min-width: 10rem; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #104277; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #104277; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 90% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + } + + .training_caract { + width: 48%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + + } + + .session_caract { + width: 50%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .css-1x5jdm { + padding: 5px; + } + + + .css-1x5jdmq { + padding: 6px !important; + padding-bottom: 0px !important; + } + + .css-qiwgdb { + padding: 6px !important; + } + + .preview_certif { + display: block; + width: 90%; + height: 200px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .preview_certif:hover { + transform: scale(1.3); + margin-left: 5rem; + } + + .hr_break { + border: 3px solid grey; + } + + .icon_plus { + width: 6%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 50%; + height: 2rem !important; + } + + + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 65% !important; + height: 2rem !important; + } + + .div_row_gauche_etendu { + width: 80% !important; + } + + .icon_excel { + width: 5%; + } + + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 80%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 80%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 80%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 80%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: small; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 100%; + } + + .img_class_logo { + display: block; + width: 168px; + height: 168px; + border-radius: 10px !important; + border: 1px solid black; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 15rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 15rem; + cursor: pointer; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .tick_ok_ko { + max-width: 3%; + cursor: pointer; + padding-top: 4px; + } + + .texte_area { + float: left; + width: 47% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 1.5rem !important; + } + + .texte_area_filter { + float: left; + width: 40% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + } + + .texte_area_filter_value { + float: left !important; + width: 40% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + + } + + + .filter_bton_add { + float: left; + width: 5% !important; + font-size: large !important; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + text-align: right; + cursor: pointer; + margin-top: 1rem !important; + } + + .div_row { + float: left; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + //margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_dialog { + float: left; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 0.5rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + // border:1px solid black; + // border-width:0.01rem; + width: 45%; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite { + float: right; + //border:1px solid black; + //border-width:0.01rem; + width: 45%; + border-radius: 1rem; + text-align: right; + } + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 40%; + margin-left: 10px; + margin-right: 10px; + min-width: 15rem; + } + + .bton_enreg { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 40%; + color: white; + margin-left: 10px; + margin-right: 10px; + min-width: 15rem; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 40%; + color: white; + margin-left: 10px; + margin-right: 10px; + min-width: 15rem; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 40%; + color: black; + margin-left: 10px; + margin-right: 10px; + min-width: 15rem; + } + + + .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { + border-color: transparent !important; + border-radius: 20px !important; + } + + + .training_caract { + width: 30%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .block_detail_inscrit { + border: none; + background: #F8F9F9; + padding: 5px; + margin-top: 11rem; + + } + + .div_row_list_pj { + width: 50%; + border-left: 3mm ridge rgba(211, 220, 50, .6); + float: left; + } + + .div_row_list_pj_convention { + width: 100%; + border-left: 3mm ridge rgba(211, 220, 50, .6); + float: left; + } + + .block_en_mass { + width: 50%; + float: left; + margin-bottom: 1rem; + margin-top: 15px; + margin-left: 0px; + } + + .block_en_mass_select { + width: 45%; + float: left; + margin-bottom: 1rem; + } + + .block_en_mass_bton_action { + width: 45%; + float: left; + margin-bottom: 1rem; + padding-top: 0.5rem !important; + } + + + .bton_enreg_dialog { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 80%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + + .bton_annule_dialog { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 80%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + + .bton_supprime_dialog { + border-radius: 5rem; + font-size: small; + background: rgb(224, 89, 89) !important; + text-align: right; + height: 2.5rem; + width: auto; + color: white; + margin-left: 10px; + margin-right: 10px; + padding-right: 5px; + padding-left: 5px; + } + + .DialogContent_width { + width: 500px !important; + } + + .img_class_logo_mini { + display: block; + width: 64px; + height: 64px; + border-radius: 10px !important; + border: 1px solid black; + float: left; + } + + .mode_affichage { + width: 15%; + float: right; + cursor: pointer; + + } + + } + + @media only screen and (min-width: 992px) and (max-width: 1199px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .div_row { + float: left; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + + .div_row_dialog { + float: left; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + // border:1px solid black; + // border-width:0.01rem; + width: 45%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:1px solid black; + //border-width:0.01rem; + width: 45%; + border-radius: 1rem; + text-align: right; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + // width: 11rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + //font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + height: 2rem !important; + font-size: 11px; + min-width: 10rem; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #104277; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #104277; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 90% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + } + + .training_caract { + width: 30%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5x !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + } + + .session_caract { + width: 33%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .css-1x5jdm { + padding: 5px; + } + + .css-1x5jdmq { + padding: 6px !important; + padding-bottom: 0px !important; + } + + .css-qiwgdb { + padding: 6px !important; + } + + .preview_certif { + display: block; + width: 90%; + height: 180px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .preview_certif:hover { + transform: scale(1.3); + margin-left: 5rem; + } + + .hr_break { + border: 3px solid grey; + } + + .icon_plus { + width: 8%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 40%; + height: 2rem !important; + } + .bton_add_session_create_automatic { + background: #c8cfd5; + color: black; + width:60% !important; + height: 2rem !important; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 50% !important; + height: 2rem !important; + } + + .div_row_gauche_etendu { + width: 80%; + } + + .icon_excel { + width: 5%; + } + + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 65%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 65%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 65%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 65%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: small; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 100%; + } + + .img_class_logo { + display: block; + width: 168px; + height: 168px; + border-radius: 10px !important; + border: 1px solid black; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 15rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 15rem; + cursor: pointer; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .tick_ok_ko { + max-width: 3%; + cursor: pointer; + padding-top: 4px; + } + + .texte_area { + float: left; + width: 47% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 1.5rem !important; + } + + .texte_area_filter { + float: left; + width: 40% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + } + + .texte_area_filter_value { + float: left !important; + width: 40% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + + } + + + .filter_bton_add { + float: left; + width: 5% !important; + font-size: xx-large !important; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + text-align: right; + cursor: pointer; + } + + + .titre1 { + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .block_detail_inscrit { + border: none; + background: #F8F9F9; + padding: 5px; + margin-top: 6rem; + + } + + .div_row_list_pj { + width: 30%; + border-left: 3mm ridge rgba(211, 220, 50, .6); + float: left; + } + + .div_row_list_pj_convention { + width: 100%; + border-left: 3mm ridge rgba(211, 220, 50, .6); + float: left; + } + + .block_en_mass { + width: 50%; + float: left; + margin-bottom: 1rem; + margin-top: 15px; + margin-left: 0px; + } + + .block_en_mass_select { + width: 45%; + float: left; + margin-bottom: 1rem; + } + + .block_en_mass_bton_action { + width: 45%; + float: left; + margin-bottom: 1rem; + padding-top: 0.5rem !important; + } + + + .bton_enreg_dialog { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 80%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + + .bton_annule_dialog { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 80%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + + .bton_supprime_dialog { + border-radius: 5rem; + font-size: small; + background: rgb(224, 89, 89) !important; + text-align: right; + height: 2.5rem; + width: auto; + color: white; + margin-left: 10px; + margin-right: 10px; + padding-right: 5px; + padding-left: 5px; + } + + .DialogContent_width { + width: 500px !important; + } + + .img_class_logo_mini { + display: block; + width: 112px; + height: 112px; + border-radius: 10px !important; + border: 1px solid black; + float: left; + } + + .mode_affichage { + width: 12%; + float: right; + cursor: pointer; + + } + + } + + @media only screen and (min-width: 1200px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .div_row { + float: left; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + //margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_dialog { + float: left; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 0.5rem; + border-radius: 2rem; + } + + .div_row_gauche { + float: left; + // border:1px solid black; + // border-width:0.01rem; + width: 45%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:1px solid black; + //border-width:0.01rem; + width: 45%; + border-radius: 1rem; + text-align: right; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + //min-width: 12rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + //font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + height: 2rem !important; + font-size: 11px; + min-width: 10rem; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #104277; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #104277; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 90% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + } + + .disabled_style_moitier { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 45% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + float: left; + } + + .training_caract { + width: 30%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + } + + .session_caract { + width: 33%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .preview_certif { + display: block; + width: 90%; + height: 200px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .preview_certif:hover { + transform: scale(1.4); + margin-left: 10rem; + } + + + .action_mass { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 40%; + background: #81BC3A; + height: 2.5rem; + } + + + .session_open_close { + cursor: pointer; + text-align: right; + font-size: small; + margin-right: 10px; + } + + .hr_break { + border: 5px solid grey; + } + + .icon_plus { + width: 8%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 20% !important; + height: 2rem !important; + } + + .bton_add_session_create_automatic { + background: #c8cfd5; + color: black; + width: 40% !important; + height: 2rem !important; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 40% !important; + height: 2rem !important; + } + + .div_row_gauche_etendu { + width: 80%; + } + + .icon_excel { + width: 5%; + } + + .bton_envoyer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 60%; + background: #81BC3A; + } + + + .bton_traiter_en_mass { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 40%; + background: #81BC3A !important; + margin-left: 5%; + height: 2.5rem; + color: white !important; + + } + + .bton_traiter_en_mass:hover{ + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 40%; + background: #81BC3A !important; + margin-left: 5%; + height: 2.5rem; + color: white !important; + + } + + + + .bton_fermer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 60%; + background-color: white; + color: #104277 !important; + } + + + .enable_style { + background-color: #FFFFFF; + } + + + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input:invalid { + padding-top: 5px !important; + padding-bottom: 5px !important; + padding-left: 5px !important; + } + + .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { + border-color: transparent !important; + border-radius: 20px !important; + } + + .bton_emarge { + border-radius: 5rem; + font-size: 11px; + padding: 0.5rem; + background: rgb(129, 188, 58); + margin-left: 5px; + margin-right: 5px; + color: white; + cursor: pointer; + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_emarge:hover { + border-radius: 5rem; + font-size: 11px; + padding: 0.5rem; + background: rgb(129, 188, 58); + margin-left: 5px; + margin-right: 5px; + color: white; + cursor: pointer; + + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .css-1x5jdm { + padding: 5px; + } + + + .css-1x5jdmq { + padding: 6px !important; + height: 3rem ! important; + padding-bottom: 0px !important; + } + + .css-qiwgdb { + padding: 6px !important; + } + + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 40%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 40%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 40%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 40%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + + + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: small; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 100%; + } + + .img_class_logo { + display: block; + width: 170px; + height: 168px; + border-radius: 10px !important; + border: 1px solid black; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 15rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 15rem; + cursor: pointer; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .tick_ok_ko { + max-width: 3%; + cursor: pointer; + padding-top: 4px; + } + + .texte_area { + float: left; + width: 47% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 1.5rem !important; + } + + .texte_area_filter { + float: left; + width: 40% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + } + + .texte_area_filter_value { + float: left !important; + width: 40% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + + } + + + .filter_bton_add { + float: left; + width: 5% !important; + font-size: xx-large !important; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + text-align: right; + cursor: pointer; + } + + + .titre1 { + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .file_ariane { + font-size: large; + font-weight: 600; + width: 100%; + text-align: center; + } + + + + .block_detail_inscrit { + border: none; + background: #F8F9F9; + padding: 5px; + margin-top: 6rem; + + } + + .div_row_list_pj { + width: 30%; + border-left: 3mm ridge rgba(211, 220, 50, .6); + float: left; + } + + + .div_row_list_pj_convention { + width: 100%; + border-left: 3mm ridge rgba(211, 220, 50, .6); + float: left; + } + + .block_en_mass { + width: 50%; + float: left; + margin-bottom: 1rem; + margin-top: 15px; + margin-left: 0px; + } + + .block_en_mass_select { + width: 45%; + float: left; + margin-bottom: 1rem; + } + + .block_en_mass_bton_action { + width: 45%; + float: left; + margin-bottom: 1rem; + padding-top: 0.5rem !important; + } + + .bton_enreg_dialog { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 80%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + + .bton_annule_dialog { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 80%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + + .bton_supprime_dialog { + border-radius: 5rem; + font-size: small; + background: rgb(224, 89, 89) !important; + text-align: right; + height: 2.5rem; + width: auto; + color: white; + margin-left: 10px; + margin-right: 10px; + padding-right: 5px; + padding-left: 5px; + } + + + .DialogContent_width { + width: 600px !important; + } + + .DialogContent_width_session { + width: 600px !important; + } + + + + + .div_row_gauche_dialog_session { + width: 30%; + float: left; + font-weight: 700; + } + + .div_row_droite_dialog_session { + width: 69%; + float: right; + } + + .mysy_hr_text { + border: none; + border-top: 3px double #333; + color: #333; + overflow: visible; + text-align: center; + height: 5px; + } + + .mysy_hr_text:after { + background: #fff; + content: 'Détails'; + padding: 0 4px; + position: relative; + top: -13px; + } + + .img_class_logo_mini { + display: block; + width: 112px; + height: 112px; + border-radius: 10px !important; + border: 1px solid black; + float: left; + } + + .mode_affichage { + width: 8%; + float: right; + cursor: pointer; + } + + .DialogContent_width_for_week_model { + width: 900px !important; + max-width: none !important; + } + + + .MuiPaper-root{ + max-width: none !important; + } + } + + // end media + + + .DialogContent_width_for_week_model { + width: 900px !important; + max-width: none !important; + } + + .disabled_style_with_visualiser { + width: 80% !important; + } + + .disabled_style_with_visualiser_icone{ + float: left; + text-align: center; + width: 100%; + font-size: large; + padding-top: 10px; + } + + .disabled_style_left_text_with_visualiser_icone{ + width: 80% !important; + float: left; + } + + .disabled_style_right_bton_visualiser{ + width: 9% !important; + float: left; + cursor: pointer; + } + + + + .css-md26zr-MuiInputBase-root-MuiOutlinedInput-root{ + height: 3rem !important; + } + + .session_caract_Dialog { + width: 100%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1rem !important; + } + + .session_caract_Dialog_comment_2_lines { + + width: 100%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1rem !important; + } + + + .session_caract_Dialog_DatePicker { + + width: 99% !important; + background-color: #FFFFFF; + } + + .session_caract_Dialog_icone_bton_add_reduce { + font-size: large; + cursor: pointer; + } + + + + .css-1v4ccyo { + height: 3.5rem !important; + font-size: small; + } + + option { + font-weight: normal; + display: block; + white-space-collapse: collapse; + text-wrap: nowrap; + padding: 0px !important; + } + + .mysy_hr_text { + border: none; + border-top: 3px double #333; + color: #333; + overflow: visible; + text-align: center; + height: 5px; + } + + .mysy_hr_text:after { + background: #fff; + content: 'Détails'; + padding: 0 4px; + position: relative; + top: -13px; + } + + .MuiMenu-paper { + max-width: 30% !important; + + } + + + .MuiPaper-root{ + border-radius: 10px !important; + background: #F8F9F9 !important; + } + +} + +.MuiMenu-paper { + max-width: 30% !important; +} + +.tox-statusbar { + display: none !important; +} + + + + +.css-1x5jdmq { + height: 3rem !important; + font-size: small; +} + +.select_option_css { + border-radius: 0px !important; +} + +.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root { + height: 3.5rem !important; +} + + + +.react-datepicker__input-container { + width: 110%; +} + +.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { + padding-left: 5px !important; +} + +.popup-overlay { + z-index: 1301 !important; +} \ No newline at end of file diff --git a/src/styles/components/_note_evaluation.scss b/src/styles/components/_note_evaluation.scss index c72c0ba..2c53406 100644 --- a/src/styles/components/_note_evaluation.scss +++ b/src/styles/components/_note_evaluation.scss @@ -14,7 +14,7 @@ opacity: 80%; left: 0px; } - + .tooltip_css { background: #81BC3A; z-index: 9999; @@ -126,6 +126,7 @@ letter-spacing: 0.1rem; font-weight: normal; width: 100%; + height: 2rem !important; } .detail_class_submenu:hover:active, @@ -687,7 +688,7 @@ margin-right: 1rem; padding: 0.3rem; margin-bottom: 0.5rem; - width: 11rem; + min-width: 12rem; text-align: center; border: 1px solid #9cf; color: #3b3e40; @@ -695,6 +696,7 @@ font-size: small; letter-spacing: 0.1rem; font-weight: normal; + height: 2rem !important; } .detail_class_submenu:hover:active, @@ -1315,7 +1317,7 @@ margin-right: 1rem; padding: 0.3rem; margin-bottom: 0.5rem; - width: 11rem; + min-width: 15rem; text-align: center; border: 1px solid #9cf; color: #3b3e40; @@ -1323,6 +1325,7 @@ font-size: small; letter-spacing: 0.1rem; font-weight: normal; + height: 2rem !important; } .detail_class_submenu:hover:active, @@ -1816,7 +1819,7 @@ margin-right: 1rem; padding: 0.3rem; margin-bottom: 0.5rem; - min-width: 12rem; + min-width: 15rem; text-align: center; border: 1px solid #9cf; color: #3b3e40; @@ -1824,6 +1827,7 @@ font-size: small; letter-spacing: 0.1rem; font-weight: normal; + height: 2rem !important; } .detail_class_submenu:hover:active, diff --git a/src/styles/index.scss b/src/styles/index.scss index 481b28f..0c2cf1a 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -112,4 +112,5 @@ @import "./components/partner_domaine_categorie_metier"; @import "./components/modulesessionevaluation"; @import "./components/partner_ftion_initiale_configuration"; -@import "./components/note_evaluation"; \ No newline at end of file +@import "./components/note_evaluation"; +@import "./components/moduleselectionevaluationapprenants"; \ No newline at end of file