diff --git a/src/components/DisplayPartnerSession.js b/src/components/DisplayPartnerSession.js index 216207a..0c420ad 100644 --- a/src/components/DisplayPartnerSession.js +++ b/src/components/DisplayPartnerSession.js @@ -53,7 +53,7 @@ import { gridClasses } from '@mui/x-data-grid'; import Link from '@mui/material/Link'; import { PiDotsThree } from "react-icons/pi"; import Module_Editique from "./Module_Editique"; - +import Module_Attestation_Formation from "./Module_Attestation_Formation"; const DisplayPartnerSession = (props) => { const history = useHistory(); @@ -1636,6 +1636,12 @@ const DisplayPartnerSession = (props) => { document.getElementById("detail_session").style.fontWeight = "normal"; } + if (document.getElementById("attestation")) { + document.getElementById("attestation").style.backgroundColor = "#d8edfc"; + document.getElementById("attestation").style.color = "black"; + document.getElementById("attestation").style.fontWeight = "black"; + } + if (document.getElementById("inscrit")) { document.getElementById("inscrit").style.backgroundColor = "#d8edfc"; document.getElementById("inscrit").style.color = "black"; @@ -1706,6 +1712,12 @@ const DisplayPartnerSession = (props) => { document.getElementById("evaluation").style.fontWeight = "normal"; } + if (document.getElementById("attestation")) { + document.getElementById("attestation").style.backgroundColor = "#d8edfc"; + document.getElementById("attestation").style.color = "black"; + document.getElementById("attestation").style.fontWeight = "black"; + } + } async function submenu_detail_session() { @@ -1722,6 +1734,12 @@ const DisplayPartnerSession = (props) => { document.getElementById("detail_session").style.fontWeight = "bold"; } + + if (document.getElementById("attestation")) { + document.getElementById("attestation").style.backgroundColor = "#d8edfc"; + document.getElementById("attestation").style.color = "black"; + document.getElementById("attestation").style.fontWeight = "black"; + } if (document.getElementById("editique")) { document.getElementById("editique").style.backgroundColor = "#d8edfc"; document.getElementById("editique").style.color = "black"; @@ -1785,6 +1803,12 @@ const DisplayPartnerSession = (props) => { document.getElementById("editique").style.fontWeight = "normal"; } + if (document.getElementById("attestation")) { + document.getElementById("attestation").style.backgroundColor = "#d8edfc"; + document.getElementById("attestation").style.color = "black"; + document.getElementById("attestation").style.fontWeight = "black"; + } + if (document.getElementById("detail_session")) { document.getElementById("detail_session").style.backgroundColor = "#d8edfc"; document.getElementById("detail_session").style.color = "black"; @@ -1882,6 +1906,12 @@ const DisplayPartnerSession = (props) => { document.getElementById("historique").style.fontWeight = "normal"; } + if (document.getElementById("attestation")) { + document.getElementById("attestation").style.backgroundColor = "#d8edfc"; + document.getElementById("attestation").style.color = "black"; + document.getElementById("attestation").style.fontWeight = "black"; + } + } async function submenu_historique() { @@ -1899,6 +1929,12 @@ const DisplayPartnerSession = (props) => { document.getElementById("historique").style.fontWeight = "bold"; } + if (document.getElementById("attestation")) { + document.getElementById("attestation").style.backgroundColor = "#d8edfc"; + document.getElementById("attestation").style.color = "black"; + document.getElementById("attestation").style.fontWeight = "black"; + } + if (document.getElementById("evaluation")) { document.getElementById("evaluation").style.backgroundColor = "#d8edfc"; document.getElementById("evaluation").style.color = "black"; @@ -1967,6 +2003,12 @@ const DisplayPartnerSession = (props) => { document.getElementById("inscrit").style.fontWeight = "normal"; } + if (document.getElementById("attestation")) { + document.getElementById("attestation").style.backgroundColor = "#d8edfc"; + document.getElementById("attestation").style.color = "black"; + document.getElementById("attestation").style.fontWeight = "black"; + } + if (document.getElementById("evaluation")) { document.getElementById("evaluation").style.backgroundColor = "#d8edfc"; document.getElementById("evaluation").style.color = "black"; @@ -2022,7 +2064,13 @@ const DisplayPartnerSession = (props) => { if (document.getElementById("emargement")) { document.getElementById("emargement").style.backgroundColor = "#d8edfc"; document.getElementById("emargement").style.color = "black"; - document.getElementById("emargement").style.fontWeight = "normal"; + document.getElementById("emargement").style.fontWeight = "black"; + } + + if (document.getElementById("attestation")) { + document.getElementById("attestation").style.backgroundColor = "#d8edfc"; + document.getElementById("attestation").style.color = "black"; + document.getElementById("attestation").style.fontWeight = "black"; } if (document.getElementById("editique")) { @@ -2068,6 +2116,75 @@ const DisplayPartnerSession = (props) => { } + async function submenu_attestation() { + setsubmenu("attestation"); + + //await sleep(5); + if (!edit_session_form) { + desableSessionFields(); + } + + if (document.getElementById("attestation")) { + document.getElementById("attestation").style.backgroundColor = "#104277"; + document.getElementById("attestation").style.color = "white"; + document.getElementById("attestation").style.fontWeight = "bold"; + } + + if (document.getElementById("evaluation")) { + document.getElementById("evaluation").style.backgroundColor = "#d8edfc"; + document.getElementById("evaluation").style.color = "black"; + document.getElementById("evaluation").style.fontWeight = "normal"; + } + + + if (document.getElementById("emargement")) { + document.getElementById("emargement").style.backgroundColor = "#d8edfc"; + document.getElementById("emargement").style.color = "black"; + document.getElementById("emargement").style.fontWeight = "normal"; + } + + if (document.getElementById("editique")) { + document.getElementById("editique").style.backgroundColor = "#d8edfc"; + document.getElementById("editique").style.color = "black"; + document.getElementById("editique").style.fontWeight = "normal"; + } + + if (document.getElementById("sequence_session")) { + document.getElementById("sequence_session").style.backgroundColor = "#d8edfc"; + document.getElementById("sequence_session").style.color = "black"; + document.getElementById("sequence_session").style.fontWeight = "normal"; + } + + + if (document.getElementById("detail_session")) { + document.getElementById("detail_session").style.backgroundColor = "#d8edfc"; + document.getElementById("detail_session").style.color = "black"; + document.getElementById("detail_session").style.fontWeight = "normal"; + } + + if (document.getElementById("inscrit")) { + document.getElementById("inscrit").style.backgroundColor = "#d8edfc"; + document.getElementById("inscrit").style.color = "black"; + document.getElementById("inscrit").style.fontWeight = "normal"; + } + + if (document.getElementById("preinscrit")) { + document.getElementById("preinscrit").style.backgroundColor = "#d8edfc"; + document.getElementById("preinscrit").style.color = "black"; + document.getElementById("preinscrit").style.fontWeight = "normal"; + } + + + if (document.getElementById("historique")) { + document.getElementById("historique").style.backgroundColor = "#d8edfc"; + document.getElementById("historique").style.color = "black"; + document.getElementById("historique").style.fontWeight = "normal"; + } + + GetListeEvaluation(selected_session_id); + + } + function handleClickSessionManagement(event, cellValues) { var code_session = cellValues.row.code_session; setselected_code_session(cellValues.row.code_session); @@ -10509,7 +10626,8 @@ const DisplayPartnerSession = (props) => { - + + } @@ -15357,6 +15475,13 @@ const DisplayPartnerSession = (props) => { } + {String(submenu) === String("attestation") &&
+ + + +
} + diff --git a/src/components/DisplayPartnerStagiaires.js b/src/components/DisplayPartnerStagiaires.js index a8817fa..13ad5d0 100644 --- a/src/components/DisplayPartnerStagiaires.js +++ b/src/components/DisplayPartnerStagiaires.js @@ -2270,7 +2270,7 @@ const DisplayPartnerStagiaires = (props) => { }); } - + }, []) const [addOneParticipant, setaddOneParticipant] = useState(""); @@ -2441,7 +2441,7 @@ const DisplayPartnerStagiaires = (props) => { } - if (mylocalattendee.code_session){ + if (mylocalattendee.code_session) { setp_detail_session_class(mylocalattendee.code_session); setworking_session_code(mylocalattendee.code_session); } @@ -7487,7 +7487,7 @@ const DisplayPartnerStagiaires = (props) => { } - + {String(participant_data_edit_mode) === "1" &&
Session
{
} -
+ {/*

@@ -8730,6 +8730,7 @@ const DisplayPartnerStagiaires = (props) => {
} + */}
 
diff --git a/src/components/Module_Attestation_Formation.js b/src/components/Module_Attestation_Formation.js new file mode 100644 index 0000000..e5d601f --- /dev/null +++ b/src/components/Module_Attestation_Formation.js @@ -0,0 +1,1181 @@ + +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 '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"; +//import FullCalendar from "@fullcalendar/react"; +import daygridPlugin from "@fullcalendar/daygrid"; +//import interactionPlugin from "@fullcalendar/interaction"; +//import timeGridPlugin from "@fullcalendar/timegrid"; + +import allLocales from '@fullcalendar/core/locales-all' +import { RepeatOnRounded } from "@mui/icons-material"; +import { alignPropType } from "react-bootstrap/esm/types"; + + +import ToggleSwitch from "./ToggleSwitch"; +import ToggleSwitch_v2_mysy from "./ToggleSwitch_v2_mysy"; +import Autocomplete from '@mui/material/Autocomplete'; +import FullCalendar, { formatDate } from "@fullcalendar/react"; +import dayGridPlugin from "@fullcalendar/daygrid"; +import timeGridPlugin from "@fullcalendar/timegrid"; +import interactionPlugin from "@fullcalendar/interaction"; +import { FcSearch } from "react-icons/fc"; +import { Fab } from "@material-ui/core"; +import { + ListItem, + ListItemText, + useTheme, +} from "@mui/material"; + +import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; +import ChevronRightIcon from '@mui/icons-material/ChevronRight'; +import { TreeView } from '@mui/x-tree-view/TreeView'; +import { TreeItem } from '@mui/x-tree-view/TreeItem'; +import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io"; +import { FcViewDetails, FcDisapprove, FcInfo } from "react-icons/fc"; +import { gridClasses } from '@mui/x-data-grid'; +import Link from '@mui/material/Link'; +import { PiDotsThree } from "react-icons/pi"; + +const Module_Attestation_Formation = (props) => { + + const myconntected_employee_id = props.conntected_employee_id; + + const [selected_employee_id, setselected_employee_id] = useState(props.conntected_employee_id); + + const history = useHistory(); + const [isLoading, setLoading] = 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); + }; + function Close_Dialog_Detail_Event_open() { + setDialog_1_open(false); + } + + + function ExpandableCell_50({ value }) { + const [expanded, setExpanded] = React.useState(false); + + return ( +
+ {expanded ? value : value.slice(0, 50)}  + {value.length > 50 && ( + // eslint-disable-next-line jsx-a11y/anchor-is-valid + setExpanded(!expanded)} + > + {expanded ? : } + + )} +
+ ); + } + + + + function Display_Colunm_text({ value }) { + + return ( +
+ {value}  + +
+ ); + } + + + const columns_attestations = [ + { field: 'id', headerName: 'id', hide: true }, + { field: '_id', headerName: '_id', hide: true }, + { field: 'email', headerName: 'email', minwidth: 200, flex : 1, hideable: true, resizable: true, }, + { field: 'nom', headerName: 'nom',minwidth: 200, flex : 1, hide: false, editable: true, }, + { field: 'prenom', headerName: 'prenom',minwidth: 200, flex : 1, hide: false, editable: false, }, + { + field: 'status', headerName: 'Statut', width: 100, editable: false, flex: true, + valueFormatter: (params) => { + if (String(params.value) === "0") + return "Init"; + else if (String(params.value) === "1") + return "Envoyé"; + else + return " ?"; + }, + }, + { + field: 'date_envoie', headerName: 'Date Envoi', width: 150, editable: false, + valueFormatter: (params) => { + return String(params.value).substring(0, 16) + + }, + }, + { field: 'courrier_template_id', headerName: 'Modèle', width: 0, editable: false, hide: true }, + { field: 'courrier_template_nom', headerName: 'Modèle', width: 150, editable: false, flex: true, }, + {/* + field: "voir", headerName: 'voir', + renderCell: (cellValues) => { + return ( + + + + ); + } + */ }, + + {/* + field: "envoyer", headerName: 'Envoyer', + renderCell: (cellValues) => { + return ( + + + + ); + } + */}, + + ] + + const New_Option_attestation_Masse = [ + + { "id": "resend", "label": "(R)envoyer", "value": "resend" }, + ] + const [gridline_id, setgridline_id] = useState(""); + + const [Getall_Attestation_By_Session_api, setGetall_Attestation_By_Session_api] = useState(); + const [Getall_Attestation_By_Session_message, setGetall_Attestation_By_Session_message] = useState(); + const [Getall_Attestation_By_Session_result, setGetall_Attestation_By_Session_result] = useState([]); + function Getall_Attestation_By_Session(event) { + + setselectionModel_attestation([]) + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("session_id", props.related_collection_recid); + + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Attestion_By_Session/"; + + setLoading(true); + axios.post(myurl, form).then(res => { + + setLoading(false); + + if (String(res.data.status) === String("true")) { + //console.log(" In Getall_Attestation_By_Session res.data.status = " + res.data.status); + //console.log(" In Getall_Attestation_By_Session res.data.message r_class = " + res.data.message); + setGetall_Attestation_By_Session_api("true"); + setGetall_Attestation_By_Session_result(res.data.message); + + + } + else { + setGetall_Attestation_By_Session_api("false"); + setGetall_Attestation_By_Session_message(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('Not good man :( Getall_Attestation_By_Session = ', error); + setGetall_Attestation_By_Session_api("false"); + //setmyApimyApiMessage("") + }) + } + + + useEffect(() => { + setselected_session_id(props.related_collection_recid); + Getall_Attestation_By_Session(); + + }, []) + + + const [actionmass_attesation_val, setactionmass_attesation_val] = useState(); + const [selected_session_id, setselected_session_id] = useState(""); + + function GetSelectedRows_Attesation_Ids() { + + var tab_tmp = [] + for (var i = 0; i < selectionModel_attestation.length; i++) { + var myid = parseInt(String(selectionModel_attestation[i])); + //var line = JSON.parse(rowss[myid]); + tab_tmp.push(myid); + } + return tab_tmp; + + } + + + const [CreateLis_Attestation_Ftion_api, setCreateLis_Attestation_Ftion_api] = useState(); + const [CreateLis_Attestation_Ftion_message, setCreateLis_Attestation_Ftion_message] = useState(); + const [CreateLis_Attestation_Ftion_result, setCreateLis_Attestation_Ftion_result] = useState(); + function CreateLis_Attestation_Ftion(tab_inscription) { + var form = new FormData(); + //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("tab_inscriptions_ids", tab_inscription); + form.append("courrier_template_id", selected_convention_id); + + //alert(" mysession = "+mysession); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Init_Attestation_Formation_With_Template/"; + + + setLoading(true); + axios.post(myurl, form).then(res => { + + setLoading(false); + if (String(res.data.status) === String("true")) { + //console.log(" In UpdateStagiaireData res.data.status = " + res.data.status); + //console.log(" In UpdateStagiaireData res.data.message r_class = " + res.data.message); + setCreateLis_Attestation_Ftion_api("true"); + setCreateLis_Attestation_Ftion_result(res.data.message); + Getall_Attestation_By_Session(); + alert(res.data.message); + + } else if (String(res.data.status) === String("Err_Connexion")) { + alert('Erreur: ' + res.data.message); + history.push("/Connexion"); + } + else { + setCreateLis_Attestation_Ftion_api("false"); + setCreateLis_Attestation_Ftion_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('CreateLis_Attestation_Ftion : Not good man :( mysearchtext = ' + error); + setCreateLis_Attestation_Ftion_api("false"); + alert(" Impossible d'initialiser la liste des attestations"); + + }) + } + + + const [CreateLis_Attestation_Ftion_For_Session_api, setCreateLis_Attestation_Ftion_For_Session_api] = useState(); + const [CreateLis_Attestation_Ftion_For_Session_message, setCreateLis_Attestation_Ftion_For_Session_message] = useState(); + const [CreateLis_Attestation_Ftion_For_Session_result, setCreateLis_Attestation_Ftion_For_Session_result] = useState(); + function CreateLis_Attestation_Ftion_For_Session() { + var form = new FormData(); + //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("session_id", props.related_collection_recid); + form.append("courrier_template_id", selected_convention_id); + + //alert(" mysession = "+mysession); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Init_Attestation_Formation_With_Template_For_All_Inscription/"; + + + setLoading(true); + axios.post(myurl, form).then(res => { + + setLoading(false); + if (String(res.data.status) === String("true")) { + //console.log(" In UpdateStagiaireData res.data.status = " + res.data.status); + //console.log(" In UpdateStagiaireData res.data.message r_class = " + res.data.message); + setCreateLis_Attestation_Ftion_For_Session_api("true"); + setCreateLis_Attestation_Ftion_For_Session_result(res.data.message); + Getall_Attestation_By_Session(); + alert(res.data.message); + + } else if (String(res.data.status) === String("Err_Connexion")) { + alert('Erreur: ' + res.data.message); + history.push("/Connexion"); + } + else { + setCreateLis_Attestation_Ftion_For_Session_api("false"); + setCreateLis_Attestation_Ftion_For_Session_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('CreateLis_Attestation_Ftion_For_Session : Not good man :( mysearchtext = ' + error); + setCreateLis_Attestation_Ftion_For_Session_api("false"); + alert(" Impossible d'initialiser la liste des attestations"); + + }) + } + + + const [Send_Attestation_By_Email_For_Ids_api, setSend_Attestation_By_Email_For_Ids_api] = useState(); + const [Send_Attestation_By_Email_For_Ids_message, setSend_Attestation_By_Email_For_Ids_message] = useState(); + const [Send_Attestation_By_Email_For_Ids_result, setSend_Attestation_By_Email_For_Ids_result] = useState(); + function Send_Attestation_By_Email_For_Ids(tab_inscription) { + var form = new FormData(); + //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("session_id", props.related_collection_recid); + form.append("email_test", ""); + form.append("email_production", ""); + form.append("tab_inscriptions_ids", tab_inscription); + + + //alert(" mysession = "+mysession); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Prepare_and_Send_Attestation_From_Session_By_Email/"; + + + setLoading(true); + axios.post(myurl, form).then(res => { + + setLoading(false); + if (String(res.data.status) === String("true")) { + //console.log(" In UpdateStagiaireData res.data.status = " + res.data.status); + //console.log(" In UpdateStagiaireData res.data.message r_class = " + res.data.message); + setSend_Attestation_By_Email_For_Ids_api("true"); + setSend_Attestation_By_Email_For_Ids_result(res.data.message); + Getall_Attestation_By_Session(); + alert(res.data.message); + + } else if (String(res.data.status) === String("Err_Connexion")) { + alert('Erreur: ' + res.data.message); + history.push("/Connexion"); + } + else { + setSend_Attestation_By_Email_For_Ids_api("false"); + setSend_Attestation_By_Email_For_Ids_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('Send_Attestation_By_Email_For_Ids : Not good man :( mysearchtext = ' + error); + setSend_Attestation_By_Email_For_Ids_api("false"); + alert(" Impossible d'envoyer les attestations"); + + }) + } + + const [selectionModel_attestation, setselectionModel_attestation] = React.useState([]); + + const [actionmass_ftion_val, setactionmass_ftion_val] = useState(); + + async function actionmass_ftion_Traitemet() { + + + if (String(actionmass_attesation_val) === String("reinit")) { + + alert(" ### reinit"); + + + } + + else if (String(actionmass_attesation_val) === String("resend")) { + var tab_ids_inscription = [] + for (var i = 0; i < selectionModel_attestation.length; i++) { + var myid = parseInt(String(selectionModel_attestation[i])); + var line = JSON.parse(Getall_Attestation_By_Session_result[myid]); + var line_id = JSON.parse(Getall_Attestation_By_Session_result[myid])._id; + + tab_ids_inscription.push(line_id); + } + + + Send_Attestation_By_Email_For_Ids(tab_ids_inscription); + + } + + } + + + const [Dialog_LIST_ATTESTATION_open, setDialog_LIST_ATTESTATION_open] = React.useState(false); + const Dialog_LIST_ATTESTATION_handleClose = () => { + //alert(" Utiliser le bouton 'fermer' "); + //setOpen(false); + }; + + const Dialog_LIST_ATTESTATION_handleClose_buton = () => { + setDialog_LIST_ATTESTATION_open(false); + }; + + + const New_Option_Type_Document = [ + { "id": "email", "label": "Email", "value": "email" }, + + ] + + const [selected_convention_id, setselected_convention_id] = useState(); + const [selected_convention_type, setselected_convention_type] = useState(""); + const [selected_convention_email_destinataire_prod, setselected_convention_email_destinataire_prod] = useState(""); + const [selected_convention_email_test, setselected_convention_email_test] = useState(""); + + const [New_Get_List_Stagiaire_Attestation_Ftion_result, setNew_Get_List_Stagiaire_Attestation_Ftion_result] = useState([]); + + const [Get_List_Stagiaire_Attestation_Ftion_api, setGet_List_Stagiaire_Attestation_Ftion_api] = useState(); + const [Get_List_Stagiaire_Attestation_Ftion_message, setGet_List_Stagiaire_Attestation_Ftion_message] = useState(); + const [Get_List_Stagiaire_Attestation_Ftion_result, setGet_List_Stagiaire_Attestation_Ftion_result] = useState(); + function Get_List_Stagiaire_Attestation_Ftion(ref_interne, nom, type_doc, courrier_template_type_document_ref_interne) { + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("type_doc", type_doc); + form.append("courrier_template_type_document_ref_interne", "ATTESTATION_FORMATION"); + + + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Modele_Attestion_Formation_With_Filter/"; + setLoading(true); + + + axios.post(myurl, form).then(res => { + //console.log(" In Get_List_Stagiaire_Attestation_Ftion res.data.status = " + res.data.status); + //console.log(" In Get_List_Stagiaire_Attestation_Ftion res.data.message r_class = " + res.data.message); + setLoading(false); + if (String(res.data.status) === String("true")) { + + + setGet_List_Stagiaire_Attestation_Ftion_api("true"); + setGet_List_Stagiaire_Attestation_Ftion_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_ref_interne = JSON.parse(x).ref_interne; + var local_nom = JSON.parse(x).nom; + var local_sujet = JSON.parse(x).sujet; + var local_type_doc = JSON.parse(x).type_doc; + var local_cible = JSON.parse(x).cible; + var local_joint_pdf = JSON.parse(x).joint_pdf; + + + + //--- + var node = { + "_id": local_id, + "id": localid, + "label": local_nom, + "ref_interne": local_ref_interne, + "nom": local_nom, + "sujet": local_sujet, + "type_doc": local_type_doc, + "cible": local_cible, + "joint_pdf": local_joint_pdf, + + }; + new_data2.push(node); + }); + + if (new_data2.length > 0) + setNew_Get_List_Stagiaire_Attestation_Ftion_result(new_data2); + + } + else { + setGet_List_Stagiaire_Attestation_Ftion_api("false"); + setGet_List_Stagiaire_Attestation_Ftion_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('Not good man :( Get_List_Stagiaire_Attestation_Ftion = ', error); + setGet_List_Stagiaire_Attestation_Ftion_api("false"); + alert("Impossible de récupérer les modèles de convocations"); + //setmyApimyApiMessage("") + }) + } + + + const [action_server_to_run, setaction_server_to_run] = useState(""); + const [action_server_type_doc, setaction_server_type_doc] = useState(""); + const [action_server_nom_doc, setaction_server_nom_doc] = useState(""); + const [action_server_ref_interne_doc, setaction_server_ref_interne_doc] = useState(""); + const [action_server_type_doc_ref_interne, setaction_server_type_doc_ref_interne] = useState(""); + + return ( + +
+ {isLoading &&
+
+
} + + + + MySy Information + + + {Dialog_1_message} + + +
+ + + +
+ +
Action a traiter + +
+ + + + +
+ + + + +
+
+ + +
+
+ +
+
+ +
+ +
+ + {/* Dialog pour gerer les LIST_ATTESTATION */} + + + MySy Information + + + {Dialog_1_message} + + + +
Type Document
+ + { + if (value && value.value) { + setselected_convention_type(value.value); + Get_List_Stagiaire_Attestation_Ftion(action_server_ref_interne_doc, action_server_nom_doc, + String(value.value), Dialog_1_message); + + } + }} + renderInput={(params) => + } + /> + + + +
+ + {(String(selected_convention_type) === "email" || String(selected_convention_type) === "pdf") &&
Choisir une attestation de formation + { + if (value && value._id) { + + setselected_convention_id(value._id); + + if (String(value._id) === "default_mail") { + setselected_convention_type("email"); + } + else if (String(value._id) === "default_pdf") { + setselected_convention_type("pdf"); + } else { + var result2 = Get_List_Stagiaire_Attestation_Ftion_result.filter((local_mymanager) => JSON.parse(local_mymanager)._id === String(value._id)) + setselected_convention_type(JSON.parse(result2).type_doc); + } + + } + }} + + renderInput={(params) => + } + /> + +
} + + {/*} + {String(selected_convention_type) === "email" &&
Type Document
+ + + + {String(selected_convention_type) === "email" && } + +
} + + {String(selected_convention_type) === "pdf" &&
Type Document
+ + + + +
} + + */} + + {/*String(selected_convention_type) === "email" &&
+ + + Adresse email de test { + setselected_convention_email_test(e.target.value); + } + } + /> + + +
*/ + } + + {String(selected_convention_type) === "pdf" &&
Recevoir un pré-envoie + + +
+ } + + {/* + {String(selected_convention_type) === "email" && + String(actionmass_ftion_val) !== String("convention") &&
Email destinaitaire + { + setselected_convention_email_destinataire_prod(e.target.value); + } + } + /> + +
+ } + + + {String(selected_convention_type) === "pdf" && + String(actionmass_ftion_val) !== String("convention") &&
Email destinaitaire + + +
+ } + + + */} + +
+ + +
+
+ {String(selected_convention_type) === "email" && } + + + {String(selected_convention_type) === "pdf" && + } + +
+ + + +
+ +
+
+ +
+ +
+ {/* FIN Dialog pour gerer les LIST_ATTESTATION */} + + +
+ +
+
+ + Initialiser la liste + } + modal + nested + position="center center" + + > + + {close => ( +
+ +
MySy Information
+
+ {' '} + + + Confirmez la (ré)initialisation de la liste d'émargement.
+ /!\ Si un tableau d'émargement existe pour cette session, il sera supprimé et récréé +
+ + +
+
+
+ + +
+
+ +
+
+
+ )} +
+ + + +
+
+
+
+ +
+   + + { + setselectionModel_attestation(newSelectionModel); + /*if (newSelectionModel.length === 1) + handleClick_edit_session_From_Line(newSelectionModel);*/ + if (newSelectionModel.length !== 1) { + + } + }} + selectionModel={selectionModel_attestation} + + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} + rows={Getall_Attestation_By_Session_result.map((item, index) => ( + { + id: index, + _id: JSON.parse(item)._id, + email: JSON.parse(item).email, + nom: JSON.parse(item).nom, + prenom: JSON.parse(item).prenom, + status: JSON.parse(item).statut, + date_envoie: JSON.parse(item).date_envoie, + courrier_template_id: JSON.parse(item).courrier_template_id, + courrier_template_nom: JSON.parse(item).courrier_template_nom, + + } + ))} + + columns={columns_attestations} + pageSize={10} + className="datagridclass" + + onRowDoubleClick={(newSelectionModel) => { + + }} + + + + rowsPerPageOptions={[10]} + disableSelectionOnClick + components={{ + Toolbar: GridToolbar, + }} + //sx={datagridSx} + getCellClassName={(params) => { + + + + + // Pour la gestion de la couleur de zone double cliquée + if (String(params.row.id) === String(gridline_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'; + } + + }} + + getRowClassName={(params) => { + + // Pour la gestion de la couleur de zone double cliquée + if (String(params.row.id) === String(gridline_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'; + } + + }} + getEstimatedRowHeight={() => 200} + getRowHeight={() => "auto"} + sx={{ + "& .MuiDataGrid-cellContent": { + minHeight: 50, + + }, + [`& .${gridClasses.cell}`]: { + py: 1, + }, + }} + + + /> + +
+ +
+ +
+ + {selectionModel_attestation && selectionModel_attestation.length >= 1 &&
+ +   + { + if (value && value.value) { + if (String(value.value) === "reinit" || String(value.value) === "resend") { + + setactionmass_attesation_val(value.value); + + } + else { + setactionmass_attesation_val(""); + } + + } + + }} + + renderInput={(params) => + } + /> + + + + {actionmass_attesation_val && + } + +
} +
+
+ +
+ +
+
+
+ + + ) +} + + +export default Module_Attestation_Formation; diff --git a/src/components/Module_Editique.js b/src/components/Module_Editique.js index ab24131..09ae683 100644 --- a/src/components/Module_Editique.js +++ b/src/components/Module_Editique.js @@ -12,7 +12,6 @@ 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 'react-tooltip/dist/react-tooltip.css' import { Tooltip } from 'react-tooltip' import add_plus from "../mysy_img/plus.png"; @@ -276,7 +275,7 @@ const Module_Editique = (props) => { var nom_fichier_cmd = "Convention.zip"; - if (!selected_convention_id || String(selected_convention_id).trim() === "") { + if (!selected_convention_id || String(selected_convention_id).trim() === "") { alert(" Vous devez choisir un modèle de document "); return; } @@ -899,6 +898,17 @@ const Module_Editique = (props) => { }; + + const [Dialog_ATTESTATION_FORMATION_open, setDialog_ATTESTATION_FORMATION_open] = React.useState(false); + const Dialog_ATTESTATION_FORMATION_handleClose = () => { + //alert(" Utiliser le bouton 'fermer' "); + //setOpen(false); + }; + + const Dialog_ATTESTATION_FORMATION_handleClose_buton = () => { + setDialog_ATTESTATION_FORMATION_open(false); + }; + const [Dialog_CONF_INSCRIPTION_open, setDialog_CONF_INSCRIPTION_open] = React.useState(false); const Dialog_CONF_INSCRIPTION_handleClose = () => { //alert(" Utiliser le bouton 'fermer' "); @@ -1078,7 +1088,48 @@ const Module_Editique = (props) => { {/* FIN Dialog pour gerer les EMARGEMENT_FORMATION */} - {/* Dialog pour gerer les EVALUATION_FORMATION */} + + {/* Dialog pour gerer les ATTESTATION_FORMATION */} + + + MySy Information + + +
+ Cliquez sur l'onglet 'ATTESTATION' pour la gestion des attestations de formation :
+
    +
  • Initialisation
  • +
  • Envoyer par email
  • +
  • etc
  • +
+
+
+
+ + +
+
+   + +
+ +
+ +
+
+ +
+ +
+ {/* FIN Dialog pour gerer les ATTESTATION_FORMATION */} + + + + {/* Dialog pour gerer les EVALUATION_FORMATION */} {
Cliquez sur l'onglet 'LES AVIS' pour la gestion des évaluations :
- {/* FIN Dialog pour gerer les EVALUATION_FORMATION */} + {/* FIN Dialog pour gerer les EVALUATION_FORMATION */} {/* Dialog pour gerer les CONVOCATION_STAGIAIRE */} @@ -1129,7 +1180,7 @@ const Module_Editique = (props) => { MySy Information - {Dialog_1_message} + {Dialog_1_message} @@ -1456,7 +1507,7 @@ const Module_Editique = (props) => { MySy Information - {Dialog_1_message} + {Dialog_1_message}
Type Document
@@ -1768,11 +1819,11 @@ const Module_Editique = (props) => { {/* FIN Dialog pour gerer les conventions */} - +
-
+
Action Editique
{Getall_Editable_Document_By_Partner_By_Collection_result && @@ -1781,6 +1832,7 @@ const Module_Editique = (props) => {
{ + setaction_server_to_run(String(JSON.parse(document).server_action_name)) //setaction_server_type_doc(String(JSON.parse(document).courrier_template_type_doc)) setaction_server_nom_doc(String(JSON.parse(document).courrier_template_nom)) @@ -1799,8 +1851,13 @@ const Module_Editique = (props) => { else if (String(JSON.parse(document).courrier_template_ref_interne) === "EMARGEMENT_FORMATION") { setDialog_EMARGEMENT_FORMATION_open(true); } + + else if (String(JSON.parse(document).courrier_template_ref_interne) === "ATTESTATION_FORMATION") { + setDialog_ATTESTATION_FORMATION_open(true); + } + else if (String(JSON.parse(document).courrier_template_ref_interne) === "CONVOCATION_STAGIAIRE") { - + Get_List_Stagiaire_Convocations(String(JSON.parse(document).courrier_template_ref_interne), String(JSON.parse(document).courrier_template_nom), String(JSON.parse(document).courrier_template_type_doc) ); setDialog_CONVOCATION_STAGIAIRE_open(true); @@ -1815,7 +1872,7 @@ const Module_Editique = (props) => { } }}> - {(JSON.parse(document).courrier_template_nom)} + {(JSON.parse(document).courrier_template_nom)}
{String(JSON.parse(document).has_history_event) === "1" && @@ -1845,7 +1902,7 @@ const Module_Editique = (props) => {
-
+
Détail diff --git a/src/components/TestUrl_new.js b/src/components/TestUrl_new.js index 3a772e5..c756559 100644 --- a/src/components/TestUrl_new.js +++ b/src/components/TestUrl_new.js @@ -36,6 +36,7 @@ import DialogTitle from '@mui/material/DialogTitle'; import Typography from '@mui/material/Typography'; import Menu from '@mui/material/Menu'; import Module_Editique from "./Module_Editique"; +import Module_Attestation_Formation from "./Module_Attestation_Formation"; const locales = { 'en-US': enUS, @@ -606,6 +607,10 @@ const TestUrl_New = (props) => { parametres courseid = {courseid}, tabid = {tabid}
+

Module attestation

+ + +

Module Ediditique

diff --git a/src/styles/components/_module_attestation_formation.scss b/src/styles/components/_module_attestation_formation.scss new file mode 100644 index 0000000..e9a6bf7 --- /dev/null +++ b/src/styles/components/_module_attestation_formation.scss @@ -0,0 +1,2632 @@ +.module_attestation_formation { + + .test01 { + font-size: 3rem; + // color: red; + font-weight: bold !important; + } + + .test02 { + font-size: 5px !important; + // color: burlywood; + font-weight: normal; + } + + .test03 { + text-align: left !important; + font-size: x-small; + //background-color: #464b5e !important; + } + + .css-hytcpw{ + max-width: 100% !important; + } + + .tooltip_css { + //background: #81BC3A; + z-index: 9999; + } + + .css-1bcfi89-MuiTreeItem-content .MuiTreeItem-iconContainer{ + font-size: 5px !important; +} + + .bton_action_server { + box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2); + display: inline-block; + text-align: center; + cursor: pointer; + + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + + text-align: left; + 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%; + padding-left: 10px; + } + + .modal { + position: fixed; + z-index: 9999; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #464b5e; + color: white; + outline: none; + padding: 3.2rem; + text-align: center; + } + + .fc-view-harness { + height: 35rem !important; + } + + .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; + padding-right: 1rem !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; + padding-right: 1rem !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; + } + + .bton_enreg_dialog { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + + .bton_annule_dialog { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + + .bton_supprime_dialog { + border-radius: 5rem; + font-size: small; + background: rgb(224, 89, 89) !important; + text-align: right; + height: 2.5rem; + width: auto; + color: white; + margin-left: 10px; + margin-right: 10px; + padding-right: 5px; + padding-left: 5px; + } + + .DialogContent_width { + width: 200px !important; + } + } + + @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; + padding-right: 1rem !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; + padding-right: 1rem !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; + } + + + .bton_enreg_dialog { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 80%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + + .bton_annule_dialog { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 80%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + + .bton_supprime_dialog { + border-radius: 5rem; + font-size: small; + background: rgb(224, 89, 89) !important; + text-align: right; + height: 2.5rem; + width: auto; + color: white; + margin-left: 10px; + margin-right: 10px; + padding-right: 5px; + padding-left: 5px; + } + + .DialogContent_width { + width: 500px !important; + } + + } + + @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; + padding-right: 1rem !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; + } + + + .bton_enreg_dialog { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 80%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + + .bton_annule_dialog { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 80%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + + .bton_supprime_dialog { + border-radius: 5rem; + font-size: small; + background: rgb(224, 89, 89) !important; + text-align: right; + height: 2.5rem; + width: auto; + color: white; + margin-left: 10px; + margin-right: 10px; + padding-right: 5px; + padding-left: 5px; + } + + .DialogContent_width { + width: 500px !important; + } + + } + + @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; + padding-right: 1rem !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; + height: 2rem !important; + } + + .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; + } + + + .bton_supprime_dialog { + border-radius: 5rem; + font-size: small; + background: rgb(224, 89, 89) !important; + text-align: right; + height: 2.5rem; + width: auto; + color: white; + margin-left: 10px; + margin-right: 10px; + padding-right: 5px; + padding-left: 5px; + } + + + .DialogContent_width { + width: 500px !important; + } + + } + + // 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; + } + + + .session_caract_Dialog_DatePicker { + width: 99% !important; + background-color: #FFFFFF; + } + + + .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; + padding-right: 1rem !important; +} \ No newline at end of file diff --git a/src/styles/index.scss b/src/styles/index.scss index d289b71..7f98279 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -97,3 +97,4 @@ @import "./components/quisommesnous_v3"; @import "./components/module_editique"; @import "./components/toggleswitch2_mysy"; +@import "./components/module_attestation_formation";