-
+ {((selected_id && String(selected_id).length > 2) || (String(addOneParticipant) === "1")) &&
+
+
+
{/*
@@ -12842,11 +12386,12 @@ const DisplayPartnerStagiaires = (props) => {
{(props.formation_initiale === "1" || props.formation_initiale === "2") && String(addOneParticipant) !== "1" && }
- {(props.formation_initiale === "1" || props.formation_initiale === "2") && String(addOneParticipant) !== "1" && }
+ {(props.formation_initiale === "1" || props.formation_initiale === "2") && String(addOneParticipant) !== "1" && }
- {(props.formation_initiale === "1" || props.formation_initiale === "2") && String(addOneParticipant) !== "1" && }
+
+ {(props.formation_initiale === "1" || props.formation_initiale === "2") && String(addOneParticipant) !== "1" && }
{String(addOneParticipant) !== "1" && String(history_securite_read) === "1" && }
@@ -16038,1110 +15583,16 @@ const DisplayPartnerStagiaires = (props) => {
- {(props.formation_initiale === "1" || props.formation_initiale === "2") && String(submenu) === "stages" && String(display_stage) === "1"
- && String(addOneParticipant) !== "1" &&
-
-
+
+ );
+}
+
+
+const useStyles = makeStyles((theme) => ({
+
+ dialog: {
+ position: 'absolute',
+ // left: 10,
+ top: 400
+ },
+
+ paper: {
+ overflowY: 'unset',
+ },
+ customizedButton: {
+ position: 'absolute',
+ left: '98%',
+ top: '-3%',
+ backgroundColor: 'lightgray',
+ color: 'gray',
+ },
+}));
+
+
+
+const Module_Gestion_Stage = (props) => {
+ const classes = useStyles();
+ const history = useHistory();
+
+ const [stage_submenu, setstage_submenu] = useState("");
+
+ const [rowss, setRows] = useState([]);
+
+ const [isLoading, setLoading] = useState();
+
+ function ExpandableCell_50({ value }) {
+ const [expanded, setExpanded] = React.useState(false);
+
+ return (
+
+ );
+ }
+
+ function ExpandableCell_50_bg_hiligt({ value }) {
+ const [expanded, setExpanded] = React.useState(false);
+
+ return (
+
+ );
+ }
+
+ function ExpandableCell_50_bg_hiligt_red_color({ value }) {
+ const [expanded, setExpanded] = React.useState(false);
+
+ return (
+
+ );
+ }
+
+
+ function Display_Colunm_text({ value }) {
+
+ return (
+
-
-
}
diff --git a/src/components/Module_Ent_Mes_Formations.js b/src/components/Module_Ent_Mes_Formations.js
index f96fbe8..a22cf8f 100644
--- a/src/components/Module_Ent_Mes_Formations.js
+++ b/src/components/Module_Ent_Mes_Formations.js
@@ -115,7 +115,7 @@ const useStyles = makeStyles((theme) => ({
color: 'gray',
},
}));
-
+
const Module_Ent_Mes_Formations = (props) => {
registerLocale('fr', fr);
const classes = useStyles();
diff --git a/src/components/Module_Gestion_Stage.js b/src/components/Module_Gestion_Stage.js
new file mode 100644
index 0000000..5cc15f3
--- /dev/null
+++ b/src/components/Module_Gestion_Stage.js
@@ -0,0 +1,2681 @@
+import React, { useRef, useState, useEffect } from "react";
+import TextField from '@mui/material/TextField';
+import MenuItem from '@mui/material/MenuItem';
+import Menu from '@mui/material/Menu';
+import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css
+import Button from '@mui/material/Button';
+import axios from "axios";
+import MoreVertIcon from '@mui/icons-material/MoreVert';
+import { getCookie, setCookie } from 'react-use-cookie';
+import AttachFileIcon from '@mui/icons-material/AttachFile';
+import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid';
+import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
+import 'react-tooltip/dist/react-tooltip.css'
+import { Tooltip } from 'react-tooltip'
+
+import excel_icone from "../mysy_img/excel_icone.png";
+import { format } from 'date-fns'
+import fileDownload from 'js-file-download'
+import Popup from 'reactjs-popup';
+import 'reactjs-popup/dist/index.css';
+import {
+ FcAcceptDatabase,
+ FcExpired
+} from "react-icons/fc";
+import { FcInfo } from "react-icons/fc";
+
+import { CiTrash, CiBoxList } from "react-icons/ci";
+import fr from 'date-fns/locale/fr';
+import { registerLocale } from 'react-datepicker';
+import DatePicker from "react-datepicker";
+import "react-datepicker/dist/react-datepicker.css";
+import moment from "moment";
+import InputAdornment from '@mui/material/InputAdornment';
+import { AiFillCloseCircle } from "react-icons/ai";
+import Box from '@mui/material/Box';
+import { LinearProgress } from '@mui/material';
+import styled from 'styled-components';
+
+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 img_loading_spin from "./../mysy_img/mysy_spin_loading.gif";
+import { Fab } from "@material-ui/core";
+import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io";
+import { AiTwotoneSave } from "react-icons/ai";
+import Module_Absence from "./Module_Absence";
+import { RiMoreFill } from "react-icons/ri";
+import { FcEditImage } from "react-icons/fc";
+import { useHistory } from "react-router-dom";
+import Module_Historique_Action from "./Module_Historique_Action";
+import ToggleSwitch from "./ToggleSwitch";
+import TextareaAutosize from '@mui/material/TextareaAutosize';
+import Autocomplete from '@mui/material/Autocomplete';
+import { FcSearch, FcViewDetails, FcOpenedFolder } from "react-icons/fc";
+import Link from '@mui/material/Link';
+import { PiDotsThree } from "react-icons/pi";
+import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5";
+import CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank';
+import CheckBoxIcon from '@mui/icons-material/CheckBox';
+import Checkbox from '@mui/material/Checkbox';
+import Module_Email_Management from "./Module_Email_Management";
+import FormGroup from '@mui/material/FormGroup';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import { FaComment } from "react-icons/fa6";
+import {
+ GridToolbarContainer, GridToolbarExport, GridToolbarColumnsButton,
+ GridToolbarFilterButton, GridToolbarDensitySelector, GridToolbarExportContainer, useGridApiContext,
+ gridFilteredSortedRowIdsSelector,
+ gridVisibleColumnFieldsSelector,
+ GridValueGetterParams,
+ GridPreferencePanelsValue,
+
+} from '@mui/x-data-grid';
+import { gridClasses } from '@mui/x-data-grid';
+import * as XLSX from 'xlsx';
+import Modules_Mes_Documents from "./Modules_Mes_Documents";
+import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
+
+import { makeStyles } from "@material-ui/core/styles";
+import Paper from '@material-ui/core/Paper';
+import Draggable from 'react-draggable';
+import { IconButton } from '@material-ui/core';
+import AutoFixHighOutlinedIcon from '@mui/icons-material/AutoFixHighOutlined';
+import CancelPresentationIcon from '@mui/icons-material/CancelPresentation';
+import { TrendingUpOutlined } from "@mui/icons-material";
+
+
+function PaperComponent(props) {
+ return (
+
- zzzzz
-
-
-
-
-
-
-
-
-
+ {(props.formation_initiale === "1" || props.formation_initiale === "2") && String(submenu) === "stages_module" && String(display_stage) === "1"
+ && String(addOneParticipant) !== "1" &&
-
+
- {
- setSelectionModel(newSelectionModel);
- /*if (newSelectionModel.length === 1)
- handleClick_edit_session_From_Line(newSelectionModel);*/
- if (newSelectionModel.length !== 1) {
-
- }
- }}
- selectionModel={selectionModel_tuteurs}
-
- localeText={frFR.components.MuiDataGrid.defaultProps.localeText}
- rows={Get_Inscrit_List_Stage_result.map((item, index) => (
- {
- id: index,
- _id: JSON.parse(item)._id,
- eu_id: JSON.parse(item).eu_id,
- inscrit_id: JSON.parse(item).inscrit_id,
- session_id: JSON.parse(item).session_id,
- partner_client_tuteur_id: JSON.parse(item).partner_client_tuteur_id,
- internal_tuteur_id: JSON.parse(item).internal_tuteur_id,
- description: JSON.parse(item).description,
- date_debut: JSON.parse(item).date_debut,
- date_fin: JSON.parse(item).date_fin,
- partner_client_id: JSON.parse(item).partner_client_id,
-
- tuteur_entreprise_nom_prenom: JSON.parse(item).tuteur_entreprise_nom_prenom,
- tuteur_ecole_nom_prenom: JSON.parse(item).tuteur_ecole_nom_prenom,
- client_raison_sociale: JSON.parse(item).client_raison_sociale,
-
- }
- ))}
-
- columns={columns_stages}
- pageSize={10}
- className="datagridclass"
-
- onRowDoubleClick={(newSelectionModel) => {
- setselected_stage_id(newSelectionModel.row._id);
- handleClick_edit_stage_From_Line(newSelectionModel.row.id);
- }}
-
- rowsPerPageOptions={[10]}
- disableSelectionOnClick
- components={{
- Toolbar: GridToolbar,
- }}
- //sx={datagridSx}
- getCellClassName={(params) => {
- //field === 'distantiel'
- if (params.field === 'distantiel' && String(params.value) === "1") {
- return 'cell--distantiel';
- }
- if (params.field === "presentiel" && String(params.value) == "1") {
- return 'cell--presentiel';
- }
-
-
- //field === "statut"
- if (params.field === "status" && String(params.value) == "0") {
- return 'cell--statut--preinscrit';
- }
-
- if (params.field === "status" && String(params.value) == "1") {
- return 'cell--statut--inscrit';
- }
-
- if (params.field === "status" && String(params.value) == "-1") {
- return 'cell--statut--annule';
- }
-
- }}
- 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';
- }
- 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';
- }
- 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"}
-
- />
-
-
- -
-
- - -
-
-
-
-
- {String(props.check_user_acces_right("stagiaire", "write")) === "1" && }
-
-
- - - -
- - - - -
-
-
-
- {add_one_stage === "1" &&
- Nouveau stage
-
-
}
-
-
- {add_one_stage !== "1" && display_selected_stage === "1" &&
-
-
-
-
-
-
-
-
-
-
-
-
-
- Entreprise
-
-
-
-
-
-
-
-
- Entreprise partenaire
- - {New_Get_List_Partner_Clients_result.length > 0 && (data).value === String(p_detail_stage_partner_client_id))[0].label}
- onChange={(event, value) => {
- if (value && value._id) {
- Get_Given_Client_All_Contact(value._id);
- setp_detail_stage_partner_client_id(value._id);
-
- }
- else {
- setNew_Get_Given_Client_All_Contact_result([{
- "_id": "",
- "id": "",
- "label": "",
- "nom": "",
- "prenom": "",
- "civilite": "",
- "fonction": "",
- "email": "",
- "telephone": "",
- "telephone_mobile": "",
- }])
-
- setp_detail_stage_partner_client_id("");
- }
-
- }}
-
- renderInput={(params) =>
-
- - - {New_Get_List_Partner_Clients_result.length > 0 &&
Tuteur en entreprise
- - {New_Get_Given_Client_All_Contact_result.length > 0 && (data).value === String(p_detail_stage_partner_client_tuteur_id))[0].label}
- onChange={(event, value) => {
- if (value && value._id) {
- setp_detail_stage_partner_client_tuteur_id(value._id);
- }
- else {
- setp_detail_stage_partner_client_tuteur_id("");
- }
-
- }}
-
- renderInput={(params) =>
-
- - - {New_Get_Given_Client_All_Contact_result.length > 0 &&
- Adresse
-
-
-
-
-
- Adresse
- - {
- setp_detail_stage_partner_adresse(e.target.value);
- }}
- />
-
-
-
- - -
Code postale
- {
- setp_detail_stage_partner_cp(e.target.value);
- }}
- />
-
-
-
-
- -
Ville
- {
- setp_detail_stage_partner_ville(e.target.value);
- }}
- />
-
-
-
-
- -
Pays
- {
- setp_detail_stage_partner_pays(e.target.value);
- }}
- />
-
-
-
-
- -
-
-
-
- Email
- {
- setp_detail_stage_partner_email(e.target.value);
- }}
- />
-
-
-
-
- -
Telephone
- {
- setp_detail_stage_partner_telephone(e.target.value);
- }}
- />
-
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
- Infos Stage
-
-
-
-
-
- Tuteur école
- {New_Getall_RH_result && New_Getall_RH_result.length > 0 && - (data)._id === String(p_detail_stage_internal_tuteur_id))[0].label}
-
- options={New_Getall_RH_result}
- className="disabled_style"
- onChange={(event, value) => {
- if (value && value._id) {
- setp_detail_stage_internal_tuteur_id(value._id)
- } else {
- setp_detail_stage_internal_tuteur_id("");
- }
-
- }}
-
-
- renderInput={(params) =>
-
- - {New_Getall_RH_result && New_Getall_RH_result.length > 0 && -
Date début
- - {
- setp_detail_stage_date_debut(format(date, 'd/MM/yyyy'));
- }
- }
- showTimeSelect={false}
- dateFormat="dd/MM/yyyy"
- className="disabled_style enable_style"
- locale={'fr'}
-
- />
-
-
-
- - -
Date Fin
- {
- setp_detail_stage_date_fin(format(date, 'd/MM/yyyy'));
- }
- }
- showTimeSelect={false}
- dateFormat="dd/MM/yyyy"
- className="disabled_style enable_style"
- locale={'fr'}
-
- />
-
-
-
-
- -
Description
- - {
- setp_detail_stage_descritpion(e.target.value);
-
- }}
-
- />
-
-
-
- - -
Objectif
- - {
- setp_detail_stage_objectif(e.target.value);
-
- }}
-
- />
-
-
-
- - -
Autre disposition
- - {
- setp_detail_stage_autre_disposition(e.target.value);
-
- }}
-
- />
-
-
-
- - -
Commentaire
- - {
- setp_detail_stage_comment(e.target.value);
-
- }}
-
- />
-
-
-
-
-
- - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
}
-
-
-
-
-
-
-
- {/**
- * Note :
- * Selection d'une convention ou plusieurs convention ==> envoyer par mail pr signature electroniqe, impression PDF
- *
- * Dans le pavé detail, il faut ajouté un pavé spécifique pour :
- * - Horaires et conditions de travail
- * - Gratification
- * - Évaluation du stage
- *
- * Le rapport de stage est enregistrer sur les pièces jointes
- *
- * Ajouter un formulaire d'evaluation qu'on peu envoyer aux 2 tuteurs pour evaluation en ligne
- */}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Entreprise
-
-
-
-
-
-
-
-
- Entreprise partenaire
- - {New_Get_List_Partner_Clients_result.length > 0 && (data)._id === String(p_detail_stage_partner_client_id))[0].label}
-
- onChange={(event, value) => {
- setstage_data_changed("1");
- if (value && value._id) {
- Get_Given_Client_All_Contact(value._id);
- setp_detail_stage_partner_client_id(value._id);
-
- }
- else {
- setNew_Get_Given_Client_All_Contact_result([{
- "_id": "",
- "id": "",
- "label": "",
- "nom": "",
- "prenom": "",
- "civilite": "",
- "fonction": "",
- "email": "",
- "telephone": "",
- "telephone_mobile": "",
- }])
-
- setp_detail_stage_partner_client_id("");
- }
-
- }}
-
- renderInput={(params) =>
-
- - - {New_Get_List_Partner_Clients_result.length > 0 &&
Tuteur en entreprise
- - {New_Get_Given_Client_All_Contact_result.length > 0 && (data)._id === String(p_detail_stage_partner_client_tuteur_id))[0].label}
- options={New_Get_Given_Client_All_Contact_result}
- onChange={(event, value) => {
- setstage_data_changed("1");
-
- if (value && value._id) {
- setp_detail_stage_partner_client_tuteur_id(value._id);
- }
- else {
- setp_detail_stage_partner_client_tuteur_id("");
- }
-
- }}
-
- renderInput={(params) =>
-
- - - {New_Get_Given_Client_All_Contact_result.length > 0 &&
- Adresse
-
-
-
-
-
- Adresse
- - {
- setp_detail_stage_partner_adresse(e.target.value);
- setstage_data_changed("1");
- }}
- />
-
-
-
- - -
Code postale
- {
- setp_detail_stage_partner_cp(e.target.value);
- setstage_data_changed("1");
- }}
- />
-
-
-
-
- -
Ville
- {
- setp_detail_stage_partner_ville(e.target.value);
- setstage_data_changed("1");
- }}
- />
-
-
-
-
- -
Pays
- {
- setp_detail_stage_partner_pays(e.target.value);
- setstage_data_changed("1");
- }}
- />
-
-
-
-
- -
-
-
-
- Email
- {
- setp_detail_stage_partner_email(e.target.value);
- setstage_data_changed("1");
- }}
- />
-
-
-
-
- -
Telephone
- {
- setp_detail_stage_partner_telephone(e.target.value);
- setstage_data_changed("1");
- }}
- />
-
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
- Infos Stage
-
-
-
-
-
- Tuteur école
- {New_Getall_RH_result && New_Getall_RH_result.length > 0 && - (data)._id === String(p_detail_stage_internal_tuteur_id))[0].label}
- options={New_Getall_RH_result}
- className="disabled_style"
- onChange={(event, value) => {
- setstage_data_changed("1");
- if (value && value._id) {
- setp_detail_stage_internal_tuteur_id(value._id)
- } else {
- setp_detail_stage_internal_tuteur_id("");
- }
-
- }}
-
-
- renderInput={(params) =>
-
- - {New_Getall_RH_result && New_Getall_RH_result.length > 0 && -
Date début
- - {
- setp_detail_stage_date_debut(format(date, 'd/MM/yyyy'));
- setstage_data_changed("1");
- }
- }
- showTimeSelect={false}
- dateFormat="dd/MM/yyyy"
- className="disabled_style enable_style"
- locale={'fr'}
-
- />
-
-
-
- - -
Date Fin
- {
- setp_detail_stage_date_fin(format(date, 'd/MM/yyyy'));
- setstage_data_changed("1");
- }
- }
- showTimeSelect={false}
- dateFormat="dd/MM/yyyy"
- className="disabled_style enable_style"
- locale={'fr'}
-
- />
-
-
-
-
- -
Description
- - {
- setp_detail_stage_descritpion(e.target.value);
- setstage_data_changed("1");
- }}
-
- />
-
-
-
- - -
Objectif
- - {
- setp_detail_stage_objectif(e.target.value);
- setstage_data_changed("1");
- }}
-
- />
-
-
-
- - -
Autre disposition
- - {
- setp_detail_stage_autre_disposition(e.target.value);
- setstage_data_changed("1");
- }}
-
- />
-
-
-
- - -
Commentaire
- - {
- setp_detail_stage_comment(e.target.value);
- setstage_data_changed("1");
-
- }}
-
- />
-
-
-
-
-
- - -
-
-
- {edit_stage_data === "1" &&
-
- {String(props.check_user_acces_right("stagiaire", "write")) === "1" && String(stage_data_changed) === "1" && String(edit_stage_data) === "1" &&
}
-
- {edit_stage_data !== "1" &&
- /!\ Pensez à enregistrer les modifications
-
}
-
-
-
-
-
-
-
- {String(props.check_user_acces_right("stagiaire", "write")) === "1" && }
-
-
-
-
-
-
-
-
-
-
-
-
}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ {value}
+
+
+ );
+ }
+
+
+
+ const [gridline_id_stage, setgridline_id_stage] = useState("");
+
+ const columns_stages = [
+ { field: '_id', headerName: '_id', hide: true, editable: false, Width: 0, disableExport: true, },
+ { field: 'id', headerName: 'id', hide: true, Width: 0, disableExport: true, },
+ { field: 'partner_client_tuteur_id', headerName: 'partner_client_tuteur_id', hide: true, Width: 0, disableExport: true, },
+
+ { field: 'date_debut', headerName: 'date_debut', width: 200, renderCell: (params) =>
+ {isLoading &&
+ );
+}
+
+export default Module_Gestion_Stage;
+
+
+const local_css = `
+:root {
+ --bg: #f6f8fb;
+ --card: #ffffff;
+ --text: #0f172a;
+ --muted: #64748b;
+ --border: #e5e7eb;
+ --shadow: 0 10px 25px rgba(2, 6, 23, .06);
+ --green-700: #0f6b53;
+ --green-600: #167a5e;
+ --green-100: #e9f7f1;
+ --blue-600: #2563eb;
+ --radius: 14px;
+ --radius-sm: 10px;
+}
+ .Grid_2_col{
+ margin-top: 12px;
+ display:grid;
+ grid-template-columns: 1.2fr 1fr;
+ gap: 14px;
+ padding:5px;
+}
+
+ .Grid_1_col{
+ margin-top: 12px;
+ display:grid;
+ grid-template-columns: 1fr;
+ gap: 14px;
+ padding:5px;
+}
+
+.Grid_2_col_sub_colone {
+ background: #fff;
+ border: 1px solid #e5e7eb;
+ border-radius: 14px;
+ box-shadow: 0 6px 18px rgba(2,6,23,.04);
+ padding: 0px;
+ display: flex;
+ flex-direction: column;
+ gap: 14px;
+}
+
+
+.Grid_2_col_sub_colone_header {
+ background: #dbeafe;
+ border-top-right-radius: 10px;
+ border-top-left-radius: 10px;
+ text-align: center;
+ font-family: DM Sans;
+ font-weight: 700;
+ height: 2rem;
+ padding-top: 5px;
+ font-size: 15px;
+}
+
+.Grid_2_col_sub_colone_bottom_menu{
+
+}
+
+.card__header{
+background: #e2e8f0;
+ font-size: small;
+ text-align: center;
+}
+
+.card__title{
+ display:flex;
+ align-items:center;
+ gap: 10px;
+}
+
+.card__icon{
+ width: 34px;
+ height: 34px;
+ display:grid;
+ place-items:center;
+ border-radius: 12px;
+ background:#eff6ff;
+ border:1px solid #dbeafe;
+}
+
+.card__header h2{
+ margin:0;
+ font-size: 15px;
+ letter-spacing: -0.01em;
+}
+
+.card__actions{ display:flex; align-items:center; gap:8px; }
+
+.block_detail_action{
+width: 100%;
+ float: left;
+ background: #fafafa;
+ padding: 10px;
+ border: unset;
+ border-radius: 10px;
+ }
+
+ .react-datepicker-wrapper{
+ width: 100%;
+ }
+
+
+`;
diff --git a/src/components/Module_Jury_Admission_Detail_Examen.js b/src/components/Module_Jury_Admission_Detail_Examen.js
index bbee97d..f2d3ce6 100644
--- a/src/components/Module_Jury_Admission_Detail_Examen.js
+++ b/src/components/Module_Jury_Admission_Detail_Examen.js
@@ -512,7 +512,7 @@ const Module_Jury_Admission_Detail_Examen = (props) => {
const handleClose_option_button_vertical = (event, value) => {
if (value && String(value) === "Observ. Edit") {
- console.log("### Observ. Edit= ", value);
+ //console.log("### Observ. Edit= ", value);
}
diff --git a/src/components/Student_Account_Ent.js b/src/components/Student_Account_Ent.js
index b297544..e3580eb 100644
--- a/src/components/Student_Account_Ent.js
+++ b/src/components/Student_Account_Ent.js
@@ -80,7 +80,7 @@ function Student_Account_Ent() {
history.push("/ent_student");
}
- console.log(" local_props_apprenant_id use eefet = ", local_props_apprenant_id)
+ // console.log(" local_props_apprenant_id use eefet = ", local_props_apprenant_id)
var tt = getCookie('tokenmysych');
diff --git a/src/styles/components/_module_gestion_stage.scss b/src/styles/components/_module_gestion_stage.scss
new file mode 100644
index 0000000..60a1fa7
--- /dev/null
+++ b/src/styles/components/_module_gestion_stage.scss
@@ -0,0 +1,2537 @@
+.module_gestion_stage{
+ .tooltip_css {
+ background: #81BC3A;
+ z-index: 9999;
+ font-family: "DM Sans", "sans-serif";
+ font-size: "13px";
+ }
+
+
+ .loader-container {
+ width: 100%;
+ height: 100vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: fixed;
+ background: white;
+ background-color: transparent;
+ z-index: 1;
+ top: 0px;
+ opacity: 80%;
+ left: 0px;
+ }
+
+ .block_archive {
+ background-color: #774a10;
+ width: calc(100% - 20px);
+ margin-left: 10px;
+ margin-right: 10px;
+ border-radius: 5px;
+ text-align: center;
+ font-family: DM sans;
+ color: white;
+ margin-bottom: 0.5rem;
+ font-style: italic;
+ opacity: 80%;
+ font-weight: 600;
+ font-size: 14px;
+ }
+
+
+ .spinner {
+ width: 20rem;
+ height: 10rem;
+ border: 8px solid;
+ border-color: #3d5af1 transparent #3d5af1 transparent;
+ border-radius: 50%;
+ animation: spin-anim 1.2s linear infinite;
+ background-color: red;
+ color: black;
+ }
+
+ .mysy_spinner {
+ border-radius: 5px;
+ //border: 1px solid #d5d8dc;
+ opacity: 100%;
+ }
+
+
+
+ .Mui-disabled {
+ font-family: 'DM Sans', 'Sans-serif';
+ 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 #d5d8dc;
+ 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: "DM Sans", "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: "DM Sans", "sans-serif";
+ font-size: small;
+ letter-spacing: 0.1rem;
+ font-weight: normal;
+ width: 100%;
+ height: 2rem !important;
+ }
+
+ .detail_class_submenu:hover:active,
+ .detail_class_submenu:hover {
+ background-color: #107758;
+ color: white;
+ }
+
+ .detail_class_submenu:focus {
+ //border: 3px dotted green;
+ background-color: #107758;
+ 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: "DM Sans", "sans-serif";
+ font-size: small;
+ border-radius: 10px;
+ border: 1px solid;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: #0a2a4d !important;
+ width: 97% !important;
+ //border: none !important;
+ margin: 5px !important;
+ height: 3.5rem !important;
+ background: white;
+ border: solid gainsboro 1px;
+
+ }
+
+ .training_caract {
+ width: 100%;
+ padding: 5px;
+ float: left;
+ }
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
+ font-family: 'DM Sans', 'Sans-serif';
+ 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;
+ padding-right: 10px;
+
+
+ }
+
+ .session_caract {
+ font-family: DM Sans;
+ width: 100%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+
+ .session_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 100% !important;
+ height: 2rem !important;
+ margin: 5px !important;
+ }
+
+ .css-1x5jdm {
+ padding: 5px;
+ }
+
+
+
+ .css-1x5jdmq {
+ padding: 6px !important;
+ }
+
+ .css-qiwgdb {
+ padding: 6px !important;
+ }
+
+ .preview_certif {
+ display: block;
+ width: 100%;
+ height: 180px;
+ border-radius: 1rem !important;
+ margin-top: 1rem !important;
+ }
+
+ .hr_break {
+ border: 2px solid grey;
+ }
+
+ .icon_plus {
+ width: 6%;
+ }
+
+ .bton_add_session {
+ background: #c8cfd5;
+ color: black;
+ width: 100%;
+ height: 2rem !important;
+ }
+
+ .bton_import_excel {
+ background: #c8cfd5;
+ color: black;
+ width: 100% !important;
+ height: 2rem !important;
+ }
+
+ .div_row_gauche_etendu {
+ width: 100%;
+ }
+
+ .icon_excel {
+ width: 6%;
+ }
+
+
+ .bton_suppr {
+ background: transparent;
+ color: red;
+ border-radius: 5rem;
+ font-size: small;
+ text-align: center;
+ height: 2rem;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_enreg {
+ font-family: DM sans;
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2rem;
+ 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: 2rem;
+ 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: 2rem;
+ 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: "DM Sans", "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 #d5d8dc;
+ 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: "DM Sans", "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: "DM Sans", "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: "DM Sans", "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: 2rem;
+ width: 100%;
+ margin-left: 10px;
+ margin-right: 10px;
+ margin-bottom: 1rem !important;
+ }
+
+ .bton_enreg {
+ font-family: DM sans;
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2rem;
+ width: 100%;
+ color: white;
+ margin-bottom: 1rem !important;
+ }
+
+ .bton_edit {
+ border-radius: 5rem;
+ font-size: small;
+ background: black !important;
+ text-align: right;
+ height: 2rem;
+ width: 100%;
+ color: white;
+ margin-bottom: 1rem !important;
+ }
+
+ .bton_annule {
+ border-radius: 5rem;
+ font-size: small;
+ background: lightgray !important;
+ text-align: right;
+ height: 2rem;
+ 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: #0a2a4d !important;
+ width: 100% !important;
+ height: 3.5rem !important;
+
+ //border: none !important;
+ border-radius: 5px;
+ background: white;
+ border: solid gainsboro 1px;
+
+ }
+
+ .training_caract {
+ width: 100%;
+
+ float: left;
+ }
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
+ font-family: 'DM Sans', 'Sans-serif';
+ 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;
+ }
+
+
+ .div_row_list_pj {
+ width: 100%;
+ border-left: 3mm ridge rgba(211, 220, 50, .6);
+ float: left;
+ }
+
+ .block_en_mass {
+ width: 100%;
+ float: left;
+ margin-bottom: 1rem;
+ margin-left: 15px;
+ }
+
+ .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;
+ }
+
+ .tuteur_field {
+ width: 100%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+ }
+
+ @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: "DM Sans", "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: 12rem;
+ text-align: center;
+ border: 1px solid #9cf;
+ color: #3b3e40;
+ font-family: "DM Sans", "sans-serif";
+ font-size: 11px;
+ letter-spacing: 0.1rem;
+ font-weight: normal;
+ height: 2rem !important;
+ }
+
+ .detail_class_submenu:hover:active,
+ .detail_class_submenu:hover {
+ background-color: #107758;
+ color: white;
+ }
+
+ .detail_class_submenu:focus {
+ //border: 3px dotted green;
+ background-color: #107758;
+ 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: "DM Sans", "sans-serif";
+ font-size: small;
+ border-radius: 10px;
+ border: 1px solid;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: #0a2a4d !important;
+ width: 90% !important;
+ height: 3.5rem !important;
+ margin: 5px !important;
+ //border: none !important;
+ border-radius: 5px;
+ background: white;
+ border: solid gainsboro 1px;
+ }
+
+ .training_caract {
+ width: 48%;
+ padding: 5px;
+ float: left;
+ }
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
+ font-family: 'DM Sans', 'Sans-serif';
+ 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 {
+ font-family: DM Sans;
+ width: 50%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+
+ .session_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 100% !important;
+ height: 2rem !important;
+ margin: 5px !important;
+ }
+
+ .css-1x5jdm {
+ padding: 5px;
+ }
+
+ .bton_envoyer {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 80%;
+ background: #81BC3A;
+ }
+
+
+ .bton_fermer {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 80%;
+ background-color: white;
+ color: #107758 !important;
+ }
+
+ .css-1x5jdmq {
+ padding: 6px !important;
+ padding-bottom: 0px !important;
+ }
+
+ .css-qiwgdb {
+ padding: 6px !important;
+ }
+
+ .preview_certif {
+ display: block;
+ width: 90%;
+ height: 200px;
+ border-radius: 1rem !important;
+ margin-top: 1rem !important;
+ }
+
+ .preview_certif:hover {
+ transform: scale(1.3);
+ margin-left: 5rem;
+ }
+
+ .hr_break {
+ border: 3px solid grey;
+ }
+
+ .icon_plus {
+ width: 6%;
+ }
+
+ .bton_add_session {
+ background: #c8cfd5;
+ color: black;
+ width: 50%;
+ height: 2rem !important;
+ }
+
+ .bton_import_excel {
+ background: #c8cfd5;
+ color: black;
+ width: 65% !important;
+ height: 2rem !important;
+ }
+
+ .div_row_gauche_etendu {
+ width: 80% !important;
+ }
+
+ .icon_excel {
+ width: 6%;
+ }
+
+
+ .bton_suppr {
+ background: transparent;
+ color: red;
+ border-radius: 5rem;
+ font-size: small;
+ text-align: center;
+ height: 2rem;
+ width: 80%;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_enreg {
+ font-family: DM sans;
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2rem;
+ 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: 2rem;
+ 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: 2rem;
+ 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: "DM Sans", "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: 300%;
+ }
+
+ .img_class_logo {
+ display: block;
+ width: 168px;
+ height: 168px;
+ border-radius: 10px !important;
+ border: 1px solid #d5d8dc;
+ 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: "DM Sans", "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: "DM Sans", "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: "DM Sans", "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 #d5d8dc;
+ 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: 2rem;
+ width: 40%;
+ margin-left: 10px;
+ margin-right: 10px;
+ min-width: 15rem;
+ }
+
+ .bton_enreg {
+ font-family: DM sans;
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2rem;
+ 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: 2rem;
+ 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: 2rem;
+ 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;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: #0a2a4d !important;
+ width: 90% !important;
+ height: 3.5rem !important;
+ margin: 5px !important;
+ //border: none !important;
+ border-radius: 5px;
+ background: white;
+ border: solid gainsboro 1px;
+ padding-top: 0px !important;
+ border: none !important;
+ }
+
+ .training_caract {
+ width: 30%;
+ padding: 5px;
+ float: left;
+ }
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
+ font-family: 'DM Sans', 'Sans-serif';
+ 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;
+ }
+
+
+ .div_row_list_pj {
+ width: 50%;
+ border-left: 3mm ridge rgba(211, 220, 50, .6);
+ float: left;
+ }
+
+ .block_en_mass {
+ width: 50%;
+ float: left;
+ margin-bottom: 1rem;
+ margin-left: 15px;
+ }
+
+ .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;
+ }
+
+ .tuteur_field {
+ width: 50%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+
+ }
+
+ @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 #d5d8dc;
+ 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: "DM Sans", "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: 12rem;
+ text-align: center;
+ border: 1px solid #9cf;
+ color: #3b3e40;
+ font-family: "DM Sans", "sans-serif";
+ font-size: 11px;
+ letter-spacing: 0.1rem;
+ font-weight: normal;
+ height: 2rem !important;
+ }
+
+ .detail_class_submenu:hover:active,
+ .detail_class_submenu:hover {
+ background-color: #107758;
+ color: white;
+ }
+
+ .detail_class_submenu:focus {
+ //border: 3px dotted green;
+ background-color: #107758;
+ 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: "DM Sans", "sans-serif";
+ font-size: small;
+ border-radius: 10px;
+ border: 1px solid;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: #0a2a4d !important;
+ width: 90% !important;
+ height: 3.5rem !important;
+ margin: 5px !important;
+ //border: none !important;
+ border-radius: 5px;
+ background: white;
+ border: solid gainsboro 1px;
+ }
+
+ .training_caract {
+ width: 30%;
+ padding: 5px;
+ float: left;
+ }
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
+ font-family: 'DM Sans', 'Sans-serif';
+ 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 {
+ font-family: DM Sans;
+ width: 33%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+
+ .session_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 100% !important;
+ height: 2rem !important;
+ margin: 5px !important;
+ }
+
+ .css-1x5jdm {
+ padding: 5px;
+ }
+
+ .bton_envoyer {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 60%;
+ background: #81BC3A;
+
+ }
+
+
+ .bton_fermer {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 60%;
+ background-color: white;
+ color: #107758 !important;
+ }
+
+ .css-1x5jdmq {
+ padding: 6px !important;
+ padding-bottom: 0px !important;
+ }
+
+ .css-qiwgdb {
+ padding: 6px !important;
+ }
+
+ .preview_certif {
+ display: block;
+ width: 90%;
+ height: 180px;
+ border-radius: 1rem !important;
+ margin-top: 1rem !important;
+ }
+
+ .preview_certif:hover {
+ transform: scale(1.3);
+ margin-left: 5rem;
+ }
+
+ .hr_break {
+ border: 3px solid grey;
+ }
+
+ .icon_plus {
+ width: 8%;
+ }
+
+ .bton_add_session {
+ background: #c8cfd5;
+ color: black;
+ width: 40%;
+ height: 2rem !important;
+ }
+
+ .bton_import_excel {
+ background: #c8cfd5;
+ color: black;
+ width: 50% !important;
+ height: 2rem !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: 2rem;
+ width: 65%;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_enreg {
+ font-family: DM sans;
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2rem;
+ 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: 2rem;
+ 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: 2rem;
+ 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: "DM Sans", "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: 200%;
+ }
+
+ .img_class_logo {
+ display: block;
+ width: 168px;
+ height: 168px;
+ border-radius: 10px !important;
+ border: 1px solid #d5d8dc;
+ 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: "DM Sans", "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: "DM Sans", "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: "DM Sans", "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: "DM Sans", "sans-serif";
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: default;
+ font-style: italic;
+ background-color: gray;
+ font-weight: normal;
+ }
+
+ .div_row_list_pj {
+ width: 30%;
+ border-left: 3mm ridge rgba(211, 220, 50, .6);
+ float: left;
+ }
+
+ .block_en_mass {
+ width: 50%;
+ float: left;
+ margin-bottom: 1rem;
+ margin-left: 15px;
+ }
+
+ .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;
+ }
+
+ .tuteur_field {
+ width: 50%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+
+ }
+
+ @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 #d5d8dc;
+ 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: "DM Sans", "sans-serif";
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: pointer;
+ font-style: italic;
+ background-color: gray;
+ font-weight: normal;
+ }
+
+ .pieddepage {
+ z-index: 50;
+ width: 100%;
+ float: left;
+ margin-top: 12rem;
+ }
+
+ .div_mobile {
+ position: absolute;
+ top: 8rem;
+ z-index: 1;
+ width: 100%;
+ }
+
+ .zone_data {
+ width: 95%;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .detail_class_submenu {
+ background: #d8edfc;
+ border-radius: 15px;
+ margin-right: 1rem;
+ padding: 0.3rem;
+ margin-bottom: 0.5rem;
+ min-width: 15rem;
+ text-align: center;
+ border: 1px solid #9cf;
+ color: #3b3e40;
+ font-family: "DM Sans", "sans-serif";
+ font-size: 11px;
+ letter-spacing: 0.1rem;
+ font-weight: normal;
+ height: 2rem !important;
+ }
+
+ .detail_class_submenu:hover:active,
+ .detail_class_submenu:hover {
+ background-color: #107758;
+ color: white;
+ }
+
+ .detail_class_submenu:focus {
+ //border: 3px dotted green;
+ background-color: #107758;
+ 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: "DM Sans", "sans-serif";
+ font-size: small;
+ border-radius: 10px;
+ border: 1px solid;
+ }
+
+ .disabled_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: #0a2a4d !important;
+ width: 90% !important;
+ height: 3.5rem !important;
+ margin: 5px !important;
+ //border: none !important;
+ border-radius: 5px;
+ background: white;
+ border: solid gainsboro 1px;
+ }
+
+
+
+ .training_caract {
+ width: 30%;
+ padding: 5px;
+ float: left;
+ }
+
+ .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
+ font-family: 'DM Sans', 'Sans-serif';
+ 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 {
+ font-family: DM Sans;
+ width: 33%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+
+ .session_style {
+ //background-color: #ECEFF1;
+ font-size: small !important;
+ color: black;
+ width: 100% !important;
+ height: 2rem !important;
+ margin: 5px !important;
+ }
+
+ .preview_certif {
+ display: block;
+ width: 90%;
+ height: 200px;
+ border-radius: 1rem !important;
+ margin-top: 1rem !important;
+ }
+
+ .preview_certif:hover {
+ transform: scale(1.4);
+ margin-left: 10rem;
+ }
+
+
+ .action_mass {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 40%;
+ background: #81BC3A;
+ height: 2rem;
+ }
+
+
+
+ .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%;
+ }
+
+ .bton_add_session {
+ background: #c8cfd5;
+ color: black;
+ width: 25% !important;
+ height: 2rem !important;
+ }
+
+ .bton_import_excel {
+ background: #c8cfd5;
+ color: black;
+ width: 40% !important;
+ height: 2rem !important;
+ }
+
+ .div_row_gauche_etendu {
+ width: 80%;
+ }
+
+ .icon_excel {
+ width: 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: 2rem;
+ color: white;
+
+ }
+
+ .bton_fermer {
+ border-radius: 5px;
+ font-size: small;
+ padding: 0.3rem;
+ width: 60%;
+ background-color: white;
+ color: #107758 !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;
+ height: 2rem !important;
+ font-size: 11px;
+ 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: 2rem;
+ width: 40%;
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ .bton_enreg {
+ font-family: DM sans;
+ border-radius: 5rem;
+ font-size: small;
+ background: #81BC3A !important;
+ text-align: center;
+ height: 2rem;
+ 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: 2rem;
+ 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: 2rem;
+ 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: "DM Sans", "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: 200%;
+ }
+
+ .img_class_logo {
+ display: block;
+ width: 170px;
+ height: 168px;
+ border-radius: 10px !important;
+ border: 1px solid #d5d8dc;
+ 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: "DM Sans", "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: "DM Sans", "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: "DM Sans", "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: "DM Sans", "sans-serif";
+ font-size: medium;
+ text-align: center;
+ margin-bottom: 0.8rem;
+ color: white;
+ cursor: default;
+ font-style: italic;
+ background-color: gray;
+ font-weight: normal;
+ }
+
+ .file_ariane {
+ font-size: large;
+ font-weight: 600;
+ width: 100%;
+ text-align: center;
+ }
+
+ .div_row_list_pj {
+ width: 30%;
+ border-left: 3mm ridge rgba(211, 220, 50, .6);
+ float: left;
+ }
+
+
+ .block_en_mass {
+ width: 50%;
+ float: left;
+ margin-bottom: 1rem;
+ margin-left: 15px;
+ }
+
+ .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;
+ }
+
+ .tuteur_field {
+ width: 50%;
+ padding: 5px;
+ float: left;
+ text-align: left;
+ font-size: small;
+ }
+
+ }
+
+ .mysy_gris {
+ background: #ECEFF1 !important;
+ }
+
+
+ // end media
+
+ .separator {
+ display: flex;
+ align-items: center;
+ text-align: center;
+ margin-bottom: 0.5rem !important;
+ }
+
+ .separator::before {
+ content: '';
+ flex: 1;
+ border-top: 4px double #999;
+ }
+
+
+ .separator::after {
+ content: '';
+ flex: 1;
+ border-top: 4px double #999;
+ }
+
+ .separator:not(:empty)::before {
+ margin-right: .35em;
+ }
+
+ .separator:not(:empty)::after {
+ margin-left: .35em;
+ }
+
+
+ .separator_label {
+ width: 10rem;
+ float: left;
+ font-family: 'DM Sans';
+ color: blue;
+ font-weight: 600;
+ font-size: 14px;
+ background: #d5d8dc;
+ text-align: center;
+ border: none;
+ }
+
+
+
+
+ .disabled_style_with_visualiser {
+ width: 80% !important;
+ }
+
+ .disabled_style_with_visualiser_icone {
+ float: left;
+ text-align: center;
+ width: 100%;
+ font-size: large;
+ padding-top: 10px;
+ }
+
+ .disabled_style_left_text_with_visualiser_icone {
+ width: 80% !important;
+ float: left;
+ }
+
+ .disabled_style_right_bton_visualiser {
+ width: 9% !important;
+ float: left;
+ cursor: pointer;
+ }
+
+ .css-1v4ccyo {
+ height: 3.5rem !important;
+ font-size: small;
+ color: #0a2a4d !important;
+ }
+
+
+ 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;
+ }
+
+
+}
+
+.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 {
+ font-family: "DM Sans" !important;
+ height: 3.5rem !important;
+}
+
+
+
+.react-datepicker__input-container {
+ width: 110%;
+}
+
+.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input {
+ color: #0a2a4d !important;
+
+ font-size: small !important;
+ font-family: "DM Sans" !important;
+ padding-left: 5px !important;
+}
\ No newline at end of file
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 31d21d4..fbb9d05 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -221,6 +221,7 @@
@import "./components/module_competence_pedagogique";
@import "./components/module_bloc_competence_pedagogique";
@import "./components/module_domaine_competence_pedagogique";
+@import "./components/module_gestion_stage";
// New Design 2025
+ 
+
}
+
+ {/*** Affichage des messages d'alerte*/}
+ {display_alert_mysy && String(display_alert_mysy) === "1" &&
+
+
+
+
+
+
+
+
+
+
+
+
+ zzzzz
+
+
+
+
+
+
+
+
+
+
+
+ {
+ setSelectionModel(newSelectionModel);
+ /*if (newSelectionModel.length === 1)
+ handleClick_edit_session_From_Line(newSelectionModel);*/
+ if (newSelectionModel.length !== 1) {
+
+ }
+ }}
+ selectionModel={selectionModel_stage}
+
+ localeText={frFR.components.MuiDataGrid.defaultProps.localeText}
+ rows={Get_Inscrit_List_Stage_result.map((item, index) => (
+ {
+ id: index,
+ _id: JSON.parse(item)._id,
+ eu_id: JSON.parse(item).eu_id,
+ inscrit_id: JSON.parse(item).inscrit_id,
+ session_id: JSON.parse(item).session_id,
+ partner_client_tuteur_id: JSON.parse(item).partner_client_tuteur_id,
+ internal_tuteur_id: JSON.parse(item).internal_tuteur_id,
+ description: JSON.parse(item).description,
+ date_debut: JSON.parse(item).date_debut,
+ date_fin: JSON.parse(item).date_fin,
+ partner_client_id: JSON.parse(item).partner_client_id,
+
+ tuteur_entreprise_nom_prenom: JSON.parse(item).tuteur_entreprise_nom_prenom,
+ tuteur_ecole_nom_prenom: JSON.parse(item).tuteur_ecole_nom_prenom,
+ client_raison_sociale: JSON.parse(item).client_raison_sociale,
+
+ }
+ ))}
+
+ columns={columns_stages}
+ pageSize={10}
+ className="datagridclass"
+
+ onRowDoubleClick={(newSelectionModel) => {
+ setselected_stage_id(newSelectionModel.row._id);
+ handleClick_edit_stage_From_Line(newSelectionModel.row.id);
+ detail_stage_synthese();
+ }}
+
+ rowsPerPageOptions={[10]}
+ disableSelectionOnClick
+ components={{
+ Toolbar: GridToolbar,
+ }}
+ //sx={datagridSx}
+ getCellClassName={(params) => {
+ //field === 'distantiel'
+ if (params.field === 'distantiel' && String(params.value) === "1") {
+ return 'cell--distantiel';
+ }
+ if (params.field === "presentiel" && String(params.value) == "1") {
+ return 'cell--presentiel';
+ }
+
+
+ //field === "statut"
+ if (params.field === "status" && String(params.value) == "0") {
+ return 'cell--statut--preinscrit';
+ }
+
+ if (params.field === "status" && String(params.value) == "1") {
+ return 'cell--statut--inscrit';
+ }
+
+ if (params.field === "status" && String(params.value) == "-1") {
+ return 'cell--statut--annule';
+ }
+
+ }}
+ getRowClassName={(params) => {
+ // Pour la gestion de la couleur de zone double cliquée
+ if (String(params.row.id) === String(gridline_id_stage)) {
+
+ return 'line--statut--selected';
+ }
+ 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';
+ }
+ 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"}
+
+ />
+
+
+ +
+
+ + +
+
+
+
+
+ {String(props.check_user_acces_right("stagiaire", "write")) === "1" && }
+
+
+ + + +
+ + + + +
+
+
+
+ {add_one_stage === "1" &&
+ Nouveau stage
+
+
}
+
+
+ {add_one_stage !== "1" && display_selected_stage === "1" &&
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Entreprise
+
+
+
+
+
+
+
+
+ Entreprise partenaire
+ + {New_Get_List_Partner_Clients_result.length > 0 && (data)._id === String(p_detail_stage_partner_client_id))[0].label}
+ onChange={(event, value) => {
+ if (value && value._id) {
+ Get_Given_Client_All_Contact(value._id);
+ setp_detail_stage_partner_client_id(value._id);
+
+ }
+ else {
+ setNew_Get_Given_Client_All_Contact_result([{
+ "_id": "",
+ "id": "",
+ "label": "",
+ "nom": "",
+ "prenom": "",
+ "civilite": "",
+ "fonction": "",
+ "email": "",
+ "telephone": "",
+ "telephone_mobile": "",
+ }])
+
+ setp_detail_stage_partner_client_id("");
+ }
+
+ }}
+
+ renderInput={(params) =>
+
+ + + {New_Get_List_Partner_Clients_result.length > 0 &&
Tuteur en entreprise
+ + {New_Get_Given_Client_All_Contact_result.length > 0 && (data)._id === String(p_detail_stage_partner_client_tuteur_id))[0].label}
+ onChange={(event, value) => {
+ if (value && value._id) {
+ setp_detail_stage_partner_client_tuteur_id(value._id);
+ }
+ else {
+ setp_detail_stage_partner_client_tuteur_id("");
+ }
+
+ }}
+
+ renderInput={(params) =>
+
+ + + {New_Get_Given_Client_All_Contact_result.length > 0 &&
+ Adresse
+
+
+
+
+
+ Adresse
+ + {
+ setp_detail_stage_partner_adresse(e.target.value);
+ }}
+ />
+
+
+
+ + +
Code postale
+ {
+ setp_detail_stage_partner_cp(e.target.value);
+ }}
+ />
+
+
+
+
+ +
Ville
+ {
+ setp_detail_stage_partner_ville(e.target.value);
+ }}
+ />
+
+
+
+
+ +
Pays
+ {
+ setp_detail_stage_partner_pays(e.target.value);
+ }}
+ />
+
+
+
+
+ +
+
+
+
+ Email
+ {
+ setp_detail_stage_partner_email(e.target.value);
+ }}
+ />
+
+
+
+
+ +
Telephone
+ {
+ setp_detail_stage_partner_telephone(e.target.value);
+ }}
+ />
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+ Infos Stage
+
+
+
+
+
+ Tuteur école
+ {New_Getall_RH_result && New_Getall_RH_result.length > 0 && + (data)._id === String(p_detail_stage_internal_tuteur_id))[0].label}
+
+ options={New_Getall_RH_result}
+ className="disabled_style"
+ onChange={(event, value) => {
+ if (value && value._id) {
+ setp_detail_stage_internal_tuteur_id(value._id)
+ } else {
+ setp_detail_stage_internal_tuteur_id("");
+ }
+
+ }}
+
+
+ renderInput={(params) =>
+
+ + {New_Getall_RH_result && New_Getall_RH_result.length > 0 && +
Date début
+ + {
+ setp_detail_stage_date_debut(format(date, 'd/MM/yyyy'));
+ }
+ }
+ showTimeSelect={false}
+ dateFormat="dd/MM/yyyy"
+ className="disabled_style enable_style"
+ locale={'fr'}
+
+ />
+
+
+
+ + +
Date Fin
+ {
+ setp_detail_stage_date_fin(format(date, 'd/MM/yyyy'));
+ }
+ }
+ showTimeSelect={false}
+ dateFormat="dd/MM/yyyy"
+ className="disabled_style enable_style"
+ locale={'fr'}
+
+ />
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {selected_stage_id && String(selected_stage_id).length > 0 && New_Get_List_Partner_Clients_result.length > 0 &&
}
+
+
+
+
}
+
+
+
+
+
+
+
+
+
+ {/**
+ * Note :
+ * Selection d'une convention ou plusieurs convention ==> envoyer par mail pr signature electroniqe, impression PDF
+ *
+ * Dans le pavé detail, il faut ajouté un pavé spécifique pour :
+ * - Horaires et conditions de travail
+ * - Gratification
+ * - Évaluation du stage
+ *
+ * Le rapport de stage est enregistrer sur les pièces jointes
+ *
+ * Ajouter un formulaire d'evaluation qu'on peu envoyer aux 2 tuteurs pour evaluation en ligne
+ */}
+
+ {stage_submenu === "stage_synthese" && <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Entreprise
+
+
+
+
+
+
+
+
+ Entreprise partenaire
+ + {New_Get_List_Partner_Clients_result.length > 0 && String(edit_stage_data) === "1" && (data)._id === String(p_detail_stage_partner_client_id))[0].label}
+
+ disabled={String(edit_stage_data) === "1" ? false : true}
+ onChange={(event, value) => {
+ setstage_data_changed("1");
+ if (value && value._id) {
+ Get_Given_Client_All_Contact(value._id);
+ setp_detail_stage_partner_client_id(value._id);
+
+ }
+ else {
+ setNew_Get_Given_Client_All_Contact_result([{
+ "_id": "",
+ "id": "",
+ "label": "",
+ "nom": "",
+ "prenom": "",
+ "civilite": "",
+ "fonction": "",
+ "email": "",
+ "telephone": "",
+ "telephone_mobile": "",
+ }])
+
+ setp_detail_stage_partner_client_id("");
+ }
+
+ }}
+
+ renderInput={(params) => (data)._id === String(p_detail_stage_partner_client_id))[0].label}
+
+ />}
+
+
+
+ + + {New_Get_List_Partner_Clients_result.length > 0 && String(edit_stage_data) === "1" &&
Tuteur en entreprise
+ + {New_Get_Given_Client_All_Contact_result.length > 0 && String(edit_stage_data) === "1" && (data)._id === String(p_detail_stage_partner_client_tuteur_id))[0].label}
+ options={New_Get_Given_Client_All_Contact_result}
+ disabled={String(edit_stage_data) === "1" ? false : true}
+ onChange={(event, value) => {
+ setstage_data_changed("1");
+
+ if (value && value._id) {
+ setp_detail_stage_partner_client_tuteur_id(value._id);
+ }
+ else {
+ setp_detail_stage_partner_client_tuteur_id("");
+ }
+
+ }}
+
+ renderInput={(params) => (data)._id === String(p_detail_stage_partner_client_tuteur_id))[0].label}
+
+ InputLabelProps={{
+ shrink: true,
+ }}
+
+ />}
+
+
+
+ + + {New_Get_Given_Client_All_Contact_result.length > 0 && String(edit_stage_data) === "1" &&
+ Adresse
+
+
+
+
+
+ Adresse
+ + {
+ setp_detail_stage_partner_adresse(e.target.value);
+ setstage_data_changed("1");
+ }}
+ />
+
+
+
+ + +
Code postale
+ {
+ setp_detail_stage_partner_cp(e.target.value);
+ setstage_data_changed("1");
+ }}
+ />
+
+
+
+
+ +
Ville
+ {
+ setp_detail_stage_partner_ville(e.target.value);
+ setstage_data_changed("1");
+ }}
+ />
+
+
+
+
+ +
Pays
+ {
+ setp_detail_stage_partner_pays(e.target.value);
+ setstage_data_changed("1");
+ }}
+ />
+
+
+
+
+ +
+
+
+
+ Email
+ {
+ setp_detail_stage_partner_email(e.target.value);
+ setstage_data_changed("1");
+ }}
+ />
+
+
+
+
+ +
Telephone
+ {
+ setp_detail_stage_partner_telephone(e.target.value);
+ setstage_data_changed("1");
+ }}
+ />
+
+
+
+
+
+ +
+
+
+
+
+
+ Infos Stage
+
+
+
+
+
+ Tuteur école
+ {New_Getall_RH_result && New_Getall_RH_result.length > 0 && String(edit_stage_data) === "1" && + (data)._id === String(p_detail_stage_internal_tuteur_id))[0].label}
+ options={New_Getall_RH_result}
+ className="disabled_style"
+ disabled={String(edit_stage_data) === "1" ? false : true}
+ onChange={(event, value) => {
+ setstage_data_changed("1");
+ if (value && value._id) {
+ setp_detail_stage_internal_tuteur_id(value._id)
+ } else {
+ setp_detail_stage_internal_tuteur_id("");
+ }
+
+ }}
+
+
+ renderInput={(params) => (data)._id === String(p_detail_stage_internal_tuteur_id))[0].label}
+
+ InputLabelProps={{
+ shrink: true,
+ }}
+
+ />}
+
+
+ + {New_Getall_RH_result && New_Getall_RH_result.length > 0 && String(edit_stage_data) === "1" && +
Date début
+ + {
+ setp_detail_stage_date_debut(format(date, 'd/MM/yyyy'));
+ setstage_data_changed("1");
+ }
+ }
+ showTimeSelect={false}
+ dateFormat="dd/MM/yyyy"
+ className="disabled_style enable_style"
+ locale={'fr'}
+ disabled={String(edit_stage_data) === "1" ? false : true}
+
+ />
+
+
+
+ + +
Date Fin
+ {
+ setp_detail_stage_date_fin(format(date, 'd/MM/yyyy'));
+ setstage_data_changed("1");
+ }
+ }
+ showTimeSelect={false}
+ dateFormat="dd/MM/yyyy"
+ className="disabled_style enable_style"
+ locale={'fr'}
+ disabled={String(edit_stage_data) === "1" ? false : true}
+
+ />
+
+
+
+
+
+
+
+
+ +
+
+
+ {edit_stage_data === "1" &&
+
+ {String(props.check_user_acces_right("stagiaire", "write")) === "1" && String(stage_data_changed) === "1" && String(edit_stage_data) === "1" &&
}
+
+ {edit_stage_data !== "1" &&
+ /!\ Pensez à enregistrer les modifications
+
}
+
+
+
+
+
+
+
+ {String(props.check_user_acces_right("stagiaire", "write")) === "1" && }
+
+
+
+
+
+
+
+
+
+
+
+
}
+
+ }
+
+ {stage_submenu === "stage_detail" && <>
+ {String(props.check_user_acces_right("stagiaire", "write")) === "1" && String(stage_data_changed) === "1" && String(edit_stage_data) === "1" &&
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ /!\ Pensez à enregistrer les modifications
+
}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Description
+
+
+
+
+ {
+ setp_detail_stage_descritpion(e.target.value);
+ setstage_data_changed("1");
+ }}
+ disabled={String(edit_stage_data) === "1" ? false : true}
+
+ />
+
+
+
+ +
+
+
+
+
+
+
+
+
+ Objectif
+
+
+
+
+ {
+ setp_detail_stage_objectif(e.target.value);
+ setstage_data_changed("1");
+ }}
+ disabled={String(edit_stage_data) === "1" ? false : true}
+ />
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Horaires et cadre d'exercice
+
+
+
+
+ {
+ setp_detail_stage_objectif(e.target.value);
+ setstage_data_changed("1");
+ }}
+ disabled={String(edit_stage_data) === "1" ? false : true}
+ />
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+ Rémunération et avantages
+
+
+
+
+ {
+ setp_detail_stage_objectif(e.target.value);
+ setstage_data_changed("1");
+ }}
+ disabled={String(edit_stage_data) === "1" ? false : true}
+ />
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ Autre disposition
+
+
+
+
+ {
+ setp_detail_stage_autre_disposition(e.target.value);
+ setstage_data_changed("1");
+ }}
+ disabled={String(edit_stage_data) === "1" ? false : true}
+ />
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+ Commentaire
+
+
+
+
+ {
+ setp_detail_stage_comment(e.target.value);
+ setstage_data_changed("1");
+
+ }}
+ disabled={String(edit_stage_data) === "1" ? false : true}
+ />
+
+
+
+ +
+
+
+ {edit_stage_data === "1" &&
+
+ {String(props.check_user_acces_right("stagiaire", "write")) === "1" && String(stage_data_changed) === "1" && String(edit_stage_data) === "1" &&
}
+
+ {edit_stage_data !== "1" &&
+ /!\ Pensez à enregistrer les modifications
+
}
+
+
+
+
+
+
+
+ {String(props.check_user_acces_right("stagiaire", "write")) === "1" && }
+
+
+
+
+
+
+
+
+
+
+
+
}
+
+
+ }
+
+ {stage_submenu === "stage_suivi" && <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ stage_suivi
+ }
+
+ {stage_submenu === "stage_historique" && <>
+ stage_historique
+ }
+
+ {stage_submenu === "stage_piece_jointe" && <>
+ stage_piece_jointe
+ }
+