diff --git a/src/components/DisplayPartnerSession.js b/src/components/DisplayPartnerSession.js index 0397158..b69ca0a 100644 --- a/src/components/DisplayPartnerSession.js +++ b/src/components/DisplayPartnerSession.js @@ -132,22 +132,7 @@ const DisplayPartnerSession = (props) => { { field: 'etape', headerName: 'Etape', hide: false, width: datagrid_columns_size_model2, - valueFormatter: (params) => { - if (String(params.value) === "0") - return "Projet"; - else if (String(params.value) === "1") - return "En Planif."; - else if (String(params.value) === "2") - return "Planifiée"; - else if (String(params.value) === "3") - return "Terminée"; - else if (String(params.value) === "4") - return "Facturée"; - else if (String(params.value) === "-1") - return "Annulée"; - else - return "???"; - }, + }, { field: 'class_external_code', headerName: 'Code Formation', align: "center", hideable: true, flex: 1, hide: false, }, { field: 'date_debut', headerName: 'Debut', hide: false, width: datagrid_columns_size_model2, }, @@ -917,12 +902,51 @@ const DisplayPartnerSession = (props) => { }) } + + const [Getall_Parter_OR_Default_Session_Steps_api, setGetall_Parter_OR_Default_Session_Steps_api] = useState(); + const [Getall_Parter_OR_Default_Session_Steps_message, setGetall_Parter_OR_Default_Session_Steps_message] = useState(); + const [Getall_Parter_OR_Default_Session_Steps_result, setGetall_Parter_OR_Default_Session_Steps_result] = useState(); + function Getall_Parter_OR_Default_Session_Steps(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_Partner_Or_Default_session_step/"; + + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === String("true")) { + //console.log(" In Getall_Parter_OR_Default_Session_Steps res.data.status = " + res.data.status); + //console.log(" In Getall_Parter_OR_Default_Session_Steps res.data.message r_class = " + res.data.message); + setGetall_Parter_OR_Default_Session_Steps_api("true"); + setGetall_Parter_OR_Default_Session_Steps_result(res.data.message); + setRows(res.data.message); + } + else { + setGetall_Parter_OR_Default_Session_Steps_api("false"); + setGetall_Parter_OR_Default_Session_Steps_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + console.warn('Not good man :( Getall_Parter_OR_Default_Session_Steps = ', error); + setGetall_Parter_OR_Default_Session_Steps_api("false"); + alert(" Impossible de recuperer la liste des étapes de session"); + //setmyApimyApiMessage("") + }) + } + useEffect(() => { Get_Partner_Object_Specific_Fields_stagiaire(); Getall_Training_Employee_No_Filter(); + Getall_Parter_OR_Default_Session_Steps(); + GetCurrentPartnerClass(); Getall_TrainingSession(); GetAttestation_Certif(); @@ -1002,7 +1026,7 @@ const DisplayPartnerSession = (props) => { async function submenu_detail_session() { setsubmenu("detail_session"); - await sleep(5); + //await sleep(5); if (!edit_session_form) { desableSessionFields(); } @@ -1129,13 +1153,12 @@ const DisplayPartnerSession = (props) => { const hiddenFileInput_session = React.useRef(null); - const [addOneSession, setaddOneSession] = useState(); + const [addOneSession, setaddOneSession] = useState(""); function submenu_add_one_session() { + setaddOneSession("1"); setEdite_session("0"); - submenu_detail_session(); - setselectionModel_preinsc([]); setSelectionModel_insc([]); setnb_stagiaire_Preinscrit("0"); @@ -1145,7 +1168,7 @@ const DisplayPartnerSession = (props) => { // Pour les champs spécifiques - + submenu_detail_session(); for (let i = 0; i < rows_champs_specifics.length; i++) { @@ -1156,12 +1179,12 @@ const DisplayPartnerSession = (props) => { if (document.getElementsByName(String(field_name))) { - //console.log("document.getElementsByName(String(field_name)) DONNE = ",document.getElementsByName(String(field_name)) ); document.getElementsByName(String(field_name)).disabled = false; document.getElementsByName(String(field_name)).backgroundColor = "#FFFFFF"; } } + console.log("4"); if (document.getElementById('detail_session')) { //myRef.current.scrollIntoView({ behavior: "smooth" }); @@ -2325,16 +2348,21 @@ Update du 22/10/2023 - Gestion des champs spécifiques ajoutés par le partenair // Pour les champs spécifiques - for (let i = 0; i < rows_champs_specifics.length; i++) { - var field_name = JSON.parse(rows_champs_specifics[i]).field_name; - var field_type = JSON.parse(rows_champs_specifics[i]).field_type; - var field_label = JSON.parse(rows_champs_specifics[i]).field_label; - var is_mandatory = JSON.parse(rows_champs_specifics[i]).is_mandatory; + console.log(" #### addOneSession = ", addOneSession); + if (String(addOneSession) !== "1") { + for (let i = 0; i < rows_champs_specifics.length; i++) { - if (document.getElementsByName(String(field_name))[0]) { - document.getElementsByName(String(field_name))[0].disabled = true; - document.getElementsByName(String(field_name))[0].style.backgroundColor = "#ECEFF1"; + var field_name = JSON.parse(rows_champs_specifics[i]).field_name; + var field_type = JSON.parse(rows_champs_specifics[i]).field_type; + var field_label = JSON.parse(rows_champs_specifics[i]).field_label; + var is_mandatory = JSON.parse(rows_champs_specifics[i]).is_mandatory; + + if (document.getElementsByName(String(field_name))[0]) { + + document.getElementsByName(String(field_name))[0].disabled = true; + document.getElementsByName(String(field_name))[0].style.backgroundColor = "#ECEFF1"; + } } } @@ -3206,18 +3234,9 @@ Update du 22/10/2023 - Gestion des champs spécifiques ajoutés par le partenair if (mylocaltraining.session_etape) { setp_session_etape(mylocaltraining.session_etape); - if (String(mylocaltraining.session_etape) === "0") - setp_session_etape_label("Projet"); - else if (String(mylocaltraining.session_etape) === "1") - setp_session_etape_label("Planification"); - else if (String(mylocaltraining.session_etape) === "2") - setp_session_etape_label("Planifiée"); - else if (String(mylocaltraining.session_etape) === "3") - setp_session_etape_label("Terminée"); - else if (String(mylocaltraining.session_etape) === "4") - setp_session_etape_label("Facturée"); - else if (String(mylocaltraining.session_etape) === "-1") - setp_session_etape_label("Annulée"); + setp_session_etape_label(mylocaltraining.session_etape); + + } else { @@ -5867,7 +5886,7 @@ Update du 22/10/2023 - Gestion des champs spécifiques ajoutés par le partenair
- Etape + Etape
{rowss && String(session_selected_row_id).length > 0 &&
{JSON.parse(rowss[session_selected_row_id]).etape} @@ -5930,7 +5949,7 @@ Update du 22/10/2023 - Gestion des champs spécifiques ajoutés par le partenair
- Prix + Prix
{rowss && String(session_selected_row_id).length > 0 &&
{JSON.parse(rowss[session_selected_row_id]).prix_session} @@ -5940,7 +5959,7 @@ Update du 22/10/2023 - Gestion des champs spécifiques ajoutés par le partenair
- Nb participants + Nb participants
{rowss && String(session_selected_row_id).length > 0 &&
{JSON.parse(rowss[session_selected_row_id]).nb_participant} @@ -5949,7 +5968,7 @@ Update du 22/10/2023 - Gestion des champs spécifiques ajoutés par le partenair
- Taux Remplissage + Taux Remplissage
{rowss && String(session_selected_row_id).length > 0 &&
{JSON.parse(rowss[session_selected_row_id]).taux_remplissage} @@ -6809,12 +6828,14 @@ Update du 22/10/2023 - Gestion des champs spécifiques ajoutés par le partenair IssessionChanged(); }} > - Projet    - Planification   - Planifiée   - Terminée   - Facturée   - Annulée   + {Getall_Parter_OR_Default_Session_Steps_result && + Getall_Parter_OR_Default_Session_Steps_result.map((step) => ( + + {JSON.parse(step).session_step_name}  + + + ))}
} @@ -6847,9 +6868,11 @@ Update du 22/10/2023 - Gestion des champs spécifiques ajoutés par le partenair id="sessiondatedebut" selected={SessionstartDate} onChange={(date) => { - setSessionstartDate(date); - setsessionChanged(true); - IssessionChanged(); + if (edit_session_form) { + setSessionstartDate(date); + setsessionChanged(true); + IssessionChanged(); + } } } showTimeSelect={false} @@ -6868,9 +6891,11 @@ Update du 22/10/2023 - Gestion des champs spécifiques ajoutés par le partenair id="sessiondatefin" selected={SessionendDate} onChange={(date) => { - setSessionendDate(date); - setsessionChanged(true); - IssessionChanged(); + if (edit_session_form) { + setSessionendDate(date); + setsessionChanged(true); + IssessionChanged(); + } } } showTimeSelect={false} @@ -6888,9 +6913,11 @@ Update du 22/10/2023 - Gestion des champs spécifiques ajoutés par le partenair id="sessiondatedebutinscription" selected={SessionstartDateInscription} onChange={(date) => { - setSessionstartDateInscription(date); - setsessionChanged(true); - IssessionChanged(); + if (edit_session_form) { + setSessionstartDateInscription(date); + setsessionChanged(true); + IssessionChanged(); + } } } @@ -6911,9 +6938,11 @@ Update du 22/10/2023 - Gestion des champs spécifiques ajoutés par le partenair id="sessiondatefininscription" selected={SessionendDateInscription} onChange={(date) => { - setSessionendDateInscription(date); - setsessionChanged(true); - IssessionChanged(); + if (edit_session_form) { + setSessionendDateInscription(date); + setsessionChanged(true); + IssessionChanged(); + } } } showTimeSelect={false} @@ -7503,12 +7532,14 @@ Update du 22/10/2023 - Gestion des champs spécifiques ajoutés par le partenair value={p_one_session_etape} onChange={(e) => setp_one_session_etape(e.target.value)} > - Projet    - Planification   - Planifiée   - Terminée   - Facturée   - Annulée   + {Getall_Parter_OR_Default_Session_Steps_result && + Getall_Parter_OR_Default_Session_Steps_result.map((step) => ( + + {JSON.parse(step).session_step_name}  + + + ))}
diff --git a/src/components/GestionAdministrative.js b/src/components/GestionAdministrative.js index ca0a13f..9d63498 100644 --- a/src/components/GestionAdministrative.js +++ b/src/components/GestionAdministrative.js @@ -1558,12 +1558,49 @@ function GestionAdministrative(props) { }*/ + const [Getall_Parter_OR_Default_Session_Steps_api, setGetall_Parter_OR_Default_Session_Steps_api] = useState(); + const [Getall_Parter_OR_Default_Session_Steps_message, setGetall_Parter_OR_Default_Session_Steps_message] = useState(); + const [Getall_Parter_OR_Default_Session_Steps_result, setGetall_Parter_OR_Default_Session_Steps_result] = useState(); + function Getall_Parter_OR_Default_Session_Steps(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_Partner_Or_Default_session_step/"; + + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === String("true")) { + //console.log(" In Getall_Parter_OR_Default_Session_Steps res.data.status = " + res.data.status); + //console.log(" In Getall_Parter_OR_Default_Session_Steps res.data.message r_class = " + res.data.message); + setGetall_Parter_OR_Default_Session_Steps_api("true"); + setGetall_Parter_OR_Default_Session_Steps_result(res.data.message); + setRows(res.data.message); + } + else { + setGetall_Parter_OR_Default_Session_Steps_api("false"); + setGetall_Parter_OR_Default_Session_Steps_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + console.warn('Not good man :( Getall_Parter_OR_Default_Session_Steps = ', error); + setGetall_Parter_OR_Default_Session_Steps_api("false"); + alert(" Impossible de recuperer la liste des étapes de session"); + //setmyApimyApiMessage("") + }) + } useEffect(() => { Get_Partner_Object_Specific_Fields_session(); Get_Partner_Object_Specific_Fields_stagiaire(); + Getall_Parter_OR_Default_Session_Steps(); + Getall_Training_Employee_No_Filter(); GetCurrentClass(); GetCurrentClass_trainingsession(); @@ -1925,20 +1962,9 @@ function GestionAdministrative(props) { if (p_session_etape) { session_etape = p_session_etape; + setp_session_etape_label(p_session_etape); } - if (String(session_etape) === "0") - setp_session_etape_label("Projet"); - else if (String(session_etape) === "1") - setp_session_etape_label("Planification"); - else if (String(session_etape) === "2") - setp_session_etape_label("Planifiée"); - else if (String(session_etape) === "3") - setp_session_etape_label("Terminée"); - else if (String(session_etape) === "4") - setp_session_etape_label("Facturée"); - else if (String(session_etape) === "-1") - setp_session_etape_label("Annulée"); var presentiel = "0" @@ -2149,7 +2175,7 @@ function GestionAdministrative(props) { const [p_detail_is_bpf, setp_detail_is_bpf] = useState(); const [p_detail_is_bpf_label, setp_detail_is_bpf_label] = useState(); - + const [p_formateur_id, setp_formateur_id] = useState(""); const [p_formateur_label, setp_formateur_label] = useState(""); @@ -2531,22 +2557,11 @@ function GestionAdministrative(props) { if (mylocaltraining.session_etape) { setp_session_etape(mylocaltraining.session_etape); - if (String(mylocaltraining.session_etape) === "0") - setp_session_etape_label("Projet"); - else if (String(mylocaltraining.session_etape) === "1") - setp_session_etape_label("Planification"); - else if (String(mylocaltraining.session_etape) === "2") - setp_session_etape_label("Planifiée"); - else if (String(mylocaltraining.session_etape) === "3") - setp_session_etape_label("Terminée"); - else if (String(mylocaltraining.session_etape) === "4") - setp_session_etape_label("Facturée"); - else if (String(mylocaltraining.session_etape) === "-1") - setp_session_etape_label("Annulée"); + setp_session_etape_label(mylocaltraining.session_etape); } else { - setp_session_etape_label("Projet"); - setp_session_etape("0"); + setp_session_etape_label(""); + setp_session_etape(""); } @@ -6871,7 +6886,7 @@ Update du 22/10/2023 - Gestion des champs spécifiques ajoutés par le partenair IssessionChanged(); }} - + />
@@ -6894,7 +6909,7 @@ Update du 22/10/2023 - Gestion des champs spécifiques ajoutés par le partenair IssessionChanged(); }} - + > Intra    Extra   @@ -6940,7 +6955,7 @@ Update du 22/10/2023 - Gestion des champs spécifiques ajoutés par le partenair }} - + > Oui    @@ -7028,12 +7043,14 @@ Update du 22/10/2023 - Gestion des champs spécifiques ajoutés par le partenair IssessionChanged(); }} > - Projet    - Planification   - Planifiée   - Terminée   - Facturée   - Annulée   + {Getall_Parter_OR_Default_Session_Steps_result && + Getall_Parter_OR_Default_Session_Steps_result.map((step) => ( + + {JSON.parse(step).session_step_name}  + + + ))}
} diff --git a/src/components/Partner.js b/src/components/Partner.js index e976b82..cc0ce9e 100644 --- a/src/components/Partner.js +++ b/src/components/Partner.js @@ -38,7 +38,7 @@ import { FcList, FcGraduationCap, FcMultipleDevices, FcCurrencyExchange, FcMoneyTransfer, FcFeedback, FcKey, FcVideoCall, FcSettings, FcBusinesswoman, FcServices, FcCollect, FcCandleSticks, FcKindle, - FcFlowChart, FcReading, FcFinePrint, FcCancel,FcCalendar, + FcFlowChart, FcReading, FcFinePrint, FcCancel, FcCalendar, } from "react-icons/fc"; import { BsTools } from "react-icons/bs"; @@ -53,7 +53,7 @@ import Factures_Client from "./Partner_Facture"; import Configuration_Technique from "./Partner_Config_Technique"; import Config_Champs_Personnalise from "./Config_Champs_Personnalise"; import Module_Agenda from "./Module_Agenda"; - +import Partner_Configuration_Session_Steps from "./Partner_Config_Session_Steps"; import Dialog from '@mui/material/Dialog'; import DialogActions from '@mui/material/DialogActions'; @@ -307,7 +307,7 @@ const Partner = (props) => { var list_menu = ['creation', 'infopartner', 'statistique', 'abonnement', 'affichage', 'ordervalide', 'mes_sessions', 'setuplms', 'facture', 'pricing', 'mes_clients', 'mes_devis', 'mes_cmd', 'mes_stagiaires', 'mes_employes', 'mon_materiel', 'config_document', 'factures_client', "config_technique", - "config_champ_specific", "module_agenda"] + "config_champ_specific", "module_agenda", "config_session_steps"] if (action && list_menu.includes(action)) { @@ -408,6 +408,19 @@ const Partner = (props) => { } } + function config_session_steps_func(event) { + var security_retval = check_user_acces_right("config_document", "read"); + if (security_retval === 1) { + setmenu("config_session_steps"); + setapiexcelimportmessage(); + setformation_file_name(); + history.push("/Partner/config_session_steps"); + } else { + Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion des documents"); + } + } + + function mes_factures_client_func(event) { //var security_retval = check_user_acces_right("facture_client", "read"); //if (security_retval === 1) { @@ -1125,6 +1138,12 @@ const Partner = (props) => { {String(menu) === "config_technique" &&
    TECHNIQUE
}
+
+
+ {String(menu) !== "config_session_steps" &&
   SESSION ETAPE
} + {String(menu) === "config_session_steps" &&
    SESSION ETAPE
} +
+
@@ -1283,7 +1302,7 @@ const Partner = (props) => {
Création manuelle d'une formation
- +
@@ -1392,6 +1411,14 @@ const Partner = (props) => {
} + + {String(menu) === "config_session_steps" &&
+ + +
+ } + + {String(menu) === "config_champ_specific" &&
@@ -1400,8 +1427,8 @@ const Partner = (props) => { {String(menu) === "module_agenda" &&
- - + +
} diff --git a/src/components/Partner_Config_Session_Steps.js b/src/components/Partner_Config_Session_Steps.js new file mode 100644 index 0000000..952d946 --- /dev/null +++ b/src/components/Partner_Config_Session_Steps.js @@ -0,0 +1,1013 @@ +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 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 { 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"; + + +const Partner_Configuration_Session_Steps = (props) => { + + const history = useHistory(); + const [submenu, setsubmenu] = useState(""); + const [rowss, setRows] = useState([]); + const [selectionModel, setSelectionModel] = React.useState([]); + + var date_today_90j = new Date(); + date_today_90j.setDate(date_today_90j.getDate() + 90); + + const [p_filtre1, setp_filtre1] = useState(); + const [p_filtre1_value, setp_filtre1_value] = useState(); + + const [p_filtre2, setp_filtre2] = useState(); + const [p_filtre2_value, setp_filtre2_value] = useState(); + + const [isLoading, setLoading] = useState(); + + const columns = [ + { field: '_id', headerName: '_id', hide: true }, + { field: 'id', headerName: 'id', hide: true }, + { field: 'config_name', headerName: 'Nom étape', flex: 1, hide: false, editable: false }, + { field: 'config_value', headerName: 'Sequence', flex: 1, hide: false, editable: false }, + { field: 'config_comment', headerName: 'Sequence', flex: 1, hide: true, editable: false }, + + + { + field: "delete", headerName: 'Supprimer', + renderCell: (cellValues) => { + return ( + + { + // handleClick_delete(event, cellValues); + }} + > + + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, le document sera définitivement supprimé.
+ +
+
+
+ + +
+
+ +
+
+
+ )} +
+ + + ); + } + } + + ] + + + + const myRef = useRef(null) + + + const myRef_head = useRef(null); + const [selected_id, setselected_id] = useState(""); + + + const [Dialog_1_message, setDialog_1_message] = React.useState(false); + const [Dialog_1_open, setDialog_1_open] = React.useState(false); + function Dialog_1_handle_change_participant_session(message) { + setDialog_1_message(message); + setDialog_1_open(true); + } + + const Dialog_1_handleClose = () => { + //alert(" Utiliser le bouton 'fermer' "); + //setOpen(false); + }; + + const Dialog_1_handleClose_buton = () => { + setDialog_1_open(false); + }; + + const [p_detail_config_valeur, setp_detail_config_valeur] = useState(""); + const [Config_data_changed, setConfig_data_changed] = useState(""); + const [p_detail_config_point, setp_detail_config_point] = useState(""); + const [config_data_edit_mode, setconfig_data_edit_mode] = useState(""); + + const [p_detail_config_comment, setp_detail_config_comment] = useState(""); + + + const [Getall_Parter_Session_Steps_api, setGetall_Parter_Session_Steps_api] = useState(); + const [Getall_Parter_Session_Steps_message, setGetall_Parter_Session_Steps_message] = useState(); + const [Getall_Parter_Session_Steps_result, setGetall_Parter_Session_Steps_result] = useState(); + function Getall_Parter_Session_Steps(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_Partner_session_step/"; + + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === String("true")) { + //console.log(" In Getall_Parter_Session_Steps res.data.status = " + res.data.status); + //console.log(" In Getall_Parter_Session_Steps res.data.message r_class = " + res.data.message); + setGetall_Parter_Session_Steps_api("true"); + setGetall_Parter_Session_Steps_result(res.data.message); + setRows(res.data.message); + } + else { + setGetall_Parter_Session_Steps_api("false"); + setGetall_Parter_Session_Steps_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + console.warn('Not good man :( Getall_Parter_Session_Steps = ', error); + setGetall_Parter_Session_Steps_api("false"); + alert(" Impossible de recuperer la liste des étapes de session"); + //setmyApimyApiMessage("") + }) + } + + + useEffect(() => { + + Getall_Parter_Session_Steps(); + + if (document.getElementById('myRef_head')) { + var divh = document.getElementById('myRef_head').offsetTop; + window.scrollTo({ + top: divh, + behavior: "smooth", + }); + } + }, []) + + function handleClick_edit_config_From_Line(selected_row_id) { + + //submenu_detail_employe(); + + setselected_row_id_val(selected_row_id); + + var line = JSON.parse(rowss[selected_row_id]); + + setdisplay_detail_config("1"); + + var invoice_id = line._id; + setselected_id(invoice_id); + + var local_config_name = line.session_step_name; + setp_detail_config_point(local_config_name); + + + var local_config_value = line.session_step_sequence; + setp_detail_config_valeur(local_config_value); + + var local_config_comment = line.session_step_comment; + setp_detail_config_comment(local_config_comment); + + + Disable_Config_DetailFields(); + + if (document.getElementById('myRef')) { + var divh = document.getElementById('myRef').offsetTop; + window.scrollTo({ + top: divh, + behavior: "smooth", + }); + } + + } + + + function Enable_Config_DetailFields() { + + setconfig_data_edit_mode("1"); + + if (document.getElementsByName("detail_config_point")[0]) { + document.getElementsByName("detail_config_point")[0].disabled = false; + document.getElementsByName("detail_config_point")[0].style.backgroundColor = "#FFFFFF"; + } + + if (document.getElementsByName("detail_config_valeur")[0]) { + document.getElementsByName("detail_config_valeur")[0].disabled = false; + document.getElementsByName("detail_config_valeur")[0].style.backgroundColor = "#FFFFFF"; + } + + if (document.getElementsByName("detail_config_comment")[0]) { + document.getElementsByName("detail_config_comment")[0].disabled = false; + document.getElementsByName("detail_config_comment")[0].style.backgroundColor = "#FFFFFF"; + } + + } + + function Disable_Config_DetailFields() { + + setconfig_data_edit_mode("0"); + + if (document.getElementsByName("detail_config_point")[0]) { + + console.log(" bbb"); + + document.getElementsByName("detail_config_point")[0].disabled = true; + document.getElementsByName("detail_config_point")[0].style.backgroundColor = "#ECEFF1"; + } + + if (document.getElementsByName("detail_config_valeur")[0]) { + document.getElementsByName("detail_config_valeur")[0].disabled = true; + document.getElementsByName("detail_config_valeur")[0].style.backgroundColor = "#ECEFF1"; + } + + if (document.getElementsByName("detail_config_comment")[0]) { + document.getElementsByName("detail_config_comment")[0].disabled = true; + document.getElementsByName("detail_config_comment")[0].style.backgroundColor = "#ECEFF1"; + } + + } + + const [Update_One_Config_Data_api, setUpdate_One_Config_Data_api] = useState(); + const [Update_One_Config_Data_message, setUpdate_One_Config_Data_message] = useState(); + const [Update_One_Config_Data_result, setUpdate_One_Config_Data_result] = useState(); + function Update_One_Config_Data() { + var form = new FormData(); + //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("session_step_name", p_detail_config_point); + form.append("session_step_sequence", p_detail_config_valeur); + form.append("session_step_comment", p_detail_config_comment); + + //console.log(" form == ", form); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Partner_session_step/"; + + + axios.post(myurl, form).then(res => { + //console.log(" In Update_One_Config_Data res.data.status = " + res.data.status); + //console.log(" In Update_One_Config_Data res.data.message r_class = " + res.data.message); + + if (String(res.data.status) === String("true")) { + setUpdate_One_Config_Data_api("true"); + setUpdate_One_Config_Data_result(res.data.message); + + Getall_Parter_Session_Steps(); + + setp_detail_config_valeur(); + setp_detail_config_point(); + setp_detail_config_comment(); + + setConfig_data_changed(); + setconfig_data_edit_mode(); + setdisplay_detail_config(); + setadd_new_step(); + + alert(res.data.message); + if (document.getElementById('myRef_head')) { + var divh = document.getElementById('myRef_head').offsetTop; + window.scrollTo({ + top: divh, + behavior: "smooth", + }); + } + + } + else { + setUpdate_One_Config_Data_api("false"); + setUpdate_One_Config_Data_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + + console.warn('UpdateStagiaireData : Not good man :( Update_One_Config_Data = ' + error); + setUpdate_One_Config_Data_api("false"); + alert(" Impossible de mettre à jour le paramétrage "); + + }) + } + + + function handleClick_delete(event, cellValues) { + + var local_id = cellValues.row._id; + var local_session_step_name = cellValues.row.config_name; + + + Delete_Personalise_Field_Data(local_id, local_session_step_name); + } + + const [Delete_Personalise_Field_Data_api, setDelete_Personalise_Field_Data_api] = useState(); + const [Delete_Personalise_Field_Data_message, setDelete_Personalise_Field_Data_message] = useState(); + const [Delete_Personalise_Field_Data_result, setDelete_Personalise_Field_Data_result] = useState(); + function Delete_Personalise_Field_Data(local_id, local_session_step_name) { + + var form = new FormData(); + //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("_id", local_id); + form.append("session_step_name", local_session_step_name); + + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Delete_Partner_session_step/"; + + axios.post(myurl, form).then(res => { + //console.log(" In Delete_Personalise_Field_Data res.data.status = " + res.data.status); + //console.log(" In Delete_Personalise_Field_Data res.data.message r_class = " + res.data.message); + + if (String(res.data.status) === String("true")) { + setDelete_Personalise_Field_Data_api("true"); + setDelete_Personalise_Field_Data_result(res.data.message); + + Getall_Parter_Session_Steps(); + setp_detail_config_valeur(); + setp_detail_config_point(); + setp_detail_config_comment(); + setConfig_data_changed(); + setconfig_data_edit_mode(); + setdisplay_detail_config(); + + + + alert(" Le document a été correctement supprimé."); + //myRef_head.current.scrollIntoView({ behavior: "smooth" }); + if (document.getElementById('myRef_head')) { + var divh = document.getElementById('myRef_head').offsetTop; + window.scrollTo({ + top: divh, + behavior: "smooth", + }); + } + + } + else { + setDelete_Personalise_Field_Data_api("false"); + setDelete_Personalise_Field_Data_message(res.data.message); + alert(res.data.message); + + } + + }).catch((error) => { + + console.warn('Delete_Personalise_Field_Data : Not good man :( mysearchtext = ' + error); + setDelete_Personalise_Field_Data_api("false"); + alert(" Impossible de supprimer le document"); + }) + } + + const [display_detail_config, setdisplay_detail_config] = React.useState(); + const [add_new_step, setadd_new_step] = React.useState(); + + const [selected_row_id_val, setselected_row_id_val] = React.useState(); + + function submenu_add_one_step() { + setdisplay_detail_config("0"); + setconfig_data_edit_mode("1"); + setadd_new_step('1'); + Enable_Config_DetailFields(); + + } + + function Annule_Order_DetailFields() { + + var line = JSON.parse(rowss[selected_row_id_val]); + + setdisplay_detail_config("1"); + + var invoice_id = line._id; + setselected_id(invoice_id); + + var local_config_name = line.session_step_name; + setp_detail_config_point(local_config_name); + + + var local_config_value = line.session_step_sequence; + setp_detail_config_valeur(local_config_value); + + var local_config_comment = line.session_step_comment; + setp_detail_config_comment(local_config_comment); + + + setConfig_data_changed(); + setconfig_data_edit_mode(); + + Disable_Config_DetailFields(); + + if (document.getElementById('myRef')) { + var divh = document.getElementById('myRef').offsetTop; + window.scrollTo({ + top: divh, + behavior: "smooth", + }); + } + + } + + return ( +
+ {isLoading &&
+
+
} + + + + MySy Information + + + {Dialog_1_message} + + + + + + + + + + +

Votre configuration des étapes de session

+
+
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 && } + + +
+ +
+ +
+ +
+ +
+ + +
+ +
+ +
+
+ +
+
+
+ +
+   + + { + setSelectionModel(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} + + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} + rows={rowss.map((item, index) => ( + { + id: index, + _id: JSON.parse(item)._id, + config_name: JSON.parse(item).session_step_name, + config_value: JSON.parse(item).session_step_sequence, + config_comment: JSON.parse(item).session_step_comment, + } + ))} + + columns={columns} + pageSize={10} + className="datagridclass" + + onRowDoubleClick={(newSelectionModel) => { + handleClick_edit_config_From_Line(newSelectionModel.row.id); + + }} + + rowsPerPageOptions={[10]} + //disableSelectionOnClick + components={{ + Toolbar: GridToolbar, + }} + //sx={datagridSx} + getCellClassName={(params) => { + + + //field === "order_header_status" + if (params.field === "order_header_status" && String(params.value) == "0") { + return 'cell--status--brouillon'; + } + + if (params.field === "order_header_status" && String(params.value) == "1") { + + return 'cell--status--encours'; + } + + if (params.field === "order_header_status" && String(params.value) == "2") { + return 'cell--status--traite'; + } + + if (params.field === "order_header_status" && String(params.value) == "3") { + return 'cell--status--facture'; + } + + }} + getRowClassName={(params) => { + + if (String(params.row.status) === "-1") { + return 'line--statut--annule'; + } + if (String(params.row.status) === "0") { + return 'line--statut--preinscrit'; + } + if (String(params.row.status) === "1") { + return 'line--statut--inscrit'; + } + }} + + + /> + +
+ +
+ +
+ +
+
+ +
+ +
+
+
 
+
+ + + {String(display_detail_config) === "1" &&
+ {String(config_data_edit_mode) === "1" && +
Point de configuration
+ { + setp_detail_config_point(e.target.value); + setConfig_data_changed("1"); + } + } + + /> + + +
} + {String(config_data_edit_mode) !== "1" && +
Point de configuration laaa
+ + + +
} + + {String(config_data_edit_mode) === "1" &&
Valeur de configuration
+ { + setp_detail_config_valeur(e.target.value); + setConfig_data_changed("1"); + } + } + /> +
} + + {String(config_data_edit_mode) !== "1" &&
Valeur de configuration
+ +
} + + {String(config_data_edit_mode) === "1" &&
Commentaire
+ { + setp_detail_config_comment(e.target.value); + setConfig_data_changed("1"); + } + } + /> +
} + + {String(config_data_edit_mode) !== "1" &&
Commentaire
+ +
} + +
+
+   +
+ {String(Config_data_changed) === "1" && String(config_data_edit_mode) === "1" &&
+ /!\ Pensez à enregistrer les modifications +
} +
+ + {String(config_data_edit_mode) === "1" && String(Config_data_changed) === "1" &&
+ + + +
} + + {String(config_data_edit_mode) === "1" &&
+ +
} +
+ + + {String(config_data_edit_mode) !== "1" &&
+ + + +
} +
+   +
+
+ +
+ } + + {String(add_new_step) === "1" &&
+ {String(config_data_edit_mode) === "1" && +
Point de configuration
+ { + setp_detail_config_point(e.target.value); + setConfig_data_changed("1"); + } + } + + /> + + +
} + + +
Valeur de configuration
+ { + setp_detail_config_valeur(e.target.value); + setConfig_data_changed("1"); + } + } + /> +
+ +
Commentaire
+ { + setp_detail_config_comment(e.target.value); + setConfig_data_changed("1"); + } + } + /> +
+ + + +
+
+   +
+ {String(Config_data_changed) === "1" && String(config_data_edit_mode) === "1" &&
+ /!\ Pensez à enregistrer les modifications +
} +
+ + {String(config_data_edit_mode) === "1" && String(Config_data_changed) === "1" &&
+ + + +
} + + {String(config_data_edit_mode) === "1" &&
+ +
} +
+ + + +
+   +
+
+ +
+ } + +
+ ) +} + + +export default Partner_Configuration_Session_Steps; + diff --git a/src/styles/components/_partner_configuration_session_step.scss b/src/styles/components/_partner_configuration_session_step.scss new file mode 100644 index 0000000..6c60ae3 --- /dev/null +++ b/src/styles/components/_partner_configuration_session_step.scss @@ -0,0 +1,2395 @@ +.partner_configuration_session_step { + + + .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: 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%; + } + + .bton_add_sous_menu { + background: #c8cfd5; + color: black; + width: 100%; + } + + .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; + 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; + } + + .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; + } + + .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%; + } + + .bton_add_sous_menu { + background: #c8cfd5; + color: black; + width: 100%; + } + + .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; + 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; + } + + .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; + } + + .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%; + } + + .bton_add_sous_menu { + background: #c8cfd5; + color: black; + width: 100%; + } + + .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: 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; + } + + .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: 25% !important; + } + + .bton_add_sous_menu { + background: #c8cfd5; + color: black; + width: 25% !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 9427f1e..8394259 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -84,4 +84,5 @@ @import "./components/partner_configuration_technique"; @import "./components/config_champs_personnalise"; @import "./components/module_agenda.scss"; +@import "./components/partner_configuration_session_step";