diff --git a/src/components/AddClassManual.js b/src/components/AddClassManual.js index cc9f503..92db5e4 100644 --- a/src/components/AddClassManual.js +++ b/src/components/AddClassManual.js @@ -2612,6 +2612,11 @@ const AddClassManual = (props) => { submenu_color_management("admission"); } + function submenu_note_evaluation() { + setsubmenu("note_evaluation"); + submenu_color_management("note_evaluation"); + } + function submenu_piece_jointe() { setsubmenu("piece_jointe"); @@ -2956,6 +2961,10 @@ const AddClassManual = (props) => { + + + + } @@ -3132,6 +3141,8 @@ const AddClassManual = (props) => { {submenu && String(submenu) === "admission" &&
admission
} + {submenu && String(submenu) === "note_evaluation" &&
Note & Modalité d'évaluation
} + {submenu && String(submenu) === "piece_jointe" &&
diff --git a/src/components/DisplayPartnerSession.js b/src/components/DisplayPartnerSession.js index 9c108de..0a0c6da 100644 --- a/src/components/DisplayPartnerSession.js +++ b/src/components/DisplayPartnerSession.js @@ -13213,31 +13213,7 @@ const DisplayPartnerSession = (props) => { {String(addOneSession) !== "1" &&
- {/*
- -
-   -
- -
-
- -
-
- - -
- -
*/} +
Formation
@@ -18893,9 +18869,10 @@ const DisplayPartnerSession = (props) => { {String(submenu) === String("planification_session") &&
- + + related_collection_recid={selected_session_id} SessionstartDate={new Date(moment(SessionstartDate, "DD/MM/YYYY"))} + SessionendDate={new Date(moment(SessionendDate, "DD/MM/YYYY"))}/>
} diff --git a/src/components/Module_Session_Planification.js b/src/components/Module_Session_Planification.js index 30bb3f2..3667f32 100644 --- a/src/components/Module_Session_Planification.js +++ b/src/components/Module_Session_Planification.js @@ -843,6 +843,7 @@ const Module_Session_Planification = (props) => { alert(res.data.message); Close_Dialog_Detail_seq_open(); Dialog_DIALOG_AGENDA_handleClose_buton(); + } else { setAdd_One_Sequence_Session_api("false"); @@ -1589,8 +1590,8 @@ const Module_Session_Planification = (props) => { { "id": "0", "label": "Calendrier de travail", "value": "0" }, { "id": "1", "label": "La 1/2 journée", "value": "1" }, { "id": "2", "label": "La journée", "value": "2" }, - { "id": "3", "label": "Un modèle à ma semaine", "value": "3" }, - { "id": "4", "label": "Un modèle à au mois", "value": "4" }, + { "id": "3", "label": "Un modèle à la semaine", "value": "3" }, + { "id": "4", "label": "Un modèle au mois", "value": "4" }, ] const datagridSx = { @@ -1703,7 +1704,7 @@ const Module_Session_Planification = (props) => { form.append("objectif", p_detail_sequence_objectif); form.append("commentaire", p_detail_sequence_comment); - form.append("_id", selected_sequence_id); + form.append("_id", p_detail_event_id); //console.log(" form == ", form); @@ -1733,7 +1734,7 @@ const Module_Session_Planification = (props) => { setupdate_sequence(); alert(res.data.message); - Close_Dialog_Detail_seq_open(); + Dialog_DIALOG_AGENDA_handleClose_buton(); } else { setUpdate_One_Sequence_Session_api("false"); @@ -1916,9 +1917,12 @@ const Module_Session_Planification = (props) => { Getall_Sequence_Of_Session(props.related_collection_recid); + setSessionendDate(props.SessionendDate); + setSessionstartDate(props.SessionstartDate); + }, []) - const [SessionendDate, setSessionendDate] = useState(); + const [SessionendDate, setSessionendDate] = useState(props.SessionendDate); const filterPassedTime_end = (time) => { const currentDate = new Date(); @@ -1927,7 +1931,7 @@ const Module_Session_Planification = (props) => { return currentDate.getTime() < selectedDate.getTime(); }; - const [SessionstartDate, setSessionstartDate] = useState(); + const [SessionstartDate, setSessionstartDate] = useState(props.SessionstartDate); const filterPassedTime_start = (time) => { const currentDate = new Date(); @@ -2286,9 +2290,9 @@ const Module_Session_Planification = (props) => { {/*** Fin ajout ressource */} - {/**** Dialogue pour EVENT SEMAINE TYPE */} + {/**** Dialogue pour EVENT SEMAINE TYPE */} - {
- {String(props.write_access) === "1" && String(p_detail_sequence_session_id) === "" &&
+ + + { String(p_detail_sequence_session_id) === "" &&
{p_detail_sequence_event_type_semaine_id && String(p_detail_sequence_event_type_semaine_id) !== "" && } {(!p_detail_sequence_event_type_semaine_id || String(p_detail_sequence_event_type_semaine_id) === "") && } @@ -2607,7 +2613,8 @@ const Module_Session_Planification = (props) => {
- {Dialog_seq_planif_periode_type && String(Dialog_seq_planif_periode_type) === "mois" && { selectable //events={events} events={semaine_type_event} + initialDate = {SessionstartDate} select={handleSelect_event_type_semaine} headerToolbar={{ @@ -2639,7 +2647,9 @@ const Module_Session_Planification = (props) => { />} - {Dialog_seq_planif_periode_type && String(Dialog_seq_planif_periode_type) === "semaine" && { selectable //events={events} events={semaine_type_event} + initialDate = {SessionstartDate} + select={handleSelect_event_type_semaine} headerToolbar={{ @@ -2970,7 +2982,7 @@ const Module_Session_Planification = (props) => { MySy Information - {Dialog_DIALOG_AGENDA_message} + {Dialog_DIALOG_AGENDA_message} xxxx
@@ -3022,7 +3034,7 @@ const Module_Session_Planification = (props) => { value={p_detail_sequence_title} onChange={(e) => { - if (String(props.write_access) === "1" && String(p_detail_sequence_session_id) === "") + if (String(p_detail_sequence_session_id) === "") setp_detail_sequence_title(e.target.value); } } @@ -3160,7 +3172,7 @@ const Module_Session_Planification = (props) => {
- {String(props.write_access) === "1" && String(p_detail_sequence_session_id) === "" &&
+ { String(p_detail_sequence_session_id) === "" &&
{p_detail_event_id && String(p_detail_event_id) !== "" && } {(!p_detail_event_id || String(p_detail_event_id) === "") && } @@ -3177,7 +3189,7 @@ const Module_Session_Planification = (props) => { - {String(props.write_access) === "1" && String(p_detail_sequence_session_id) === "" && p_detail_event_id && String(p_detail_event_id) !== "" && + {String(p_detail_sequence_session_id) === "" && p_detail_event_id && String(p_detail_event_id) !== "" &&
@@ -3484,6 +3496,7 @@ const Module_Session_Planification = (props) => {  
+ zzzz { selectable //events={events} events={Getall_Sequence_Of_Session_result_planning_view} - + initialDate = {SessionstartDate} select={handleSelect} headerToolbar={{ start: "today prev next", diff --git a/src/components/Partner.js b/src/components/Partner.js index bd71562..6b2a225 100644 --- a/src/components/Partner.js +++ b/src/components/Partner.js @@ -104,6 +104,7 @@ import CalendarMonthIcon from '@mui/icons-material/CalendarMonth'; import CoPresentIcon from '@mui/icons-material/CoPresent'; import LocalOfferIcon from '@mui/icons-material/LocalOffer'; import DisplayPartnerUnite_Enseignement from "./DisplayPartnerUnite_Enseignement"; +import Partner_Domaine_Categorie_Metier from "./Partner_Domaine_Categorie_Metier"; const Partner = (props) => { const { commingmenu, commingpack } = useParams(); @@ -412,7 +413,8 @@ const Partner = (props) => { 'mes_stagiaires', 'mes_employes', 'mon_materiel', 'config_document', 'factures_client', "setuplms", "config_technique", "config_champ_specific", "module_agenda", "config_session_steps", "config_jours_heures", "dashbord_formation", "dashbord_session", "mon_tableau_de_bord", "prix_achat", "mes_apprenants", "dashbord_ressources_humaines", - "dashbord_inscriptions", "mes_salles", "mes_opportunites", "config_formulaires", "dashbord_factures", "mes_ue"] + "dashbord_inscriptions", "mes_salles", "mes_opportunites", "config_formulaires", "dashbord_factures", "mes_ue", + "domaine_categorie_metier"] if (action && list_menu.includes(action)) { @@ -446,7 +448,7 @@ const Partner = (props) => { // 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 = ['my_account', 'my_class', 'my_session', 'my_apprenant', 'my_ressource', 'my_planning', - 'my_partners', 'my_invoices', 'my_prix_achat', 'my_e_learning', 'my_configuration', 'my_tbd', 'my_ue'] + 'my_partners', 'my_invoices', 'my_prix_achat', 'my_e_learning', 'my_configuration', 'my_tbd', 'my_ue', 'domaine_categorie_metier'] 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"; @@ -461,7 +463,7 @@ const Partner = (props) => { function inactive_active_menu_header_from_url_action(url_action) { const list_menu_header_names = ['my_account', 'my_class', 'my_session', 'my_apprenant', 'my_ressource', 'my_planning', - 'my_partners', 'my_invoices', 'my_prix_achat', 'my_e_learning', 'my_configuration', 'my_tbd', 'my_ue'] + 'my_partners', 'my_invoices', 'my_prix_achat', 'my_e_learning', 'my_configuration', 'my_tbd', 'my_ue', 'domaine_categorie_metier'] 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"; @@ -758,8 +760,7 @@ const Partner = (props) => { function DiplayPartner_UE(event) { - var security_retval = check_user_acces_right("session", "read"); - + var security_retval = check_user_acces_right("formation", "read"); if (security_retval === 1) { setmenu("mes_ue"); @@ -775,6 +776,24 @@ const Partner = (props) => { } + function DiplayPartner_Domaine_Categorie_Metier(event) { + var security_retval = check_user_acces_right("formation", "read"); + + if (security_retval === 1) { + setmenu("domaine_categorie_metier"); + setapiexcelimportmessage(); + setformation_file_name(); + history.push("/Partner/domaine_categorie_metier"); + document.body.style.backgroundColor = "#ffffff"; + + inactive_active_menu_header("domaine_categorie_metier"); + } else { + Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion des sessions"); + } + } + + + function DiplaySessionList(event) { var security_retval = check_user_acces_right("session", "read"); @@ -1477,6 +1496,8 @@ const Partner = (props) => { {String(menu) !== "mes_ue" && }> UNIT. ENSEI. } {String(menu) === "mes_ue" && }> UNIT. ENSEI. } + {String(menu) !== "domaine_categorie_metier" && }> CARACTERISTIQUES } + {String(menu) === "domaine_categorie_metier" && }> CARACTERISTIQUES } @@ -1742,6 +1763,14 @@ const Partner = (props) => {
} + {String(menu) === "domaine_categorie_metier" && +
+ + +
+ } + @@ -2352,6 +2381,13 @@ const Partner = (props) => { } + {String(menu) === "domaine_categorie_metier" && +
+ +
+ } + diff --git a/src/components/Partner_Config_Technique.js b/src/components/Partner_Config_Technique.js index 831d600..358a619 100644 --- a/src/components/Partner_Config_Technique.js +++ b/src/components/Partner_Config_Technique.js @@ -14,10 +14,7 @@ import parse from 'html-react-parser'; import { FcViewDetails, FcDisapprove } 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 Autocomplete from '@mui/material/Autocomplete'; import Popup from 'reactjs-popup'; import 'reactjs-popup/dist/index.css'; @@ -2872,100 +2869,7 @@ const Partner_Configuration_Technique = (props) => {
- {/*
-
Utilisez les filtres !
-
-
- { - setp_filtre1(e.target.value); - }} - > - Nom du point de configuration   - - - -
- - - -
- {p_filtre1 && - { setp_filtre1_value(e.target.value); }} - InputProps={{ - endAdornment: ( - - { - setp_filtre1_value(""); - }} /> - - ), - }} - - /> - - } -
- {p_filtre1 && } - {p_filtre1 && } - - -
- -
- -
- -
- -
- - -
- -
- -
-
*/} {/*** Technique */} {String(submenu) === "technique" &&
@@ -2994,14 +2898,6 @@ const Partner_Configuration_Technique = (props) => { fontWeight: 'light', }, - - - - /*"& .MuiDataGrid-virtualScrollerRenderZone": { - "& .MuiDataGrid-row": { - "&:nth-child(2n)": { backgroundColor: "rgba(235, 235, 235, .7)" } - } - },*/ "& .MuiDataGrid-columnHeaders": { backgroundColor: "#c8cfd5", color: "black", @@ -3454,7 +3350,7 @@ const Partner_Configuration_Technique = (props) => { {String(submenu) === "site" &&
-
+
@@ -3665,7 +3561,7 @@ const Partner_Configuration_Technique = (props) => {
- +
@@ -3853,7 +3749,7 @@ const Partner_Configuration_Technique = (props) => {
- +
@@ -4041,7 +3937,7 @@ const Partner_Configuration_Technique = (props) => {
- +
diff --git a/src/components/Partner_Domaine_Categorie_Metier.js b/src/components/Partner_Domaine_Categorie_Metier.js new file mode 100644 index 0000000..dfc960d --- /dev/null +++ b/src/components/Partner_Domaine_Categorie_Metier.js @@ -0,0 +1,1179 @@ +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 CheckOut from "./CheckOut"; +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 } from "react-icons/fc"; +import 'react-tooltip/dist/react-tooltip.css' +import { Tooltip } from 'react-tooltip' + +import Autocomplete from '@mui/material/Autocomplete'; +import Popup from 'reactjs-popup'; +import 'reactjs-popup/dist/index.css'; +import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint } 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 InputAdornment from '@mui/material/InputAdornment'; +import { AiFillCloseCircle } from "react-icons/ai"; +import Box from '@mui/material/Box'; +import { Typography, LinearProgress, sliderClasses } 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 { TransitionProps } from '@mui/material/transitions'; +import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif"; +import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5"; +import ToggleSwitch from "./ToggleSwitch"; +import Link from '@mui/material/Link'; +import { PiDotsThree } from "react-icons/pi"; + +const Partner_Domaine_Categorie_Metier = (props) => { + + const history = useHistory(); + const [submenu, setsubmenu] = useState("technique"); + const [rowss, setRows] = useState([]); + const [selectionModel, setSelectionModel] = React.useState([]); + + const [selectionModel_domaine, setselectionModel_domaine] = React.useState([]); + + const [selectionModel_categorie, setselectionModel_categorie] = React.useState([]); + + const [selectionModel_metier, setselectionModel_metier] = React.useState([]); + + const [selected_domaine_id, setselected_domaine_id] = React.useState(""); + const [selected_categorie_id, setselected_categorie_id] = React.useState(""); + const [selected_metier_id, setselected_metier_id] = React.useState(""); + + + const [isLoading, setLoading] = useState(); + const myRef_head = useRef(null); + function ExpandableCell_50({ value }) { + const [expanded, setExpanded] = React.useState(false); + + return ( + + ); + } + + const columns_domaine = [ + { field: '_id', headerName: '_id', hide: true }, + { field: 'id', headerName: 'id', hide: true }, + { field: 'code', headerName: 'Code', hide: false, minWidth: 200, flex: 1, renderCell: (params) => , }, + { field: 'nom', headerName: 'Nom', hide: false, minWidth: 200, flex: 1, renderCell: (params) => , }, + { field: 'description', headerName: 'Description', hide: false, minWidth: 200, flex: 1, renderCell: (params) => , }, + + + { + field: "delete", headerName: 'Supprimer', + renderCell: (cellValues) => { + return ( + + + + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, le domaine sera définitivement supprimé.
+ +
+
+
+ + +
+
+ +
+
+
+ )} +
+ + + ); + } + } + + + ] + + + const columns_categorie = [ + { field: '_id', headerName: '_id', hide: true }, + { field: 'id', headerName: 'id', hide: true }, + { field: 'code', headerName: 'Code', hide: false, minWidth: 200, flex: 1, renderCell: (params) => , }, + { field: 'nom', headerName: 'Nom', hide: false, minWidth: 200, flex: 1, renderCell: (params) => , }, + { field: 'description', headerName: 'Description', hide: false, minWidth: 200, flex: 1, renderCell: (params) => , }, + + + { + field: "delete", headerName: 'Supprimer', + renderCell: (cellValues) => { + return ( + + + + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, le domaine sera définitivement supprimé.
+ +
+
+
+ + +
+
+ +
+
+
+ )} +
+ + + ); + } + } + + + ] + + const columns_metier = [ + { field: '_id', headerName: '_id', hide: true }, + { field: 'id', headerName: 'id', hide: true }, + { field: 'code', headerName: 'Code', hide: false, minWidth: 200, flex: 1, renderCell: (params) => , }, + { field: 'nom', headerName: 'Nom', hide: false, minWidth: 200, flex: 1, renderCell: (params) => , }, + { field: 'description', headerName: 'Description', hide: false, minWidth: 200, flex: 1, renderCell: (params) => , }, + + + { + field: "delete", headerName: 'Supprimer', + renderCell: (cellValues) => { + return ( + + + + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, le domaine sera définitivement supprimé.
+ +
+
+
+ + +
+
+ +
+
+
+ )} +
+ + + ); + } + } + + + ] + + + const [gridline_domaine_id, setgridline_domaine_id] = useState(""); + const [gridline_categorie_id, setgridline_categorie_id] = useState(""); + const [gridline_metier_id, setgridline_metier_id] = useState(""); + + const [p_detail_domaine_id, setp_detail_domaine_id] = useState(""); + const [p_detail_domaine_code, setp_detail_domaine_code] = useState(""); + const [p_detail_domaine_nom, setp_detail_domaine_nom] = useState(""); + const [p_detail_domaine_description, setp_detail_domaine_description] = useState(""); + + + + const [p_detail_categorie_id, setp_detail_categorie_id] = useState(""); + const [p_detail_categorie_code, setp_detail_categorie_code] = useState(""); + const [p_detail_categorie_nom, setp_detail_categorie_nom] = useState(""); + const [p_detail_categorie_description, setp_detail_categorie_description] = useState(""); + const [p_detail_categorie_class_domaine_id, setp_detail_categorie_class_domaine_id] = useState(""); + + + const [p_detail_metier_id, setp_detail_metier_id] = useState(""); + const [p_detail_metier_code, setp_detail_metier_code] = useState(""); + const [p_detail_metier_nom, setp_detail_metier_nom] = useState(""); + const [p_detail_metier_description, setp_detail_metier_description] = useState(""); + const [p_detail_metier_class_domaine_id, setp_detail_metier_class_domaine_id] = useState(""); + + const [domaine_data_edit_mode, setdomaine_data_edit_mode] = useState(""); + const [domaine_data_changed, setdomaine_data_changed] = useState(""); + + + const [categorie_data_edit_mode, setcategorie_data_edit_mode] = useState(""); + const [categorie_data_changed, setcategorie_data_changed] = useState(""); + + + const [metier_data_edit_mode, setmetier_data_edit_mode] = useState(""); + const [metier_data_changed, setmetier_data_changed] = useState(""); + + + const [display_detail_domaine, setdisplay_detail_domaine] = useState(""); + const [display_detail_categorie, setdisplay_detail_categorie] = useState(""); + const [display_detail_metier, setdisplay_detail_metier] = useState(""); + + function submenu_domaine() { + setsubmenu("domaine"); + Getall_Partner_Class_Domaine(); + submenu_color_management("domaine") + } + + function submenu_categorie() { + setsubmenu("categorie"); + Getall_Partner_Class_Categorie(); + submenu_color_management("categorie") + } + + + function submenu_metier() { + setsubmenu("metier"); + Getall_Partner_Class_Metier(); + submenu_color_management("metier") + } + + + function submenu_color_management(current_menu) { + const list_sous_menu = ["domaine", "categorie", "metier",] + + for (let i = 0; i < list_sous_menu.length; i++) { + + var sous_menu = list_sous_menu[i]; + if (String(sous_menu) !== current_menu) { + if (document.getElementById(sous_menu)) { + document.getElementById(sous_menu).style.backgroundColor = "#d8edfc"; + document.getElementById(sous_menu).style.color = "black"; + document.getElementById(sous_menu).style.fontWeight = "normal"; + } + } + + } + + if (document.getElementById(current_menu)) { + document.getElementById(current_menu).style.backgroundColor = "#104277"; + document.getElementById(current_menu).style.color = "white"; + document.getElementById(current_menu).style.fontWeight = "bold"; + } + + } + + const myRef = useRef(null) + + + const [New_Getall_Partner_Class_Domaine_result, setNew_Getall_Partner_Class_Domaine_result] = useState([]); + + const [Getall_Partner_Class_Domaine_api, setGetall_Partner_Class_Domaine_api] = useState(); + const [Getall_Partner_Class_Domaine_message, setGetall_Partner_Class_Domaine_message] = useState(); + const [Getall_Partner_Class_Domaine_result, setGetall_Partner_Class_Domaine_result] = useState([]); + function Getall_Partner_Class_Domaine(event) { + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Class_domaine/"; + + setLoading(true); + axios.post(myurl, form).then(res => { + setLoading(false); + + if (String(res.data.status) === String("true")) { + //console.log(" In Getall_Partner_Class_Domaine res.data.status = " + res.data.status); + //console.log(" In Getall_Partner_Class_Domaine res.data.message r_class = " + res.data.message); + setGetall_Partner_Class_Domaine_api("true"); + setGetall_Partner_Class_Domaine_result(res.data.message); + + var new_data2 = []; + const new_data = res.data.message.map((x) => { + + //--- + var localid = JSON.parse(x).id; + var local_id = JSON.parse(x)._id; + var local_code = JSON.parse(x).code; + var local_nom = JSON.parse(x).nom; + var local_description = JSON.parse(x).description; + + + + //--- + var node = { + "_id": local_id, + "id": localid, + "label": local_nom, + "code": local_code, + "description": local_description, + "nom": local_nom, + + + }; + new_data2.push(node); + }); + + //--- + var node = { + "_id": "", + "id": "", + "label": "", + "code": "", + "description": "", + "nom": "", + + }; + new_data2.push(node); + + + if (new_data2.length > 0) + setNew_Getall_Partner_Class_Domaine_result(new_data2); + + + } + else { + setGetall_Partner_Class_Domaine_api("false"); + setGetall_Partner_Class_Domaine_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('Not good man :( Getall_Partner_Class_Domaine = ', error); + setGetall_Partner_Class_Domaine_api("false"); + alert(" Impossible de recuperer la liste des domaines de formation "); + //setmyApimyApiMessage("") + }) + } + + + const [New_Getall_Partner_Class_Categorie_result, setNew_Getall_Partner_Class_Categorie_result] = useState([]); + + const [Getall_Partner_Class_Categorie_api, setGetall_Partner_Class_Categorie_api] = useState(); + const [Getall_Partner_Class_Categorie_message, setGetall_Partner_Class_Categorie_message] = useState(); + const [Getall_Partner_Class_Categorie_result, setGetall_Partner_Class_Categorie_result] = useState([]); + function Getall_Partner_Class_Categorie(event) { + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Class_Categorie/"; + + setLoading(true); + axios.post(myurl, form).then(res => { + setLoading(false); + + if (String(res.data.status) === String("true")) { + //console.log(" In Getall_Partner_Class_Categorie res.data.status = " + res.data.status); + //console.log(" In Getall_Partner_Class_Categorie res.data.message r_class = " + res.data.message); + setGetall_Partner_Class_Categorie_api("true"); + setGetall_Partner_Class_Categorie_result(res.data.message); + + var new_data2 = []; + const new_data = res.data.message.map((x) => { + + //--- + var localid = JSON.parse(x).id; + var local_id = JSON.parse(x)._id; + var local_code = JSON.parse(x).code; + var local_nom = JSON.parse(x).nom; + var local_description = JSON.parse(x).description; + + + + //--- + var node = { + "_id": local_id, + "id": localid, + "label": local_nom, + "code": local_code, + "description": local_description, + "nom": local_nom, + + + }; + new_data2.push(node); + }); + + //--- + var node = { + "_id": "", + "id": "", + "label": "", + "code": "", + "description": "", + "nom": "", + + }; + new_data2.push(node); + + + if (new_data2.length > 0) + setNew_Getall_Partner_Class_Categorie_result(new_data2); + + + } + else { + setGetall_Partner_Class_Categorie_api("false"); + setGetall_Partner_Class_Categorie_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('Not good man :( Getall_Partner_Class_Categorie = ', error); + setGetall_Partner_Class_Categorie_api("false"); + alert(" Impossible de recuperer la liste des domaines de formation "); + //setmyApimyApiMessage("") + }) + } + + + const [New_Getall_Partner_Class_Metier_result, setNew_Getall_Partner_Class_Metier_result] = useState([]); + + const [Getall_Partner_Class_Metier_api, setGetall_Partner_Class_Metier_api] = useState(); + const [Getall_Partner_Class_Metier_message, setGetall_Partner_Class_Metier_message] = useState(); + const [Getall_Partner_Class_Metier_result, setGetall_Partner_Class_Metier_result] = useState([]); + function Getall_Partner_Class_Metier(event) { + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_class_metier/"; + + setLoading(true); + axios.post(myurl, form).then(res => { + setLoading(false); + + if (String(res.data.status) === String("true")) { + //console.log(" In Getall_Partner_Class_Metier res.data.status = " + res.data.status); + //console.log(" In Getall_Partner_Class_Metier res.data.message r_class = " + res.data.message); + setGetall_Partner_Class_Metier_api("true"); + setGetall_Partner_Class_Metier_result(res.data.message); + + var new_data2 = []; + const new_data = res.data.message.map((x) => { + + //--- + var localid = JSON.parse(x).id; + var local_id = JSON.parse(x)._id; + var local_code = JSON.parse(x).code; + var local_nom = JSON.parse(x).nom; + var local_description = JSON.parse(x).description; + + + + //--- + var node = { + "_id": local_id, + "id": localid, + "label": local_nom, + "code": local_code, + "description": local_description, + "nom": local_nom, + + + }; + new_data2.push(node); + }); + + //--- + var node = { + "_id": "", + "id": "", + "label": "", + "code": "", + "description": "", + "nom": "", + + }; + new_data2.push(node); + + + if (new_data2.length > 0) + setNew_Getall_Partner_Class_Metier_result(new_data2); + + + } + else { + setGetall_Partner_Class_Metier_api("false"); + setGetall_Partner_Class_Metier_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('Not good man :( Getall_Partner_Class_Metier = ', error); + setGetall_Partner_Class_Metier_api("false"); + alert(" Impossible de recuperer la liste des domaines de formation "); + //setmyApimyApiMessage("") + }) + } + useEffect(() => { + + Getall_Partner_Class_Domaine(); + submenu_domaine(); + if (document.getElementById('myRef_head')) { + var divh = document.getElementById('myRef_head').offsetTop; + window.scrollTo({ + top: divh, + behavior: "smooth", + }); + } + }, []) + + + return ( +
+ {isLoading &&
+
+
} + +

Gestion Domaine, Categorie & Metier

+ +
+ + + + +
+ + {/*** domaine */} + {String(submenu) === "domaine" &&
+

Gestion domaine

+ +
+
+
+
+
+   + + { + setselectionModel_domaine(newSelectionModel); + /*if (newSelectionModel.length === 1) + handleClick_edit_config_From_Line(newSelectionModel);*/ + if (newSelectionModel.length !== 1) { + /* setp_detail_config_valeur(); + setp_detail_config_point(); + setConfig_data_changed(); + setconfig_data_edit_mode(); + setdisplay_detail_config();*/ + + + } + }} + selectionModel={selectionModel_domaine} + disableSelectionOnClick + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} + rows={Getall_Partner_Class_Domaine_result.map((item, index) => ( + { + id: index, + _id: JSON.parse(item)._id, + code: JSON.parse(item).code, + nom: JSON.parse(item).nom, + description: JSON.parse(item).description, + + + } + ))} + + columns={columns_domaine} + pageSize={10} + className="datagridclass" + + onRowDoubleClick={(newSelectionModel) => { + setgridline_domaine_id(newSelectionModel.row.id); + + // handleClick_edit_config_From_Line(newSelectionModel.row.id); + + }} + + + rowsPerPageOptions={[10]} + //disableSelectionOnClick + components={{ + Toolbar: GridToolbar, + }} + //sx={datagridSx} + getCellClassName={(params) => { + + + + }} + getRowClassName={(params) => { + + + // Pour la gestion de la couleur de zone double cliquée + if (String(params.row.id) === String(gridline_domaine_id)) { + return 'line--statut--selected'; + } + else if (parseInt(String(params.row.id)) % 2 === 0) { + return 'line--statut--pair'; + } + else if (parseInt(String(params.row.id)) % 2 !== 0) { + return 'line--statut--impair'; + } + }} + + + /> + +
+ +
+ +
+ +
+
+ + +
+
 
+
+ + + + {New_Getall_Partner_Class_Domaine_result && display_detail_domaine && String(display_detail_domaine) === "1" &&
+ {domaine_data_edit_mode && String(domaine_data_edit_mode) === "1" && +
Code
+ + (data)._id === String(p_detail_domaine_id))[0].label} + options={New_Getall_Partner_Class_Domaine_result} + onChange={(event, value) => { + + if (value && value.value && value.value === "signature_digital") { + alert(" Vos droits d'accès ne vous permettent pas modifier la configuration : 'signature_digital'"); + return; + } + if (value && value._id) { + setp_detail_domaine_id(value._id); + setdomaine_data_changed("1"); + } else { + setp_detail_domaine_id(""); + setdomaine_data_changed("1"); + } + + }} + + renderInput={(params) => + } + /> + + + + +
} + {String(domaine_data_edit_mode) !== "1" && +
Nom
+ + + +
} + + {String(domaine_data_edit_mode) === "1" &&
Nom
+ { + + setp_detail_domaine_nom(e.target.value); + setdomaine_data_changed("1"); + + } + } + /> +
} + + + +
+
+   +
+ {String(domaine_data_changed) === "1" && String(domaine_data_edit_mode) === "1" &&
+ /!\ Pensez à enregistrer les modifications +
} +
+ + {String(domaine_data_edit_mode) === "1" && String(domaine_data_changed) === "1" &&
+ + + +
} + + {String(domaine_data_edit_mode) === "1" &&
+ +
} +
+ + + {String(domaine_data_edit_mode) !== "1" &&
+ + + +
} +
+   +
+
+ +
+ } +
+ +
} + + {/*** categorie */} + {String(submenu) === "categorie" &&
+

Gestion categorie

+ +
+
+
+
+
+   + + { + setselectionModel_categorie(newSelectionModel); + /*if (newSelectionModel.length === 1) + handleClick_edit_config_From_Line(newSelectionModel);*/ + if (newSelectionModel.length !== 1) { + /* setp_detail_config_valeur(); + setp_detail_config_point(); + setConfig_data_changed(); + setconfig_data_edit_mode(); + setdisplay_detail_config();*/ + + + } + }} + selectionModel={selectionModel_categorie} + disableSelectionOnClick + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} + rows={Getall_Partner_Class_Categorie_result.map((item, index) => ( + { + id: index, + _id: JSON.parse(item)._id, + code: JSON.parse(item).code, + nom: JSON.parse(item).nom, + description: JSON.parse(item).description, + + + } + ))} + + columns={columns_categorie} + pageSize={10} + className="datagridclass" + + onRowDoubleClick={(newSelectionModel) => { + setgridline_categorie_id(newSelectionModel.row.id); + + // handleClick_edit_config_From_Line(newSelectionModel.row.id); + + }} + + + rowsPerPageOptions={[10]} + //disableSelectionOnClick + components={{ + Toolbar: GridToolbar, + }} + //sx={datagridSx} + getCellClassName={(params) => { + + + + }} + getRowClassName={(params) => { + + + // Pour la gestion de la couleur de zone double cliquée + if (String(params.row.id) === String(gridline_categorie_id)) { + return 'line--statut--selected'; + } + else if (parseInt(String(params.row.id)) % 2 === 0) { + return 'line--statut--pair'; + } + else if (parseInt(String(params.row.id)) % 2 !== 0) { + return 'line--statut--impair'; + } + }} + + + /> + +
+ +
+ +
+ +
+
+ + +
+
 
+
+ + + + {New_Getall_Partner_Class_Categorie_result && display_detail_categorie && String(display_detail_categorie) === "1" &&
+ {categorie_data_edit_mode && String(categorie_data_edit_mode) === "1" && +
Code
+ + (data)._id === String(p_detail_categorie_id))[0].label} + options={New_Getall_Partner_Class_Categorie_result} + onChange={(event, value) => { + + if (value && value.value && value.value === "signature_digital") { + alert(" Vos droits d'accès ne vous permettent pas modifier la configuration : 'signature_digital'"); + return; + } + if (value && value._id) { + setp_detail_categorie_id(value._id); + setcategorie_data_changed("1"); + } else { + setp_detail_categorie_id(""); + setcategorie_data_changed("1"); + } + + }} + + renderInput={(params) => + } + /> + + + + +
} + {String(domaine_data_edit_mode) !== "1" && +
Nom
+ + + +
} + + {String(categorie_data_edit_mode) === "1" &&
Nom
+ { + + setp_detail_categorie_nom(e.target.value); + setcategorie_data_changed("1"); + + } + } + /> +
} + + + +
+
+   +
+ {String(categorie_data_changed) === "1" && String(categorie_data_edit_mode) === "1" &&
+ /!\ Pensez à enregistrer les modifications +
} +
+ + {String(categorie_data_edit_mode) === "1" && String(categorie_data_changed) === "1" &&
+ + + +
} + + {String(categorie_data_edit_mode) === "1" &&
+ +
} +
+ + + {String(categorie_data_edit_mode) !== "1" &&
+ + + +
} +
+   +
+
+ +
+ } +
+ +
} + + {/*** metier */} + {String(submenu) === "metier" &&
+ +

Gestion metier

+ +
} +
+ ) +} + + +export default Partner_Domaine_Categorie_Metier; \ No newline at end of file diff --git a/src/styles/components/_displayPartnerunite_enseignement.scss b/src/styles/components/_displayPartnerunite_enseignement.scss index 195f6a3..57f2057 100644 --- a/src/styles/components/_displayPartnerunite_enseignement.scss +++ b/src/styles/components/_displayPartnerunite_enseignement.scss @@ -593,7 +593,7 @@ min-height: 320px !important; max-height: 350px !important; margin-bottom: 10px; - border: "1px solide"; + border: 1px solid; } .titre_training_text { @@ -1243,7 +1243,7 @@ min-height: 320px !important; max-height: 350px !important; margin-bottom: 10px; - border: "1px solide"; + border: 1px solid; } .titre_training_text { @@ -1537,7 +1537,7 @@ min-height: 320px !important; max-height: 350px !important; margin-bottom: 10px; - border: "1px solide"; + border: 1px solid; } .titre_training_text { @@ -2127,7 +2127,7 @@ min-height: 320px !important; max-height: 350px !important; margin-bottom: 10px; - border: "1px solide"; + border: 1px solid; } .titre_training_text { diff --git a/src/styles/components/_displaypartnersession.scss b/src/styles/components/_displaypartnersession.scss index 66b49dd..f76103c 100644 --- a/src/styles/components/_displaypartnersession.scss +++ b/src/styles/components/_displaypartnersession.scss @@ -2678,6 +2678,9 @@ width: 50% !important; float: left; } + + + } // end media @@ -2789,6 +2792,7 @@ .MuiPaper-root{ border-radius: 10px !important; background: #F8F9F9 !important; + max-width: none !important; } } diff --git a/src/styles/components/_modulesessionplanification.scss b/src/styles/components/_modulesessionplanification.scss index a9bb8ce..b84dd39 100644 --- a/src/styles/components/_modulesessionplanification.scss +++ b/src/styles/components/_modulesessionplanification.scss @@ -2668,6 +2668,10 @@ max-width: none !important; } + + .MuiPaper-root{ + max-width: none !important; + } } // end media diff --git a/src/styles/components/_partner_domaine_categorie_metier.scss b/src/styles/components/_partner_domaine_categorie_metier.scss new file mode 100644 index 0000000..f280f33 --- /dev/null +++ b/src/styles/components/_partner_domaine_categorie_metier.scss @@ -0,0 +1,2407 @@ +.partner_domaine_categorie_metier { + .tooltip_css { + background: #81BC3A; + z-index: 9999; + } + + + .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_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: x-small; + letter-spacing: 0.1rem; + font-weight: normal; + width: 100%; + } + + .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; + margin-bottom: 1rem !important; + } + + .session_caract_comment_2_lines { + width: 100%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1rem !important; + } + + .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: 100%; + height: 180px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .hr_break { + border: 2px solid grey; + } + + .icon_plus { + width: 6%; + } + + + .icon_plus_line { + width: 3%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 100%; + height: 2rem !important; + } + + .bton_add_sous_menu { + background: #c8cfd5; + color: black; + width: 100%; + height: 2rem !important; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 100% !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_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; + padding-left: 5px !important; + + } + + .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_en_mass { + width: 100%; + float: left; + margin-bottom: 1rem; + } + + .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; + } + } + + @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; + min-width: 15rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: x-small; + letter-spacing: 0.1rem; + font-weight: normal; + } + + .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; + margin-bottom: 1rem !important; + } + + .session_caract_comment_2_lines { + width: 50%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1rem !important; + } + + .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%; + } + + + .icon_plus_line { + width: 4%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 50%; + height: 2rem !important; + } + + .bton_add_sous_menu { + background: #c8cfd5; + color: black; + width: 100%; + height: 2rem !important; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 65% !important; + } + + .div_row_gauche_etendu { + width: 80% !important; + } + + .icon_excel { + width: 6%; + } + + + .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_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_en_mass { + width: 50%; + float: left; + margin-bottom: 1rem; + } + + .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; + } + + } + + @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_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: 15rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: x-small; + letter-spacing: 0.1rem; + font-weight: normal; + } + + .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; + margin-bottom: 1rem !important; + } + + .session_caract_comment_2_lines { + width: 33%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1rem !important; + } + + + + .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%; + } + + + .icon_plus_line { + width: 3%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 40%; + height: 2rem !important; + } + + .bton_add_sous_menu { + background: #c8cfd5; + color: black; + width: 100%; + height: 2rem !important; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 50% !important; + } + + .div_row_gauche_etendu { + width: 80%; + } + + .icon_excel { + width: 6%; + } + + + .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; + } + + } + + @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_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: 15rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: x-small; + letter-spacing: 0.1rem; + font-weight: normal; + } + + .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; + //padding-left: 5px !important; + } + + .disabled_style_Dialog { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + //padding-left: 5px !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; + } + + + .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; + margin-bottom: 1rem !important; + } + + .session_caract_comment_2_lines { + width: 33%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1rem !important; + } + + .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; + } + + + + .block_en_mass { + width: 50%; + float: left; + margin-bottom: 1rem; + } + + .session_open_close { + cursor: pointer; + text-align: right; + font-size: small; + margin-right: 10px; + } + + .hr_break { + border: 5px solid grey; + } + + .icon_plus { + width: 8%; + } + + .icon_plus_line { + width: 2%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 40% !important; + height: 2rem !important; + } + + .bton_add_sous_menu { + background: #c8cfd5; + color: black; + width: 25% !important; + height: 2rem !important; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 40% !important; + } + + .div_row_gauche_etendu { + width: 80%; + } + + .icon_excel { + width: 4%; + } + + .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; + margin-left: 5%; + height: 2.5rem; + color: white; + + } + + .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: small; + padding: 0.5rem; + background: rgb(129, 188, 58); + margin-left: 5px; + margin-right: 5px; + } + + .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; + } + + .css-l4u8b9-MuiInputBase-root-MuiInput-root{ + text-align: left !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; + } + + + } + + // end media + + + .css-md26zr-MuiInputBase-root-MuiOutlinedInput-root{ + height: 3.5rem !important; + } + + .css-1bp1ao6{ + height: 3.5rem !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; + } + + + .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; + } + + .separator { + display: flex; + align-items: center; + text-align: center; + margin-bottom: 0.5rem !important; + } + + .separator::before, + .separator::after { + content: ''; + flex: 1; + border-bottom: 1px solid #e0e0e0; + } + + .separator:not(:empty)::before { + margin-right: .35em; + } + + .separator:not(:empty)::after { + margin-left: .35em; + } + + .MuiSelect-select{ + //height: 3rem !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; + font-size: small !important; +} + + + +.react-datepicker__input-container { + width: 110%; +} + +.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { + padding-left: 5px !important; +} \ No newline at end of file diff --git a/src/styles/index.scss b/src/styles/index.scss index 8307645..4eb2e77 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -108,4 +108,5 @@ @import "./components/updateattendeelist"; @import "./components/displayPartnerunite_enseignement"; @import "./components/displaypopop_for_sequence_model_week"; -@import "./components/modulesessionplanification"; \ No newline at end of file +@import "./components/modulesessionplanification"; +@import "./components/partner_domaine_categorie_metier"; \ No newline at end of file