20/12/2023 - 18h

recette2
cherif 2023-12-20 18:07:24 +01:00
parent 3c495a2327
commit a98bfdfbf6
14 changed files with 575 additions and 57959 deletions

1
.env
View File

@ -6,5 +6,6 @@ REACT_APP_API_URL_prod=https://apimysy.mysy-training.com/
REACT_APP_API_URL_recette=https://devapimysy.mysy-training.com/ REACT_APP_API_URL_recette=https://devapimysy.mysy-training.com/
REACT_APP_API_URL=http://localhost:5001/ REACT_APP_API_URL=http://localhost:5001/
REACT_APP_BASE_URL=http://localhost:3009/recherche-formation REACT_APP_BASE_URL=http://localhost:3009/recherche-formation
REACT_APP_FRONT_URL=http://localhost:3009/
REACT_APP_ENV=DEV REACT_APP_ENV=DEV
GENERATE_SOURCEMAP=false GENERATE_SOURCEMAP=false

57669
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -148,8 +148,8 @@
"wysiwyg": "^2.0.0" "wysiwyg": "^2.0.0"
}, },
"scripts": { "scripts": {
"start": "set \"GENERATE_SOURCEMAP=false\" && react-scripts start --max-old-space-size=16384", "start": "set \"GENERATE_SOURCEMAP=false\" && react-scripts --max_old_space_size=16384 start",
"build": "react-scripts build --max-old-space-size=16384", "build": "react-scripts --max_old_space_size=16384 build",
"test": "react-scripts test", "test": "react-scripts test",
"eject": "react-scripts eject", "eject": "react-scripts eject",
"winBuild": "set \"GENERATE_SOURCEMAP=false\" && react-scripts build" "winBuild": "set \"GENERATE_SOURCEMAP=false\" && react-scripts build"

View File

@ -78,6 +78,10 @@ function App() {
<Route path="/Display-Detail-Article/:articleId" exact component={DisplayDetailArticle} /> <Route path="/Display-Detail-Article/:articleId" exact component={DisplayDetailArticle} />
<Route path="/Display-Detail-formation-Coeur/:classId" exact component={CoupDeCoeur} /> <Route path="/Display-Detail-formation-Coeur/:classId" exact component={CoupDeCoeur} />
<Route path="/Partner/:action/:orderid/:packs" exact component={Partner} /> <Route path="/Partner/:action/:orderid/:packs" exact component={Partner} />
<Route path="/Partner/:action/:orderid" exact component={Partner} />
<Route path="/Partner/:action" exact component={Partner} /> <Route path="/Partner/:action" exact component={Partner} />
<Route path="/Partner" exact component={Partner} /> <Route path="/Partner" exact component={Partner} />
<Route path="/PartnerLogin" exact component={PartnerLogin} /> <Route path="/PartnerLogin" exact component={PartnerLogin} />

View File

@ -435,7 +435,7 @@ const AddParnerClient = (props) => {
setformedit_mode_invoice("0"); setformedit_mode_invoice("0");
submenu_donnee_client(); submenu_donnee_client();
fillfield(props.client_mail); fillfield();
setdatamodification("0"); setdatamodification("0");
setdatamodification_invoice("0"); setdatamodification_invoice("0");

View File

@ -26,7 +26,7 @@ import "react-datepicker/dist/react-datepicker.css";
import { format } from 'date-fns' import { format } from 'date-fns'
import moment from "moment"; import moment from "moment";
import InputAdornment from '@mui/material/InputAdornment'; import InputAdornment from '@mui/material/InputAdornment';
import { AiFillCloseCircle } from "react-icons/ai"; import { AiFillCloseCircle, AiOutlineConsoleSql } from "react-icons/ai";
import Box from '@mui/material/Box'; import Box from '@mui/material/Box';
import { Typography, LinearProgress } from '@mui/material'; import { Typography, LinearProgress } from '@mui/material';
import styled from 'styled-components'; import styled from 'styled-components';
@ -48,8 +48,10 @@ import Module_Historique_Action from "./Module_Historique_Action";
import { HiDocumentCheck } from "react-icons/hi2"; import { HiDocumentCheck } from "react-icons/hi2";
import { BsSend } from "react-icons/bs"; import { BsSend } from "react-icons/bs";
import Autocomplete from '@mui/material/Autocomplete'; import Autocomplete from '@mui/material/Autocomplete';
import { FcOpenedFolder } from "react-icons/fc";
const DisplayPartnerSession = (props) => { const DisplayPartnerSession = (props) => {
const history = useHistory(); const history = useHistory();
const [submenu, setsubmenu] = useState(""); const [submenu, setsubmenu] = useState("");
const [rowss, setRows] = useState([]); const [rowss, setRows] = useState([]);
@ -142,7 +144,7 @@ const DisplayPartnerSession = (props) => {
field: 'etape', headerName: 'Etape', hide: false, width: datagrid_columns_size_model2, field: 'etape', headerName: 'Etape', hide: false, width: datagrid_columns_size_model2,
}, },
{ field: 'class_external_code', headerName: 'Code Formation', align: "center", hideable: true, flex: 1, hide: false, minWidth: 150 }, { field: 'class_external_code', headerName: 'Code Formation', align: "center", hideable: true, flex: 1, hide: true, minWidth: 150 },
{ field: 'date_debut', headerName: 'Debut', hide: false, width: datagrid_columns_size_model2, }, { field: 'date_debut', headerName: 'Debut', hide: false, width: datagrid_columns_size_model2, },
{ field: 'date_fin', headerName: 'Fin', hideable: false, width: datagrid_columns_size_model2, }, { field: 'date_fin', headerName: 'Fin', hideable: false, width: datagrid_columns_size_model2, },
{ {
@ -275,7 +277,7 @@ const DisplayPartnerSession = (props) => {
); );
} }
} },
] ]
@ -1021,7 +1023,7 @@ const DisplayPartnerSession = (props) => {
setLoading(false); setLoading(false);
console.warn('Not good man :( Getall_TrainingSession = ', error); console.warn('Not good man :( Getall_TrainingSession = ', error);
setGetall_TrainingSession_api("false"); setGetall_TrainingSession_api("false");
alert("Impossible de lancer la recherche") alert("Impossible de lancer la recherche");
//setmyApimyApiMessage("") //setmyApimyApiMessage("")
}) })
} }
@ -1094,6 +1096,8 @@ const DisplayPartnerSession = (props) => {
const [session_selected_row_id, setsession_selected_row_id] = useState(""); const [session_selected_row_id, setsession_selected_row_id] = useState("");
const [selected_class_external_code, setselected_class_external_code] = useState("");
function handleClick_edit_session_From_Line(selected_row_id) { function handleClick_edit_session_From_Line(selected_row_id) {
setaddOneSession("0"); setaddOneSession("0");
setEdite_session("0"); setEdite_session("0");
@ -1115,6 +1119,8 @@ const DisplayPartnerSession = (props) => {
var session_id = line._id; var session_id = line._id;
setselected_session_id(session_id); setselected_session_id(session_id);
setselected_class_external_code(line.class_external_code);
Getall_Sequence_Of_Session(session_id); Getall_Sequence_Of_Session(session_id);
@ -1130,6 +1136,41 @@ const DisplayPartnerSession = (props) => {
GetListeEmargement(line._id, line.class_internal_url); GetListeEmargement(line._id, line.class_internal_url);
} }
// lorsqu'on rentre dans ce fichier avec deja un session_id (cas des directions )
function Display_session_From_Props(props_session_id, props_class_internal_url) {
setLoading(true);
setaddOneSession("0");
setEdite_session("0");
setnb_stagiaire_Preinscrit("0");
setnb_stagiaire_Inscrit("0");
setselectionModel_preinsc([]);
setSelectionModel_insc([]);
setselected_internal_url(props_class_internal_url);
setselected_session_id(props_session_id);
Getall_Sequence_Of_Session(props_session_id);
submenu_detail_session();
GetCurrentSession(props_session_id, props_class_internal_url);
GetListePreinscrit(props_session_id, props_class_internal_url);
GetListeInscrit(props_session_id, props_class_internal_url);
GetListeEmargement(props_session_id, props_class_internal_url);
setLoading(false);
}
const [Get_List_Partner_Clients_api, setGet_List_Partner_Clients_api] = useState(); const [Get_List_Partner_Clients_api, setGet_List_Partner_Clients_api] = useState();
const [Get_List_Partner_Clients_message, setGet_List_Partner_Clients_message] = useState(); const [Get_List_Partner_Clients_message, setGet_List_Partner_Clients_message] = useState();
const [Get_List_Partner_Clients_result, setGet_List_Partner_Clients_result] = useState(); const [Get_List_Partner_Clients_result, setGet_List_Partner_Clients_result] = useState();
@ -1316,6 +1357,7 @@ const DisplayPartnerSession = (props) => {
useEffect(() => { useEffect(() => {
Get_Partner_Object_Specific_Fields_stagiaire(); Get_Partner_Object_Specific_Fields_stagiaire();
Getall_Training_Employee_No_Filter(); Getall_Training_Employee_No_Filter();
@ -1334,10 +1376,18 @@ const DisplayPartnerSession = (props) => {
Get_Partner_Object_Specific_Fields("session_formation"); Get_Partner_Object_Specific_Fields("session_formation");
window.scrollTo({ if (String(props.object_key).length > 3) {
top: 0,
behavior: "smooth", setLoading(true);
}); GetCurrentSession(props.object_key, props.class_internal_url);
Display_session_From_Props(props.object_key, props.class_internal_url);
setLoading(false);
} else {
window.scrollTo({
top: 0,
behavior: "smooth",
});
}
}, []) }, [])
@ -3908,11 +3958,8 @@ const DisplayPartnerSession = (props) => {
setp_session_etape(mylocaltraining.session_etape); setp_session_etape(mylocaltraining.session_etape);
setp_session_etape_label(mylocaltraining.session_etape); setp_session_etape_label(mylocaltraining.session_etape);
} else { } else {
setp_session_etape_label("Projet"); setp_session_etape_label("Projet");
setp_session_etape("0"); setp_session_etape("0");
} }
@ -3951,9 +3998,16 @@ const DisplayPartnerSession = (props) => {
setp_myclass_title(mylocaltraining.myclass[0].title); setp_myclass_title(mylocaltraining.myclass[0].title);
if (mylocaltraining.class_external_code)
setselected_class_external_code(mylocaltraining.class_external_code);
document.getElementsByName("code_session")[0].value = ""; document.getElementsByName("code_session")[0].value = "";
if (mylocaltraining.code_session) if (mylocaltraining.code_session) {
setp_code_session(mylocaltraining.code_session); setp_code_session(mylocaltraining.code_session);
setselected_code_session(mylocaltraining.code_session);
}
document.getElementsByName("nb_participant")[0].value = ""; document.getElementsByName("nb_participant")[0].value = "";
if (mylocaltraining.nb_participant) if (mylocaltraining.nb_participant)
@ -4032,6 +4086,12 @@ const DisplayPartnerSession = (props) => {
setp_detail_titre(mylocaltraining.titre); setp_detail_titre(mylocaltraining.titre);
} }
if (mylocaltraining.title) {
setselected_class_title(mylocaltraining.title);
}
if (mylocaltraining.location_type) { if (mylocaltraining.location_type) {
setp_detail_location_type(mylocaltraining.location_type); setp_detail_location_type(mylocaltraining.location_type);
} }
@ -8571,11 +8631,11 @@ const DisplayPartnerSession = (props) => {
<Dialog <Dialog
open={Dialog_convention_open} open={Dialog_convention_open}
onClose={Dialog_convention_handleClose} onClose={Dialog_convention_handleClose}
className="displaypartnersession" className="displaypartnersession"
> >
<DialogTitle>MySy Information</DialogTitle> <DialogTitle>MySy Information</DialogTitle>
<DialogContent className="DialogContent_width" style={{"minHeight":"30rem"}}> <DialogContent className="DialogContent_width" style={{ "minHeight": "30rem" }}>
{/*<div className="session_caract_Dialog" > Choisir une convention {/*<div className="session_caract_Dialog" > Choisir une convention
<TextField <TextField
@ -9223,7 +9283,6 @@ const DisplayPartnerSession = (props) => {
prix_session: JSON.parse(item).prix_session, prix_session: JSON.parse(item).prix_session,
published: JSON.parse(item).class_published, published: JSON.parse(item).class_published,
session_title: JSON.parse(item).titre, session_title: JSON.parse(item).titre,
} }
))} ))}
@ -9480,19 +9539,31 @@ const DisplayPartnerSession = (props) => {
shrink: true, shrink: true,
}} }}
disabled={true} disabled={true}
className="disabled_style enable_style" className="disabled_style enable_style disabled_style_left_text_with_visualiser_icone"
value={p_myclass_title} value={p_myclass_title}
onChange={(e) => {
setone_selected_internal_url(e.target.value);
setp_myclass_title(e.target.value)
Get_Class_Data(e.target.value);
}}
/> />
<Tooltip id="detail_01" style={{ "fontSize": "12px" }} />
<a data-tooltip-id="detail_01" data-tooltip-content="Voir les détails">
<div className="disabled_style disabled_style_right_bton_visualiser" onClick={(event) => {
if (selected_internal_url && String(selected_internal_url).length > 2) {
window.open(
process.env.REACT_APP_FRONT_URL + "Partner/affichage/" + String(selected_class_external_code) + "/" + String(selected_internal_url),
'_blank'
);
}
}
}
>
<div className="disabled_style_with_visualiser_icone" >
<FcOpenedFolder />
</div>
</div>
</a>
</div> </div>
<div className="session_caract"><b> Code Session </b><br /> <div className="session_caract"><b> Code Session </b><br />

View File

@ -10,7 +10,7 @@ import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid';
import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css"; import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
import { Editor } from '@tinymce/tinymce-react'; import { Editor } from '@tinymce/tinymce-react';
import { FcViewDetails, FcDisapprove } from "react-icons/fc"; import { FcDisapprove } from "react-icons/fc";
import 'react-tooltip/dist/react-tooltip.css' import 'react-tooltip/dist/react-tooltip.css'
import { Tooltip } from 'react-tooltip' import { Tooltip } from 'react-tooltip'
import add_plus from "../mysy_img/plus.png"; import add_plus from "../mysy_img/plus.png";
@ -44,12 +44,14 @@ import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io";
import { AiTwotoneSave } from "react-icons/ai"; import { AiTwotoneSave } from "react-icons/ai";
import Module_Absence from "./Module_Absence"; import Module_Absence from "./Module_Absence";
import { RiMoreFill } from "react-icons/ri"; import { RiMoreFill } from "react-icons/ri";
import Switch from '@mui/material/Switch';
import { FcSearch } from "react-icons/fc";
import { useHistory } from "react-router-dom"; import { useHistory } from "react-router-dom";
import Module_Historique_Action from "./Module_Historique_Action"; import Module_Historique_Action from "./Module_Historique_Action";
import ToggleSwitch from "./ToggleSwitch"; import ToggleSwitch from "./ToggleSwitch";
import Autocomplete from '@mui/material/Autocomplete'; import Autocomplete from '@mui/material/Autocomplete';
import { FcDownRight, FcRight, FcSearch, FcViewDetails, FcOpenedFolder } from "react-icons/fc";
import { MdOutlineVisibility } from "react-icons/md";
const DisplayPartnerStagiaires = (props) => { const DisplayPartnerStagiaires = (props) => {
const history = useHistory(); const history = useHistory();
@ -92,11 +94,12 @@ const DisplayPartnerStagiaires = (props) => {
{ field: 'prenom', headerName: 'Prénom', minWidth: 150, flex: 1, hide: false, editable: false }, { field: 'prenom', headerName: 'Prénom', minWidth: 150, flex: 1, hide: false, editable: false },
{ field: 'email', headerName: 'Email', minWidth: 200, flex: 1, hideable: false, editable: false }, { field: 'email', headerName: 'Email', minWidth: 200, flex: 1, hideable: false, editable: false },
{ field: 'employeur', headerName: 'Employeur', minWidth: 150, hide: true, editable: false }, { field: 'employeur', headerName: 'Employeur', minWidth: 150, hide: true, editable: false },
{ field: 'client_nom', headerName: 'Client', minWidth: 150, flex: 1, hide: false, editable: false },
{ {
field: 'status', headerName: 'Statut', hide: false, width: datagrid_columns_size_model2, field: 'status', headerName: 'Statut', hide: false, width: datagrid_columns_size_model2,
valueFormatter: (params) => { valueFormatter: (params) => {
if (String(params.value) === "0") if (String(params.value) === "0")
return "Préinscrit"; return "PréIns.";
else if (String(params.value) === "1") else if (String(params.value) === "1")
return "Inscrit"; return "Inscrit";
else if (String(params.value) === "-1") else if (String(params.value) === "-1")
@ -167,7 +170,7 @@ const DisplayPartnerStagiaires = (props) => {
trigger={<Button trigger={<Button
> >
<FcCancel /> Annuler Annuler
</Button>} </Button>}
modal modal
@ -334,7 +337,7 @@ const DisplayPartnerStagiaires = (props) => {
}, },
{ {
field: "Imprimer", headerName: 'Imprimer detail', field: "Impr.", headerName: 'Imprimer detail',
renderCell: (cellValues) => { renderCell: (cellValues) => {
return ( return (
@ -5899,6 +5902,7 @@ const DisplayPartnerStagiaires = (props) => {
nom: JSON.parse(item).nom, nom: JSON.parse(item).nom,
prenom: JSON.parse(item).prenom, prenom: JSON.parse(item).prenom,
employeur: JSON.parse(item).employeur, employeur: JSON.parse(item).employeur,
client_nom: JSON.parse(item).client_rattachement_nom,
status: JSON.parse(item).status, status: JSON.parse(item).status,
title: JSON.parse(item).title, title: JSON.parse(item).title,
distantiel: JSON.parse(item).distantiel, distantiel: JSON.parse(item).distantiel,
@ -6141,7 +6145,7 @@ const DisplayPartnerStagiaires = (props) => {
</TextField> </TextField>
</div>*/} </div>*/}
<div className="session_caract"> Formation <br /> <div className="session_caract"> Formation <br />
<Autocomplete <Autocomplete
disablePortal disablePortal
id="combo-box-demo" id="combo-box-demo"
@ -6674,9 +6678,9 @@ const DisplayPartnerStagiaires = (props) => {
<div className="session_data" > <div className="session_data" >
<div> <div>
{String(participant_data_edit_mode) !== "1" && <div className="session_caract"> <b> Session </b><br /> {String(participant_data_edit_mode) !== "1" && <div className="session_caract" tyle={{ "width": "80%", "float": "left" }}> <b> Session</b><br />
<TextField <TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }} sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 } }}
required required
name="detail_session_class" name="detail_session_class"
id="detail_session_class" id="detail_session_class"
@ -6685,11 +6689,30 @@ const DisplayPartnerStagiaires = (props) => {
shrink: true, shrink: true,
}} }}
disabled={false} disabled={false}
className="disabled_style" className="disabled_style disabled_style_left_text_with_visualiser_icone"
value={p_detail_session_class} value={p_detail_session_class}
/> />
<Tooltip id="detail_01" style={{ "fontSize": "12px" }} />
<a data-tooltip-id="detail_01" data-tooltip-content="Voir les détails">
<div className="disabled_style disabled_style_right_bton_visualiser" onClick={(event) => {
if (selected_session_id && selected_internal_url && String(selected_session_id).length > 2 && String(selected_internal_url).length > 2) {
window.open(
process.env.REACT_APP_FRONT_URL + "Partner/mes_sessions/" + String(selected_session_id) + "/" + String(selected_internal_url),
'_blank'
);
}
}
}
>
<div className="disabled_style_with_visualiser_icone" >
<FcOpenedFolder />
</div>
</div>
</a>
</div>} </div>}
@ -6739,7 +6762,7 @@ const DisplayPartnerStagiaires = (props) => {
shrink: true, shrink: true,
}} }}
disabled={false} disabled={false}
className="disabled_style" className="disabled_style "
value={p_detail_client_rattachement_nom} value={p_detail_client_rattachement_nom}
onChange={(e) => { onChange={(e) => {
setp_detail_client_rattachement_id(e.target.value); setp_detail_client_rattachement_id(e.target.value);
@ -6772,10 +6795,33 @@ const DisplayPartnerStagiaires = (props) => {
shrink: true, shrink: true,
}} }}
disabled={false} disabled={false}
className="disabled_style" className="disabled_style disabled_style_left_text_with_visualiser_icone"
value={p_detail_client_rattachement_nom} value={p_detail_client_rattachement_nom}
/> />
<Tooltip id="detail_01" style={{ "fontSize": "12px" }} />
<a data-tooltip-id="detail_01" data-tooltip-content="Voir les détails">
<div className="disabled_style disabled_style_right_bton_visualiser" onClick={(event) => {
if (p_detail_client_rattachement_id && String(p_detail_client_rattachement_id).length > 2) {
window.open(
process.env.REACT_APP_FRONT_URL + "Partner/mes_clients/" + String(p_detail_client_rattachement_id),
'_blank'
);
}
else{
alert(" Aucun client selectionné")
}
}
}
>
<div className="disabled_style_with_visualiser_icone" >
<FcOpenedFolder />
</div>
</div>
</a>
</div>} </div>}

View File

@ -7,8 +7,7 @@ import Button from '@mui/material/Button';
import Select from 'react-select' import Select from 'react-select'
import { getCookie } from 'react-use-cookie'; import { getCookie } from 'react-use-cookie';
import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid'; import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid';
import Footer from "./Fotter";
import tick_ko from "../mysy_img/tick_KO.png";
import Popup from 'reactjs-popup'; import Popup from 'reactjs-popup';
import 'reactjs-popup/dist/index.css'; import 'reactjs-popup/dist/index.css';
import { AiFillCloseCircle, } from "react-icons/ai"; import { AiFillCloseCircle, } from "react-icons/ai";
@ -238,14 +237,14 @@ const DistplayPartnerTraningsPage = (props) => {
{ field: 'internal_url', headerName: 'internal_url', hide: true }, { field: 'internal_url', headerName: 'internal_url', hide: true },
{ field: 'external_code', headerName: 'Code Formation', hideable: false, minWidth: 150, flex: 1, maxWidth: 250, editable: false }, { field: 'external_code', headerName: 'Code Formation', hideable: false, minWidth: 150, flex: 1, maxWidth: 250, editable: false },
{ field: 'title', headerName: 'Titre', flex: 1, hideable: false, minWidth: 320, flex: 1, editable: false }, { field: 'title', headerName: 'Titre', flex: 1, hideable: false, minWidth: 320, flex: 1, editable: false },
{ field: 'domain', headerName: 'Domaine', minWidth: 50, flex:1, maxWidth:150, hideable: true, }, { field: 'domain', headerName: 'Domaine', minWidth: 50, flex: 1, maxWidth: 150, hideable: true, },
{ field: 'metier', headerName: 'Métier', minWidth: 50, flex:1, maxWidth:150, hideable: true, hide: true }, { field: 'metier', headerName: 'Métier', minWidth: 50, flex: 1, maxWidth: 150, hideable: true, hide: true },
{ field: 'url', headerName: 'lien', minWidth: 20, hideable: true, hide: true }, { field: 'url', headerName: 'lien', minWidth: 20, hideable: true, hide: true },
{ field: 'description', headerName: 'Description', hide: true, resizable: true, minWidth: 100, maxWidth: 150, flex: 1 }, { field: 'description', headerName: 'Description', hide: true, resizable: true, minWidth: 100, maxWidth: 150, flex: 1 },
{ field: 'price', headerName: 'Prix', minWidth: 50, flex:1, maxWidth:100, align: "center", resizable: true, hide: ismobilephone_columns_hide }, { field: 'price', headerName: 'Prix', minWidth: 50, flex: 1, maxWidth: 100, align: "center", resizable: true, hide: ismobilephone_columns_hide },
{ {
field: 'published', headerName: 'Publié', minWidth: 50, flex:1, maxWidth:100, align: "center", resizable: true, field: 'published', headerName: 'Publié', minWidth: 50, flex: 1, maxWidth: 100, align: "center", resizable: true,
valueFormatter: (params) => { valueFormatter: (params) => {
if (String(params.value) === "0") if (String(params.value) === "0")
return "Non"; return "Non";
@ -256,7 +255,7 @@ const DistplayPartnerTraningsPage = (props) => {
}, },
}, },
{ {
field: "management", headerName: 'Gestion', minWidth: 50, flex:1, maxWidth:100, field: "management", headerName: 'Gestion', minWidth: 50, flex: 1, maxWidth: 100,
renderCell: (cellValues) => { renderCell: (cellValues) => {
return ( return (
@ -274,7 +273,7 @@ const DistplayPartnerTraningsPage = (props) => {
} }
}, },
{ {
field: "visual", headerName: 'Visualiser', minWidth: 50, flex:1, maxWidth:100, field: "visual", headerName: 'Visualiser', minWidth: 50, flex: 1, maxWidth: 100,
renderCell: (cellValues) => { renderCell: (cellValues) => {
return ( return (
@ -292,7 +291,7 @@ const DistplayPartnerTraningsPage = (props) => {
} }
}, },
{ {
field: "Print", headerName: 'Editer', minWidth: 50, flex:1, maxWidth:100, field: "Print", headerName: 'Editer', minWidth: 50, flex: 1, maxWidth: 100,
renderCell: (cellValues) => { renderCell: (cellValues) => {
return ( return (
@ -311,7 +310,7 @@ const DistplayPartnerTraningsPage = (props) => {
}, },
{ {
field: "push_to_lms", headerName: 'E-learning Creation', minWidth: 100, flex:1, maxWidth:150, field: "push_to_lms", headerName: 'E-learning Creation', minWidth: 100, flex: 1, maxWidth: 150,
renderCell: (cellValues) => { renderCell: (cellValues) => {
return ( return (
<nav style={{ "textAlign": "center" }}> <nav style={{ "textAlign": "center" }}>
@ -375,7 +374,7 @@ const DistplayPartnerTraningsPage = (props) => {
} }
}, },
{ {
field: "delete", headerName: 'Supprimer', minWidth: 50, flex:1, maxWidth:100, field: "delete", headerName: 'Supprimer', minWidth: 50, flex: 1, maxWidth: 100,
renderCell: (cellValues) => { renderCell: (cellValues) => {
return ( return (
@ -881,15 +880,28 @@ const DistplayPartnerTraningsPage = (props) => {
//GetAllClass(); //GetAllClass();
GetAllClass_new(); GetAllClass_new();
window.scrollTo({
top: 0,
behavior: "smooth",
});
let windowWidth = window.innerWidth;
if (windowWidth < 1001) { if (String(props.class_internal_url).length > 3 && String(props.class_external_code).length > 3 ) {
setismobilephone_columns_hide(true);
setdatagrid_columns_size_model2(10); setLoading(true);
setreftrainingtoupdate(props.class_internal_url);
setexternalcodetraining_toupdate(props.class_external_code);
setupdatetraining(true);
setLoading(false);
} else {
window.scrollTo({
top: 0,
behavior: "smooth",
});
let windowWidth = window.innerWidth;
if (windowWidth < 1001) {
setismobilephone_columns_hide(true);
setdatagrid_columns_size_model2(10);
}
} }
}, []); }, []);
@ -1480,7 +1492,7 @@ const DistplayPartnerTraningsPage = (props) => {
</div>*/} </div>*/}
<div className="session_data"> <div className="session_data">
<div style={{ "border": "None", paddingRight: '10px' }}> <div style={{ "border": "None", paddingRight: '10px' }}>
<Box <Box
sx={{ sx={{
height: "500px", height: "500px",
@ -1509,7 +1521,7 @@ const DistplayPartnerTraningsPage = (props) => {
> >
<DataGrid <DataGrid
checkboxSelection checkboxSelection
onSelectionModelChange={(newSelectionModel) => { onSelectionModelChange={(newSelectionModel) => {
setSelectionModel(newSelectionModel); setSelectionModel(newSelectionModel);
//console.log("ch selected--" + newSelectionModel); //console.log("ch selected--" + newSelectionModel);
@ -1586,7 +1598,7 @@ const DistplayPartnerTraningsPage = (props) => {
<Button variant="outlined" onClick={Createtraining} <Button variant="outlined" onClick={Createtraining}
className="detail_class_submenu bton_add_session" className="detail_class_submenu bton_add_session"
id='menu_import_participant' name='menu_import_participant' style={{ "marginRight": "10px" }}>Formation &nbsp; id='menu_import_participant' name='menu_import_participant' style={{ "marginRight": "10px" }}>Formation &nbsp;
<img src={add_plus} alt="ajout session" className="icon_plus" /> <img src={add_plus} alt="ajout session" className="icon_plus" />
</Button> </Button>

View File

@ -103,7 +103,7 @@ const Partner = (props) => {
const [firstConnexion, setfirstConnexion] = useState(""); const [firstConnexion, setfirstConnexion] = useState("");
const [part_is_partner_admin_account, setpart_is_partner_admin_account] = useState(""); const [part_is_partner_admin_account, setpart_is_partner_admin_account] = useState("");
const { action, orderid, packs } = useParams() const { action, orderid, packs, object_key, class_internal_url } = useParams()
const changeHandler = (event) => { const changeHandler = (event) => {
@ -1327,7 +1327,8 @@ const Partner = (props) => {
{String(menu) === "affichage" && {String(menu) === "affichage" &&
<div className="div_droite"> <div className="div_droite">
<PartnerTranings ispending={partnerstatus} currentpack={partnerPackService} /> <PartnerTranings ispending={partnerstatus} currentpack={partnerPackService} conntected_employee_id={conntected_employee_id}
class_external_code={orderid} class_internal_url={packs}/>
</div> </div>
} }
@ -1483,7 +1484,9 @@ const Partner = (props) => {
{String(menu) === "mes_sessions" && {String(menu) === "mes_sessions" &&
<div className="div_droite"> <div className="div_droite">
<DisplayPartnerSession conntected_employee_id={conntected_employee_id} read_access={check_user_acces_right("session", "read")} write_access={check_user_acces_right("session", "write")} />
<DisplayPartnerSession conntected_employee_id={conntected_employee_id} object_key={orderid} class_internal_url={packs}
read_access={check_user_acces_right("session", "read")} write_access={check_user_acces_right("session", "write")} />
</div> </div>
} }
@ -1550,7 +1553,8 @@ const Partner = (props) => {
{String(menu) === "mes_clients" && <div className="div_droite"> {String(menu) === "mes_clients" && <div className="div_droite">
<Partner_Client conntected_employee_id={conntected_employee_id} read_access={check_user_acces_right("client", "read")} write_access={check_user_acces_right("client", "write")} /> <Partner_Client conntected_employee_id={conntected_employee_id} object_key={orderid}
read_access={check_user_acces_right("client", "read")} write_access={check_user_acces_right("client", "write")} />
</div> </div>
} }

View File

@ -292,11 +292,18 @@ const Partner_Client = (props) => {
useEffect(() => { useEffect(() => {
//menu_info(); //menu_info();
Get_List_Partner_Clients(); Get_List_Partner_Clients();
window.scrollTo({
top: 0,
left: 0, if (String(props.object_key).length > 3) {
behavior: "smooth", handleClick_edit_session_From_Props(props.object_key);
});
} else {
window.scrollTo({
top: 0,
behavior: "smooth",
});
}
}, []); }, []);
@ -424,11 +431,26 @@ const Partner_Client = (props) => {
}); });
} }
} }
function handleClick_edit_session_From_Props(props_client_id) {
setselected_id(props_client_id);
setEdite_Client("1");
window.scrollTo({
top: 800,
left: 0,
behavior: "smooth",
});
}
const [p_filtre1, setp_filtre1] = useState(); const [p_filtre1, setp_filtre1] = useState();
const [p_filtre1_value, setp_filtre1_value] = useState(); const [p_filtre1_value, setp_filtre1_value] = useState();

View File

@ -13,7 +13,6 @@ import MenuItem from '@mui/material/MenuItem';
import { getCookie, setCookie } from 'react-use-cookie'; import { getCookie, setCookie } from 'react-use-cookie';
import { useHistory } from "react-router-dom"; import { useHistory } from "react-router-dom";
import { Calendar, dateFnsLocalizer } from 'react-big-calendar' import { Calendar, dateFnsLocalizer } from 'react-big-calendar'
import format from 'date-fns/format' import format from 'date-fns/format'
import parse from 'date-fns/parse' import parse from 'date-fns/parse'
@ -34,8 +33,8 @@ import DialogActions from '@mui/material/DialogActions';
import DialogContent from '@mui/material/DialogContent'; import DialogContent from '@mui/material/DialogContent';
import DialogContentText from '@mui/material/DialogContentText'; import DialogContentText from '@mui/material/DialogContentText';
import DialogTitle from '@mui/material/DialogTitle'; import DialogTitle from '@mui/material/DialogTitle';
import Typography from '@mui/material/Typography';
import Menu from '@mui/material/Menu';
const locales = { const locales = {
'en-US': enUS, 'en-US': enUS,
@ -531,7 +530,38 @@ const TestUrl_New = (props) => {
setOpen(false); setOpen(false);
}; };
const [contextMenu, setContextMenu] = React.useState(null);
const handleContextMenu = (event) => {
event.preventDefault();
setContextMenu(
contextMenu === null
? {
mouseX: event.clientX + 2,
mouseY: event.clientY - 6,
}
: // repeated contextmenu when it is already open closes it with Chrome 84 on Ubuntu
// Other native context menus might behave different.
// With this behavior we prevent contextmenu from the backdrop to re-locale existing context menus.
null,
);
};
const handleClose22 = () => {
alert(" 22");
setContextMenu(null);
};
const handleClose23 = () => {
alert(" 23");
setContextMenu(null);
};
const handleClose24 = () => {
alert(" 24");
setContextMenu(null);
};
const handleClose25 = () => {
setContextMenu(null);
};
return ( return (
<div className="testurl_new"> <div className="testurl_new">
<Helmet> <Helmet>
@ -569,6 +599,37 @@ const TestUrl_New = (props) => {
<div className="div_mobile"> <div className="div_mobile">
<div onContextMenu={handleContextMenu} style={{ cursor: 'context-menu' }}>
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
name="detail_session_class"
id="detail_session_class"
value={"uuuuuuuuuuu"}
//onContextMenu={handleContextMenu}
>
</TextField>
<Menu
open={contextMenu !== null}
onClose={handleClose}
anchorReference="anchorPosition"
anchorPosition={
contextMenu !== null
? { top: contextMenu.mouseY, left: contextMenu.mouseX }
: undefined
}
>
<MenuItem onClick={handleClose22} style={{"width":"100%"}}>Copy</MenuItem>
<MenuItem onClick={handleClose22} style={{"width":"100%"}}>Print</MenuItem>
<MenuItem onClick={handleClose22} style={{"width":"100%"}}>Highlight</MenuItem>
<MenuItem onClick={handleClose22} style={{"width":"100%"}}>Email</MenuItem>
</Menu>
</div>
<h3> Page de test * testurl_new </h3> <h3> Page de test * testurl_new </h3>
parametres courseid = {courseid}, tabid = {tabid} parametres courseid = {courseid}, tabid = {tabid}
<br /> <br />

View File

@ -2527,6 +2527,32 @@
// end media // end media
.disabled_style_with_visualiser {
width: 80% !important;
}
.disabled_style_with_visualiser_icone{
float: left;
text-align: center;
width: 100%;
font-size: large;
padding-top: 10px;
}
.disabled_style_left_text_with_visualiser_icone{
width: 80% !important;
float: left;
}
.disabled_style_right_bton_visualiser{
width: 9% !important;
float: left;
cursor: pointer;
}
.css-md26zr-MuiInputBase-root-MuiOutlinedInput-root{ .css-md26zr-MuiInputBase-root-MuiOutlinedInput-root{
height: 3rem !important; height: 3rem !important;
} }

View File

@ -12,9 +12,9 @@
z-index: 1; z-index: 1;
top: 0px; top: 0px;
opacity: 80%; opacity: 80%;
} }
.spinner { .spinner {
width: 20rem; width: 20rem;
height: 10rem; height: 10rem;
border: 8px solid; border: 8px solid;
@ -23,14 +23,15 @@
animation: spin-anim 1.2s linear infinite; animation: spin-anim 1.2s linear infinite;
background-color: red; background-color: red;
color: black; color: black;
} }
.mysy_spinner{
.mysy_spinner {
border-radius: 5px; border-radius: 5px;
border: 1px solid black; border: 1px solid black;
opacity: 100%; opacity: 100%;
} }
.Mui-disabled { .Mui-disabled {
font-size: small !important; font-size: small !important;
@ -228,6 +229,7 @@
border-radius: 10px; border-radius: 10px;
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
padding-right: 10px;
} }
@ -253,7 +255,7 @@
padding: 5px; padding: 5px;
} }
.css-1x5jdmq { .css-1x5jdmq {
padding: 6px !important; padding: 6px !important;
@ -448,9 +450,9 @@
font-family: "verdana", "Quicksand", "Signika", sans-serif; font-family: "verdana", "Quicksand", "Signika", sans-serif;
margin-top: 0px !important; margin-top: 0px !important;
margin-bottom: 2px !important; margin-bottom: 2px !important;
} }
.texte_area_filter_value { .texte_area_filter_value {
float: left !important; float: left !important;
width: 100% !important; width: 100% !important;
font-size: x-small !important; font-size: x-small !important;
@ -458,11 +460,11 @@
margin: 0.4rem !important; margin: 0.4rem !important;
margin-top: 0px !important; margin-top: 0px !important;
margin-bottom: 2px !important; margin-bottom: 2px !important;
} }
.filter_bton_add { .filter_bton_add {
float: left; float: left;
width: 40% !important; width: 40% !important;
font-size: xx-large !important; font-size: xx-large !important;
@ -471,33 +473,33 @@
margin-bottom: 2px !important; margin-bottom: 2px !important;
text-align: right; text-align: right;
cursor: pointer; cursor: pointer;
} }
.div_row { .div_row {
float: left; float: left;
border-width: 0.01rem; border-width: 0.01rem;
width: 100%; width: 100%;
border-radius: 1rem; border-radius: 1rem;
} }
.div_row_gauche { .div_row_gauche {
float: left; float: left;
width: 100%; width: 100%;
border-radius: 1rem; border-radius: 1rem;
text-align: left; text-align: left;
} }
.div_row_droite { .div_row_droite {
float: left; float: left;
width: 100%; width: 100%;
border-radius: 1rem; border-radius: 1rem;
text-align: left; text-align: left;
} }
.bton_suppr { .bton_suppr {
background: transparent; background: transparent;
color: red; color: red;
border-radius: 5rem; border-radius: 5rem;
@ -508,9 +510,9 @@
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
margin-bottom: 1rem !important; margin-bottom: 1rem !important;
} }
.bton_enreg { .bton_enreg {
border-radius: 5rem; border-radius: 5rem;
font-size: small; font-size: small;
background: #81BC3A !important; background: #81BC3A !important;
@ -519,9 +521,9 @@
width: 100%; width: 100%;
color: white; color: white;
margin-bottom: 1rem !important; margin-bottom: 1rem !important;
} }
.bton_edit { .bton_edit {
border-radius: 5rem; border-radius: 5rem;
font-size: small; font-size: small;
background: black !important; background: black !important;
@ -530,9 +532,9 @@
width: 100%; width: 100%;
color: white; color: white;
margin-bottom: 1rem !important; margin-bottom: 1rem !important;
} }
.bton_annule { .bton_annule {
border-radius: 5rem; border-radius: 5rem;
font-size: small; font-size: small;
background: lightgray !important; background: lightgray !important;
@ -541,35 +543,35 @@
width: 100%; width: 100%;
color: black; color: black;
margin-bottom: 1rem !important; margin-bottom: 1rem !important;
} }
.css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
border-color: transparent !important; border-color: transparent !important;
border-radius: 20px !important; border-radius: 20px !important;
} }
.disabled_style { .disabled_style {
//background-color: #ECEFF1; //background-color: #ECEFF1;
font-size: small !important; font-size: small !important;
color: black; color: black;
width: 100% !important; width: 100% !important;
height: 3.5rem !important; height: 3.5rem !important;
//border: none !important; //border: none !important;
border-radius: 5px; border-radius: 5px;
background: white; background: white;
border: solid gainsboro 1px; border: solid gainsboro 1px;
} }
.training_caract { .training_caract {
width: 100%; width: 100%;
float: left; float: left;
} }
.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
font: inherit; font: inherit;
letter-spacing: inherit; letter-spacing: inherit;
color: currentColor; color: currentColor;
@ -589,56 +591,58 @@
height: 3rem !important; height: 3rem !important;
padding: 0 !important; padding: 0 !important;
padding-left: 5px !important; padding-left: 5px !important;
} }
.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
padding: 1px !important;
}
.block_en_mass {
width: 100%;
float: left;
margin-bottom: 1rem;
}
.block_en_mass_select {
width: 100%;
float: left;
margin-bottom: 1rem;
}
.block_en_mass_bton_action {
width: 100%;
float: left;
margin-bottom: 1rem;
padding-top: 0.5rem !important;
}
.div_row_list_pj{ .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%; width: 100%;
border-left: 3mm ridge rgba(211, 220, 50, .6); border-left: 3mm ridge rgba(211, 220, 50, .6);
float: left; float: left;
} }
.block_en_mass { .block_en_mass {
width: 100%; width: 100%;
float: left; float: left;
margin-bottom: 1rem; margin-bottom: 1rem;
margin-left: 15px; margin-left: 15px;
} }
.block_en_mass_select { .block_en_mass_select {
width: 100%; width: 100%;
float: left; float: left;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.block_en_mass_bton_action { .block_en_mass_bton_action {
width: 100%; width: 100%;
float: left; float: left;
margin-bottom: 1rem; margin-bottom: 1rem;
padding-top: 0.5rem !important; 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) { @media only screen and (min-width: 601px) and (max-width: 991px) {
@ -1040,9 +1044,9 @@
margin: 0.4rem !important; margin: 0.4rem !important;
margin-top: 0px !important; margin-top: 0px !important;
margin-bottom: 2px !important; margin-bottom: 2px !important;
} }
.texte_area_filter_value { .texte_area_filter_value {
float: left !important; float: left !important;
width: 40% !important; width: 40% !important;
font-size: x-small !important; font-size: x-small !important;
@ -1050,11 +1054,11 @@
margin: 0.4rem !important; margin: 0.4rem !important;
margin-top: 0px !important; margin-top: 0px !important;
margin-bottom: 2px !important; margin-bottom: 2px !important;
} }
.filter_bton_add { .filter_bton_add {
float: left; float: left;
width: 5% !important; width: 5% !important;
font-size: large !important; font-size: large !important;
@ -1064,36 +1068,36 @@
text-align: right; text-align: right;
cursor: pointer; cursor: pointer;
margin-top: 1rem !important; margin-top: 1rem !important;
} }
.div_row { .div_row {
float: left; float: left;
//border: 1px solid black; //border: 1px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 100%; width: 100%;
//margin-bottom: 1rem; //margin-bottom: 1rem;
border-radius: 1rem; border-radius: 1rem;
} }
.div_row_gauche { .div_row_gauche {
float: left; float: left;
// border:1px solid black; // border:1px solid black;
// border-width:0.01rem; // border-width:0.01rem;
width: 45%; width: 45%;
border-radius: 1rem; border-radius: 1rem;
text-align: left; text-align: left;
} }
.div_row_droite { .div_row_droite {
float: right; float: right;
//border:1px solid black; //border:1px solid black;
//border-width:0.01rem; //border-width:0.01rem;
width: 45%; width: 45%;
border-radius: 1rem; border-radius: 1rem;
text-align: right; text-align: right;
} }
.bton_suppr { .bton_suppr {
background: transparent; background: transparent;
color: red; color: red;
border-radius: 5rem; border-radius: 5rem;
@ -1104,9 +1108,9 @@
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
min-width: 15rem; min-width: 15rem;
} }
.bton_enreg { .bton_enreg {
border-radius: 5rem; border-radius: 5rem;
font-size: small; font-size: small;
background: #81BC3A !important; background: #81BC3A !important;
@ -1117,9 +1121,9 @@
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
min-width: 15rem; min-width: 15rem;
} }
.bton_edit { .bton_edit {
border-radius: 5rem; border-radius: 5rem;
font-size: small; font-size: small;
background: black !important; background: black !important;
@ -1130,9 +1134,9 @@
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
min-width: 15rem; min-width: 15rem;
} }
.bton_annule { .bton_annule {
border-radius: 5rem; border-radius: 5rem;
font-size: small; font-size: small;
background: lightgray !important; background: lightgray !important;
@ -1143,15 +1147,15 @@
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
min-width: 15rem; min-width: 15rem;
} }
.css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset {
border-color: transparent !important; border-color: transparent !important;
border-radius: 20px !important; border-radius: 20px !important;
} }
.disabled_style { .disabled_style {
//background-color: #ECEFF1; //background-color: #ECEFF1;
font-size: small !important; font-size: small !important;
color: black; color: black;
@ -1162,17 +1166,17 @@
border-radius: 5px; border-radius: 5px;
background: white; background: white;
border: solid gainsboro 1px; border: solid gainsboro 1px;
padding-top: 0.5rem !important; padding-top: 0px !important;
border: none !important; border: none !important;
} }
.training_caract { .training_caract {
width: 30%; width: 30%;
padding: 5px; padding: 5px;
float: left; float: left;
} }
.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled {
font: inherit; font: inherit;
letter-spacing: inherit; letter-spacing: inherit;
color: currentColor; color: currentColor;
@ -1192,57 +1196,58 @@
height: 3rem !important; height: 3rem !important;
padding: 0 !important; padding: 0 !important;
padding-left: 5px !important; padding-left: 5px !important;
} }
.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
padding: 1px !important; padding: 1px !important;
} }
.block_en_mass { .block_en_mass {
width: 50%; width: 50%;
float: left; float: left;
margin-bottom: 1rem; 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;
}
.div_row_list_pj{ .block_en_mass_select {
width: 45%;
float: left;
margin-bottom: 1rem;
}
.div_row_list_pj {
width: 50%; width: 50%;
border-left: 3mm ridge rgba(211, 220, 50, .6); border-left: 3mm ridge rgba(211, 220, 50, .6);
float: left; float: left;
} }
.block_en_mass { .block_en_mass {
width: 50%; width: 50%;
float: left; float: left;
margin-bottom: 1rem; margin-bottom: 1rem;
margin-left: 15px; margin-left: 15px;
} }
.block_en_mass_select { .block_en_mass_select {
width: 45%; width: 45%;
float: left; float: left;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.block_en_mass_bton_action { .block_en_mass_bton_action {
width: 45%; width: 45%;
float: left; float: left;
margin-bottom: 1rem; margin-bottom: 1rem;
padding-top: 0.5rem !important; 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) { @media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -1672,9 +1677,9 @@
margin: 0.4rem !important; margin: 0.4rem !important;
margin-top: 0px !important; margin-top: 0px !important;
margin-bottom: 2px !important; margin-bottom: 2px !important;
} }
.texte_area_filter_value { .texte_area_filter_value {
float: left !important; float: left !important;
width: 40% !important; width: 40% !important;
font-size: x-small !important; font-size: x-small !important;
@ -1682,11 +1687,11 @@
margin: 0.4rem !important; margin: 0.4rem !important;
margin-top: 0px !important; margin-top: 0px !important;
margin-bottom: 2px !important; margin-bottom: 2px !important;
} }
.filter_bton_add { .filter_bton_add {
float: left; float: left;
width: 5% !important; width: 5% !important;
font-size: xx-large !important; font-size: xx-large !important;
@ -1695,8 +1700,8 @@
margin-bottom: 2px !important; margin-bottom: 2px !important;
text-align: right; text-align: right;
cursor: pointer; cursor: pointer;
} }
.titre1 { .titre1 {
font-family: "Quicksand", "Signika", sans-serif; font-family: "Quicksand", "Signika", sans-serif;
@ -1708,33 +1713,41 @@
font-style: italic; font-style: italic;
background-color: gray; background-color: gray;
font-weight: normal; font-weight: normal;
} }
.div_row_list_pj{ .div_row_list_pj {
width: 30%; width: 30%;
border-left: 3mm ridge rgba(211, 220, 50, .6); border-left: 3mm ridge rgba(211, 220, 50, .6);
float: left; float: left;
} }
.block_en_mass { .block_en_mass {
width: 50%; width: 50%;
float: left; float: left;
margin-bottom: 1rem; margin-bottom: 1rem;
margin-left: 15px; margin-left: 15px;
} }
.block_en_mass_select { .block_en_mass_select {
width: 45%; width: 45%;
float: left; float: left;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.block_en_mass_bton_action { .block_en_mass_bton_action {
width: 45%; width: 45%;
float: left; float: left;
margin-bottom: 1rem; margin-bottom: 1rem;
padding-top: 0.5rem !important; padding-top: 0.5rem !important;
} }
.tuteur_field {
width: 50%;
padding: 5px;
float: left;
text-align: left;
font-size: small;
}
} }
@ -1874,6 +1887,8 @@
border: solid gainsboro 1px; border: solid gainsboro 1px;
} }
.training_caract { .training_caract {
width: 30%; width: 30%;
padding: 5px; padding: 5px;
@ -1904,7 +1919,7 @@
.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
padding: 1px !important; padding: 1px !important;
} }
.selectsession { .selectsession {
width: 90%; width: 90%;
@ -2231,9 +2246,9 @@
margin: 0.4rem !important; margin: 0.4rem !important;
margin-top: 0px !important; margin-top: 0px !important;
margin-bottom: 2px !important; margin-bottom: 2px !important;
} }
.texte_area_filter_value { .texte_area_filter_value {
float: left !important; float: left !important;
width: 40% !important; width: 40% !important;
font-size: x-small !important; font-size: x-small !important;
@ -2241,11 +2256,11 @@
margin: 0.4rem !important; margin: 0.4rem !important;
margin-top: 0px !important; margin-top: 0px !important;
margin-bottom: 2px !important; margin-bottom: 2px !important;
} }
.filter_bton_add { .filter_bton_add {
float: left; float: left;
width: 5% !important; width: 5% !important;
font-size: xx-large !important; font-size: xx-large !important;
@ -2254,8 +2269,8 @@
margin-bottom: 2px !important; margin-bottom: 2px !important;
text-align: right; text-align: right;
cursor: pointer; cursor: pointer;
} }
.titre1 { .titre1 {
font-family: "Quicksand", "Signika", sans-serif; font-family: "Quicksand", "Signika", sans-serif;
@ -2267,60 +2282,83 @@
font-style: italic; font-style: italic;
background-color: gray; background-color: gray;
font-weight: normal; font-weight: normal;
} }
.file_ariane{ .file_ariane {
font-size: large; font-size: large;
font-weight: 600; font-weight: 600;
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
.div_row_list_pj{ .div_row_list_pj {
width: 30%; width: 30%;
border-left: 3mm ridge rgba(211, 220, 50, .6); border-left: 3mm ridge rgba(211, 220, 50, .6);
float: left; float: left;
} }
.block_en_mass { .block_en_mass {
width: 50%; width: 50%;
float: left; float: left;
margin-bottom: 1rem; margin-bottom: 1rem;
margin-left: 15px; margin-left: 15px;
} }
.block_en_mass_select { .block_en_mass_select {
width: 45%; width: 45%;
float: left; float: left;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.block_en_mass_bton_action { .block_en_mass_bton_action {
width: 45%; width: 45%;
float: left; float: left;
margin-bottom: 1rem; margin-bottom: 1rem;
padding-top: 0.5rem !important; padding-top: 0.5rem !important;
} }
.tuteur_field{ .tuteur_field {
width: 50%; width: 50%;
padding: 5px; padding: 5px;
float: left; float: left;
text-align: left; text-align: left;
font-size: small; font-size: small;
} }
} }
// end media // end media
.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 { .css-1v4ccyo {
height: 3.5rem !important; height: 3.5rem !important;
font-size: small; font-size: small;
} }
option { option {
font-weight: normal; font-weight: normal;
display: block; display: block;

View File

@ -194,7 +194,7 @@
float: center; float: center;
//border: 1px solid black; //border: 1px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 97%; width: 98%;
height: auto; height: auto;
margin: auto; margin: auto;
padding: 5px; padding: 5px;