From 3482876aea1a5f4acf05387390f21451d787da70 Mon Sep 17 00:00:00 2001 From: cherif Date: Fri, 17 May 2024 21:19:06 +0200 Subject: [PATCH] 17/05/2024 - 21h30 --- src/components/AddClassManual.js | 754 +++++- src/components/Partner.js | 61 +- .../Partner_Config_Ftion_Initiale.js | 1063 ++++++++ ..._partner_ftion_initiale_configuration.scss | 2407 +++++++++++++++++ src/styles/index.scss | 3 +- 5 files changed, 4282 insertions(+), 6 deletions(-) create mode 100644 src/components/Partner_Config_Ftion_Initiale.js create mode 100644 src/styles/components/_partner_ftion_initiale_configuration.scss diff --git a/src/components/AddClassManual.js b/src/components/AddClassManual.js index 5c1c45f..6791fa6 100644 --- a/src/components/AddClassManual.js +++ b/src/components/AddClassManual.js @@ -214,6 +214,171 @@ const AddClassManual = (props) => { ] + const [selectionModel_list_evaluation_nite_enseignement, setselectionModel_list_evaluation_nite_enseignement] = React.useState([]); + + const columns_list_evaluation_unite_enseignement = [ + { field: 'id', headerName: 'id', hide: true }, + { field: '_id', headerName: '_id', hide: true }, + { field: 'class_id', headerName: 'class_id', Width: 0, hide: true, }, + + { field: 'class_ue_id', headerName: 'class_ue_id', Width: 0, hide: true }, + + { + field: 'class_ue_code', headerName: 'Code UE', minWidth: 150, flex: 1, renderCell: (params) => , + renderCell: (cellValues) => { + return ( +
+ {New_Getall_Class_List_UE_result && New_Getall_Class_List_UE_result.length > 0 && } + + +
+ + ); + } + }, + + + { field: 'type_evaluation_id', headerName: 'type_evaluation_id', Width: 0, hide: true, }, + + { + field: 'type_evaluation_code', headerName: 'Type Eval', minWidth: 150, flex: 1, renderCell: (params) => , + renderCell: (cellValues) => { + return ( +
+ {New_Getall_Partner_Type_Evalution_List_result && New_Getall_Partner_Type_Evalution_List_result.length > 0 && } + + +
+ + ); + } + }, + + + { field: 'max_note', headerName: 'max_note', minWidth: 150, flex: 1, renderCell: (params) => , }, + + { + field: "delete", headerName: 'Supprimer', + renderCell: (cellValues) => { + return ( + + + + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, l'évaluation définitivement supprimée de l'UE ainsi que de la formation .
+ +
+
+
+ + +
+
+ +
+
+
+ )} +
+ + + ); + } + }, + + ] + + + function handleClick_delete_evaluation_ue_class(event, cellValues) { + Delete_Given_Evaluation_UE_Class(cellValues.row._id); + } + + + const [Delete_Given_Evaluation_UE_Class_api, setDelete_Given_Evaluation_UE_Class_api] = useState(); + const [Delete_Given_Evaluation_UE_Class_message, setDelete_Given_Evaluation_UE_Class_message] = useState(); + const [Delete_Given_Evaluation_UE_Class_result, setDelete_Given_Evaluation_UE_Class_result] = useState(); + function Delete_Given_Evaluation_UE_Class(local_evaluation_ue_id) { + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("class_ue_evaluation_id", local_evaluation_ue_id); + + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Delete_Class_UE_Evaluation/"; + + axios.post(myurl, form).then(res => { + //console.log(" In Delete_Given_Evaluation_UE_Class res.data.status = " + res.data.status); + //console.log(" In Delete_Given_Evaluation_UE_Class res.data.message r_class = " + res.data.message); + + if (String(res.data.status) === String("true")) { + setDelete_Given_Evaluation_UE_Class_api("true"); + setDelete_Given_Evaluation_UE_Class_result(res.data.message); + + Getall_Class_List_Evalution(); + + setadd_ue_evalution(""); + setselected_ue_id(""); + setselected_eu_evalution_id(""); + setsetgridline_evaluation_ue_id(""); + setp_detail_max_node(""); + setclass_unite_enseignement_type_evaluation_id(""); + + } + else { + setDelete_Given_Evaluation_UE_Class_api("false"); + setDelete_Given_Evaluation_UE_Class_message(res.data.message); + + + alert(res.data.message); + + + } + + }).catch((error) => { + + console.warn('Delete_Given_Evaluation_UE_Class : Not good man :( mysearchtext = ' + error); + setDelete_Given_Evaluation_UE_Class_api("false"); + alert(" Impossible de supprimer l'évaluation "); + }) + } + + function handleClick_delete_UE_From_Class(event, cellValues) { Delete_Given_UE_From_Class(cellValues.row._id); } @@ -321,6 +486,20 @@ const AddClassManual = (props) => { new_data2.push(node); }); + //--- + var node = { + "_id": "", + "id": "", + "label": "", + "code": "", + "titre": "", + "credit": "", + "pres_dist_hyp": "", + "is_noted": "", + + }; + new_data2.push(node); + if (new_data2.length > 0) setNew_Getall_Class_List_UE_result(new_data2); } @@ -419,6 +598,172 @@ const AddClassManual = (props) => { } + const [New_Getall_Partner_Type_Evalution_List_result, setNew_Getall_Partner_Type_Evalution_List_result] = useState([]); + + const [Getall_Partner_Type_Evalution_List_api, setGetall_Partner_Type_Evalution_List_api] = useState(); + const [Getall_Partner_Type_Evalution_List_message, setGetall_Partner_Type_Evalution_List_message] = useState(); + const [Getall_Partner_Type_Evalution_List_result, setGetall_Partner_Type_Evalution_List_result] = useState([]); + function Getall_Partner_Type_Evalution_List(event) { + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Type_Evaluation/"; + + setLoading(true); + + axios.post(myurl, form).then(res => { + + + setLoading(false); + if (String(res.data.status) === String("true")) { + //console.log(" In Getall_Partner_Type_Evalution_List res.data.status = " + res.data.status); + //console.log(" In Getall_Partner_Type_Evalution_List res.data.message r_class = " + res.data.message); + setGetall_Partner_Type_Evalution_List_api("true"); + setGetall_Partner_Type_Evalution_List_result(res.data.message); + + var new_data2 = []; + const new_data = res.data.message.map((x) => { + + //--- + var localid = JSON.parse(x).id; + var local_id = JSON.parse(x)._id; + var local_code = JSON.parse(x).code; + var local_nom = JSON.parse(x).nom; + + //--- + var node = { + "_id": local_id, + "id": localid, + "label": local_code, + "code": local_code, + "nom": local_nom, + + + }; + new_data2.push(node); + }); + + //--- + var node = { + "_id": "", + "id": "", + "label": "", + "code": "", + "nom": "", + + }; + new_data2.push(node); + + if (new_data2.length > 0) + setNew_Getall_Partner_Type_Evalution_List_result(new_data2); + } + else { + setGetall_Partner_Type_Evalution_List_api("false"); + setGetall_Partner_Type_Evalution_List_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + + setLoading(false); + console.warn('Not good man :( Getall_Partner_Type_Evalution_List = ', error); + setGetall_Partner_Type_Evalution_List_api("false"); + alert(" Impossible de recuperer la liste des types d'evaluation"); + //setmyApimyApiMessage("") + }) + } + + + const [New_Getall_Class_List_Evalution_result, setNew_Getall_Class_List_Evalution_result] = useState([]); + + const [Getall_Class_List_Evalution_api, setGetall_Class_List_Evalution_api] = useState(); + const [Getall_Class_List_Evalution_message, setGetall_Class_List_Evalution_message] = useState(); + const [Getall_Class_List_Evalution_result, setGetall_Class_List_Evalution_result] = useState([]); + function Getall_Class_List_Evalution(event) { + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("class_id", props.mytrainingclass['class_id']); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Class_Evaluation/"; + + setLoading(true); + + axios.post(myurl, form).then(res => { + + + setLoading(false); + if (String(res.data.status) === String("true")) { + //console.log(" In Getall_Class_List_Evalution res.data.status = " + res.data.status); + //console.log(" In Getall_Class_List_Evalution res.data.message r_class = " + res.data.message); + setGetall_Class_List_Evalution_api("true"); + setGetall_Class_List_Evalution_result(res.data.message); + + var new_data2 = []; + const new_data = res.data.message.map((x) => { + + //--- + var localid = JSON.parse(x).id; + var local_id = JSON.parse(x)._id; + var local_class_id = JSON.parse(x).class_id; + var local_class_ue_id = JSON.parse(x).class_ue_id; + var local_type_evaluation_id = JSON.parse(x).type_evaluation_id; + var local_max_note = JSON.parse(x).max_note; + + + //--- + var node = { + "_id": local_id, + "id": localid, + "label": local_class_id, + "class_id": local_class_id, + "class_ue_id": local_class_ue_id, + "type_evaluation_id": local_type_evaluation_id, + "max_note": local_max_note, + + + }; + new_data2.push(node); + }); + + //--- + var node = { + "_id": "", + "id": "", + "label": "", + "class_id": "", + "class_ue_id": "", + "type_evaluation_id": "", + "max_note": "", + + }; + new_data2.push(node); + + if (new_data2.length > 0) + setNew_Getall_Class_List_Evalution_result(new_data2); + } + else { + setGetall_Class_List_Evalution_api("false"); + setGetall_Class_List_Evalution_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + + setLoading(false); + console.warn('Not good man :( Getall_Class_List_Evalution = ', error); + setGetall_Class_List_Evalution_api("false"); + alert(" Impossible de recuperer la liste des évaluations de la formatio"); + //setmyApimyApiMessage("") + }) + } + + const presentiel = [ { value: '1', @@ -734,6 +1079,8 @@ const AddClassManual = (props) => { setfield_datelieu(""); setfield_zone_diffusion(""); setmyApiResponse(); + Getall_Partner_Type_Evalution_List(); + Getall_Class_List_Evalution(); @@ -2735,7 +3082,7 @@ const AddClassManual = (props) => { const [submenu, setsubmenu] = useState(""); function submenu_color_management(current_menu) { - const list_sous_menu = ["detail_formation", "unite_enseignement", "admission", "piece_jointe",] + const list_sous_menu = ["detail_formation", "unite_enseignement", "admission", "piece_jointe", "note_evaluation"] for (let i = 0; i < list_sous_menu.length; i++) { @@ -2777,6 +3124,7 @@ const AddClassManual = (props) => { function submenu_note_evaluation() { setsubmenu("note_evaluation"); submenu_color_management("note_evaluation"); + Getall_Class_List_Evalution(); } @@ -2905,6 +3253,72 @@ const AddClassManual = (props) => { } + const [Add_Update_Evaluation_to_UE_api, setAdd_Update_Evaluation_to_UE_api] = useState(); + const [Add_Update_Evaluation_to_UE_message, setAdd_Update_Evaluation_to_UE_message] = useState(); + const [Add_Update_Evaluation_to_UE_result, setAdd_Update_Evaluation_to_UE_result] = useState(); + function Add_Update_Evaluation_to_UE() { + setLoading(true); + var form = new FormData(); + //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + + form.append("max_note", p_detail_max_node); + + var myurl = ""; + + if (String(add_ue_evalution) === "1") { + form.append("class_id", props.mytrainingclass['class_id']); + form.append("class_ue_id", selected_ue_id); + form.append("type_evaluation_id", selected_eu_evalution_id); + + myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Class_UE_Evaluation/"; + } else { + form.append("class_ue_evaluation_id", class_unite_enseignement_type_evaluation_id); + myurl = process.env.REACT_APP_API_URL + "myclass/api/Update_Class_UE_Evaluation/"; + } + + axios.post(myurl, form).then(res => { + setLoading(false); + // console.log(" In Add_Update_Evaluation_to_UE res.data.status = " + res.data.status); + //console.log(" In Add_Update_Evaluation_to_UE res.data.message r_class = " + res.data.message); + + if (String(res.data.status) === String("true")) { + setAdd_Update_Evaluation_to_UE_api("true"); + setAdd_Update_Evaluation_to_UE_result(res.data.message); + + setadd_ue_evalution(""); + setselected_ue_id(""); + setselected_eu_evalution_id(""); + setsetgridline_evaluation_ue_id(""); + setp_detail_max_node(""); + setclass_unite_enseignement_type_evaluation_id(""); + Getall_Class_List_Evalution(); + + + Dialog_Evaluation_Unite_Enseignement_handleClose_buton(); + alert(res.data.message); + + } + else { + setAdd_Update_Evaluation_to_UE_api("false"); + setAdd_Update_Evaluation_to_UE_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('Add_Update_Evaluation_to_UE : Not good man :( mysearchtext = ' + error); + setAdd_Update_Evaluation_to_UE_api("false"); + alert(" Impossible d'ajouter l'évaluation l'UE "); + + }) + } + + const [gridline_ue_id, setgridline_ue_id] = useState(""); const sleep = (milliseconds) => { @@ -2934,6 +3348,28 @@ const AddClassManual = (props) => { }; + + const [Dialog_Evaluation_Unite_Enseignement_open, setDialog_Evaluation_Unite_Enseignement_open] = React.useState(false); + + const Dialog_Evaluation_Unite_Enseignement_handleClose = () => { + setDialog_Evaluation_Unite_Enseignement_open(false); + + }; + const Dialog_Evaluation_Unite_Enseignement_handleClose_buton = () => { + setDialog_Evaluation_Unite_Enseignement_open(false); + + }; + + const [selected_eu_evalution_id, setselected_eu_evalution_id] = React.useState(""); + const [setgridline_evaluation_ue_id, setsetgridline_evaluation_ue_id] = React.useState(""); + + const [class_unite_enseignement_type_evaluation_id, setclass_unite_enseignement_type_evaluation_id] = React.useState(""); + + const [p_detail_max_node, setp_detail_max_node] = React.useState(""); + + + const [add_ue_evalution, setadd_ue_evalution] = React.useState(""); + return (
{isLoading &&
@@ -3106,6 +3542,177 @@ const AddClassManual = (props) => { {/* FIN Dialog pour gerer les Unite_Enseignement */} + + {/* Dialog pour gerer une EVALUATION à une Unite_Enseignement */} + + + MySy Information + + + {Dialog_1_message} + + + {add_ue_evalution && String(add_ue_evalution) === "1" &&
Choisir une unité d'enseignement + {New_Getall_Class_List_UE_result && New_Getall_Class_List_UE_result.length > 0 && + (data)._id === String(selected_ue_id))[0].label} + onChange={(event, value) => { + if (value && value._id) { + + setselected_ue_id(value._id); + + } else { + setselected_ue_id(""); + } + }} + + renderInput={(params) => + } + />} + +
} + + {add_ue_evalution && String(add_ue_evalution) !== "1" && New_Getall_Class_List_UE_result && + New_Getall_Class_List_UE_result.length > 0 &&
Unité d'enseignement + (data)._id === String(selected_ue_id))[0].label} + + /> + + +
} + + + + {add_ue_evalution && String(add_ue_evalution) === "1" &&
Choisir un type d'évaluation + {New_Getall_Partner_Type_Evalution_List_result && New_Getall_Partner_Type_Evalution_List_result.length > 0 && + (data)._id === String(selected_ue_id))[0].label} + onChange={(event, value) => { + if (value && value._id) { + + setselected_eu_evalution_id(value._id); + + } else { + setselected_eu_evalution_id(""); + } + }} + + renderInput={(params) => + } + />} + +
} + + + {add_ue_evalution && String(add_ue_evalution) !== "1" && New_Getall_Partner_Type_Evalution_List_result && + New_Getall_Partner_Type_Evalution_List_result.length > 0 && selected_eu_evalution_id &&
Type d'évaluation + + (data)._id === String(selected_eu_evalution_id))[0].label} + + /> +
} + + +
Max Note + { + setp_detail_max_node(e.target.value); + } + } + + /> + +
+ + +
+ + +
+
+ + + {String(add_ue_evalution) !== "1" && + + } + + {String(add_ue_evalution) === "1" && + + } + + + + +
+ + + +
+ +
+
+ +
+ +
+ {/* FIN Dialog pour gerer une EVALUATION à une Unite_Enseignement */} + + + + {String(props.mytrainingclass.ref).trim() !== "" &&
@@ -3330,7 +3937,150 @@ const AddClassManual = (props) => { {submenu && String(submenu) === "admission" &&
admission
} - {submenu && String(submenu) === "note_evaluation" &&
Note & Modalité d'évaluation
} + {submenu && String(submenu) === "note_evaluation" &&
+ +
+   + + { + setselectionModel_list_evaluation_nite_enseignement(newSelectionModel); + /*if (newSelectionModel.length === 1) + handleClick_edit_session_From_Line(newSelectionModel);*/ + if (newSelectionModel.length !== 1) { + + } + }} + selectionModel={selectionModel_list_evaluation_nite_enseignement} + + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} + rows={Getall_Class_List_Evalution_result.map((item, index) => ( + { + id: index, + _id: JSON.parse(item)._id, + class_id: JSON.parse(item).class_id, + class_ue_id: JSON.parse(item).class_ue_id, + type_evaluation_id: JSON.parse(item).type_evaluation_id, + max_note: JSON.parse(item).max_note, + + + } + ))} + + columns={columns_list_evaluation_unite_enseignement} + pageSize={10} + className="datagridclass" + + onRowDoubleClick={(newSelectionModel) => { + + setadd_ue_evalution("0"); + setsetgridline_evaluation_ue_id(newSelectionModel.row.id); + setselected_eu_evalution_id(newSelectionModel.row.type_evaluation_id) + setselected_ue_id(newSelectionModel.row.class_ue_id); + setp_detail_max_node(newSelectionModel.row.max_note); + setclass_unite_enseignement_type_evaluation_id(newSelectionModel.row._id); + + Getall_Partner_Type_Evalution_List(); + + setDialog_Evaluation_Unite_Enseignement_open(true); + + + + + }} + + + + rowsPerPageOptions={[10]} + disableSelectionOnClick + components={{ + Toolbar: GridToolbar, + }} + //sx={datagridSx} + getCellClassName={(params) => { + + }} + + getRowClassName={(params) => { + + // Pour la gestion de la couleur de zone double cliquée + if (String(params.row.id) === String(ue_gridline_id)) { + + return 'line--statut--selected'; + } + else if (parseInt(String(params.row.id)) % 2 === 0) { + return 'line--statut--pair'; + } + else if (parseInt(String(params.row.id)) % 2 !== 0) { + return 'line--statut--impair'; + } + + }} + getEstimatedRowHeight={() => 200} + getRowHeight={() => "auto"} + sx={{ + "& .MuiDataGrid-cellContent": { + minHeight: 50, + + }, + [`& .${gridClasses.cell}`]: { + py: 1, + }, + }} + + + /> + +
+
+ +
+ +
+
+
+ +
} {submenu && String(submenu) === "piece_jointe" &&
diff --git a/src/components/Partner.js b/src/components/Partner.js index 6a8b68d..3ef026b 100644 --- a/src/components/Partner.js +++ b/src/components/Partner.js @@ -106,6 +106,7 @@ import CoPresentIcon from '@mui/icons-material/CoPresent'; import LocalOfferIcon from '@mui/icons-material/LocalOffer'; import DisplayPartnerUnite_Enseignement from "./DisplayPartnerUnite_Enseignement"; import Partner_Domaine_Categorie_Metier from "./Partner_Domaine_Categorie_Metier"; +import Partner_Config_Ftion_Initiale from "./Partner_Config_Ftion_Initiale"; const Partner = (props) => { const { commingmenu, commingpack } = useParams(); @@ -415,7 +416,7 @@ const Partner = (props) => { "config_champ_specific", "module_agenda", "config_session_steps", "config_jours_heures", "dashbord_formation", "dashbord_session", "mon_tableau_de_bord", "prix_achat", "mes_apprenants", "dashbord_ressources_humaines", "dashbord_inscriptions", "mes_salles", "mes_opportunites", "config_formulaires", "dashbord_factures", "mes_ue", - "domaine_categorie_metier"] + "domaine_categorie_metier", "config_formation_initiale"] if (action && list_menu.includes(action)) { @@ -449,7 +450,8 @@ const Partner = (props) => { // Cette fontion desactive tous les menu header et reactive just le menu_header concerné function inactive_active_menu_header(current_menu_header) { const list_menu_header_names = ['my_account', 'my_class', 'my_session', 'my_apprenant', 'my_ressource', 'my_planning', - 'my_partners', 'my_invoices', 'my_prix_achat', 'my_e_learning', 'my_configuration', 'my_tbd', 'my_ue', 'domaine_categorie_metier'] + 'my_partners', 'my_invoices', 'my_prix_achat', 'my_e_learning', 'my_configuration', 'my_tbd', 'my_ue', 'domaine_categorie_metier', + 'config_formation_initiale'] for (let i = 0; i < list_menu_header_names.length; i++) { if (document.getElementsByName(String(list_menu_header_names[i])) && document.getElementsByName(String(list_menu_header_names[i]))[0]) { document.getElementsByName(String(list_menu_header_names[i]))[0].style.fontWeight = "400"; @@ -464,7 +466,8 @@ const Partner = (props) => { function inactive_active_menu_header_from_url_action(url_action) { const list_menu_header_names = ['my_account', 'my_class', 'my_session', 'my_apprenant', 'my_ressource', 'my_planning', - 'my_partners', 'my_invoices', 'my_prix_achat', 'my_e_learning', 'my_configuration', 'my_tbd', 'my_ue', 'domaine_categorie_metier'] + 'my_partners', 'my_invoices', 'my_prix_achat', 'my_e_learning', 'my_configuration', 'my_tbd', 'my_ue', 'domaine_categorie_metier', + 'config_formation_initiale'] for (let i = 0; i < list_menu_header_names.length; i++) { if (document.getElementsByName(String(list_menu_header_names[i])) && document.getElementsByName(String(list_menu_header_names[i]))[0]) { document.getElementsByName(String(list_menu_header_names[i]))[0].style.fontWeight = "400"; @@ -515,6 +518,21 @@ const Partner = (props) => { } } + function config_ftion_initale_general_func(event) { + var security_retval = check_user_acces_right("config_document", "read"); + if (security_retval === 1) { + setmenu("config_formation_initiale"); + setapiexcelimportmessage(); + setformation_file_name(); + history.push("/Partner/config_formation_initiale"); + document.body.style.backgroundColor = "#ffffff"; + inactive_active_menu_header("config_formation_initiale"); + } else { + Dialog_1_handle_acces_insuffisant("Vos droits ne sont pas suffisants pour acceder à la gestion des documents"); + } + } + + function config_specfic_fields_func(event) { var security_retval = check_user_acces_right("config_document", "read"); @@ -1705,6 +1723,7 @@ const Partner = (props) => { {String(menu) !== "config_formulaires" && }> FORMULAIRES } {String(menu) === "config_formulaires" && }> FORMULAIRES } + @@ -1712,6 +1731,24 @@ const Partner = (props) => {
+ {String(formation_initiale) === "1" &&
+
+
+ + + } style={{ overflow: 'hidden' }}> + {String(menu) !== "config_formation_initiale" && }> GENERAL } + {String(menu) === "config_formation_initiale" && }> GENERAL } + + + + + + + +
+
} +
@@ -1773,6 +1810,16 @@ const Partner = (props) => { } + {String(menu) === "config_formation_initiale" && +
+ + +
+ } + + + @@ -2398,6 +2445,14 @@ const Partner = (props) => {
} + {String(menu) === "config_formation_initiale" && +
+ + +
+ } + diff --git a/src/components/Partner_Config_Ftion_Initiale.js b/src/components/Partner_Config_Ftion_Initiale.js new file mode 100644 index 0000000..f7c6e6f --- /dev/null +++ b/src/components/Partner_Config_Ftion_Initiale.js @@ -0,0 +1,1063 @@ +import React, { useRef, useState, useEffect } from "react"; +import TextField from '@mui/material/TextField'; +import MenuItem from '@mui/material/MenuItem'; +import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css +import Button from '@mui/material/Button'; +import axios from "axios"; +import { getCookie, setCookie } from 'react-use-cookie'; +import { useHistory } from "react-router-dom"; +import CheckOut from "./CheckOut"; +import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid'; +import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css"; +import { Editor } from '@tinymce/tinymce-react'; +import parse from 'html-react-parser'; +import { FcViewDetails, FcDisapprove } from "react-icons/fc"; +import 'react-tooltip/dist/react-tooltip.css' +import { Tooltip } from 'react-tooltip' + +import Autocomplete from '@mui/material/Autocomplete'; +import Popup from 'reactjs-popup'; +import 'reactjs-popup/dist/index.css'; +import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint } from "react-icons/fc"; +import DatePicker from "react-datepicker"; +import "react-datepicker/dist/react-datepicker.css"; +import { format } from 'date-fns' +import moment from "moment"; +import InputAdornment from '@mui/material/InputAdornment'; +import { AiFillCloseCircle } from "react-icons/ai"; +import Box from '@mui/material/Box'; +import { Typography, LinearProgress, sliderClasses } from '@mui/material'; +import styled from 'styled-components'; +import { CiTrash } from "react-icons/ci"; +import { MdAddCircleOutline, MdRemoveCircleOutline } from "react-icons/md"; +import Dialog from '@mui/material/Dialog'; +import DialogActions from '@mui/material/DialogActions'; +import DialogContent from '@mui/material/DialogContent'; +import DialogContentText from '@mui/material/DialogContentText'; +import DialogTitle from '@mui/material/DialogTitle'; +import { TransitionProps } from '@mui/material/transitions'; +import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif"; +import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5"; +import ToggleSwitch from "./ToggleSwitch"; +import { FcInfo } from "react-icons/fc"; +import Link from '@mui/material/Link'; +import { PiDotsThree } from "react-icons/pi"; + +const Partner_Config_Ftion_Initiale = (props) => { + + const history = useHistory(); + const [submenu, setsubmenu] = useState("technique"); + const [rowss, setRows] = useState([]); + + const [selectionModel_type_eval, setselectionModel_type_eval] = React.useState([]); + + + var date_today_90j = new Date(); + date_today_90j.setDate(date_today_90j.getDate() + 90); + + function ExpandableCell_50({ value }) { + const [expanded, setExpanded] = React.useState(false); + + return ( + + ); + } + + const columns_type_evaluation = [ + { field: '_id', headerName: '_id', hide: true }, + { field: 'id', headerName: 'id', hide: true }, + { field: 'code', headerName: 'Code', fminWidth: 150, flex: 1, renderCell: (params) => , }, + { field: 'nom', headerName: 'Nom', minWidth: 150, flex: 1, renderCell: (params) => , }, + { field: 'description', headerName: 'Description', minWidth: 150, flex: 1, renderCell: (params) => , }, + { + field: "delete", headerName: 'Supprimer', + renderCell: (cellValues) => { + return ( + + + + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, le type d'évaluation sera définitivement supprimé.
+ +
+
+
+ + +
+
+ +
+
+
+ )} +
+ + + ); + } + } + ] + + + + const [handleClick_delete_Type_Evaluation_api, sethandleClick_delete_Type_Evaluation_api] = useState(); + const [handleClick_delete_Type_Evaluation_message, sethandleClick_delete_Type_Evaluation_message] = useState(); + const [handleClick_delete_Type_Evaluation_result, sethandleClick_delete_Type_Evaluation_result] = useState(); + function handleClick_delete_Type_Evaluation(event, cellValues) { + + var type_eval = cellValues.row._id; + + var form = new FormData(); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("_id", type_eval); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Delete_Type_Evaluation/"; + + setLoading(true); + axios.post(myurl, form).then(res => { + + setLoading(false); + if (String(res.data.status) === String("true")) { + //console.log(" In handleClick_delete_Type_Evaluation res.data.status = " + res.data.status); + //console.log(" In handleClick_delete_Type_Evaluation res.data.message r_class = " + res.data.message); + sethandleClick_delete_Type_Evaluation_api("true"); + sethandleClick_delete_Type_Evaluation_result(res.data.message); + + Getall_Parter_config_type_evaluation(); + + setp_one_detail_config_code(""); + setp_one_detail_config_nom(""); + setp_one_detail_config_description(""); + setconfig_type_eval_edit_mode(""); + setconfig_type_eval_changed(""); + setdisplay_detail_type_eval(""); + setadd_config_type_eval(""); + setgridline_type_eval_id(""); + + + alert(res.data.message); + if (document.getElementById('myRef_head')) { + var divh = document.getElementById('myRef_head').offsetTop; + window.scrollTo({ + top: divh, + behavior: "smooth", + }); + } + + + } + else { + sethandleClick_delete_Type_Evaluation_api("false"); + sethandleClick_delete_Type_Evaluation_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('Not good man :( handleClick_delete_Type_Evaluation = ', error); + sethandleClick_delete_Type_Evaluation_api("false"); + alert(" Impossible de supprimer le type d'évaluation"); + //setmyApimyApiMessage("") + }) + } + + const [p_filtre1, setp_filtre1] = useState(); + const [p_filtre1_value, setp_filtre1_value] = useState(); + + const [p_filtre2, setp_filtre2] = useState(); + const [p_filtre2_value, setp_filtre2_value] = useState(); + + const [p_filtre3, setp_filtre3] = useState(); + const [p_filtre3_value, setp_filtre3_value] = useState(); + + const [p_filtre4, setp_filtre4] = useState(); + const [p_filtre4_value, setp_filtre4_value] = useState(); + + const [isLoading, setLoading] = useState(); + + const [selected_type_eval_id, setselected_type_eval_id] = useState(); + + + const [Getall_Parter_config_type_evaluation_api, setGetall_Parter_config_type_evaluation_api] = useState(); + const [Getall_Parter_config_type_evaluation_message, setGetall_Parter_config_type_evaluation_message] = useState(); + const [Getall_Parter_config_type_evaluation_result, setGetall_Parter_config_type_evaluation_result] = useState([]); + function Getall_Parter_config_type_evaluation(event) { + + var form = new FormData(); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Type_Evaluation/"; + + setLoading(true); + axios.post(myurl, form).then(res => { + setLoading(false); + + if (String(res.data.status) === String("true")) { + //console.log(" In Getall_Parter_config_type_evaluation res.data.status = " + res.data.status); + //console.log(" In Getall_Parter_config_type_evaluation res.data.message r_class = " + res.data.message); + setGetall_Parter_config_type_evaluation_api("true"); + setGetall_Parter_config_type_evaluation_result(res.data.message); + setRows(res.data.message); + } + else { + setGetall_Parter_config_type_evaluation_api("false"); + setGetall_Parter_config_type_evaluation_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('Not good man :( Getall_Parter_config_type_evaluation = ', error); + setGetall_Parter_config_type_evaluation_api("false"); + alert(" Impossible de recuperer la liste des points de configuration"); + //setmyApimyApiMessage("") + }) + } + + + + function submenu_type_eval() { + Getall_Parter_config_type_evaluation(); + setsubmenu("type_eval"); + + submenu_color_management("type_eval"); + + } + + function submenu_color_management(current_menu) { + const list_sous_menu = ["type_eval",] + + for (let i = 0; i < list_sous_menu.length; i++) { + + var sous_menu = list_sous_menu[i]; + if (String(sous_menu) !== current_menu) { + if (document.getElementById(sous_menu)) { + document.getElementById(sous_menu).style.backgroundColor = "#d8edfc"; + document.getElementById(sous_menu).style.color = "black"; + document.getElementById(sous_menu).style.fontWeight = "normal"; + } + } + + + + } + + if (document.getElementById(current_menu)) { + document.getElementById(current_menu).style.backgroundColor = "#104277"; + document.getElementById(current_menu).style.color = "white"; + document.getElementById(current_menu).style.fontWeight = "bold"; + } + + if (document.getElementById('myRef_head')) { + var divh = document.getElementById('myRef_head').offsetTop; + window.scrollTo({ + top: divh, + behavior: "smooth", + }); + } + + } + + const myRef_head = useRef(null); + + useEffect(() => { + + Getall_Parter_config_type_evaluation(); + + if (document.getElementById('myRef_head')) { + var divh = document.getElementById('myRef_head').offsetTop; + window.scrollTo({ + top: divh, + behavior: "smooth", + }); + } + + submenu_type_eval(); + + }, []) + + const [p_one_detail_config_code, setp_one_detail_config_code] = useState(""); + const [p_one_detail_config_nom, setp_one_detail_config_nom] = useState(""); + const [p_one_detail_config_description, setp_one_detail_config_description] = useState(""); + + + const [p_detail_config_code, setp_detail_config_code] = useState(""); + const [p_detail_config_nom, setp_detail_config_nom] = useState(""); + const [p_detail_config_description, setp_detail_config_description] = useState(""); + + const [config_type_eval_edit_mode, setconfig_type_eval_edit_mode] = useState(""); + const [config_type_eval_changed, setconfig_type_eval_changed] = useState(""); + + const [gridline_type_eval_id, setgridline_type_eval_id] = useState(""); + const [display_detail_type_eval, setdisplay_detail_type_eval] = React.useState(); + + + function sleep(ms) { + return new Promise(resolve => setTimeout(resolve, ms)); + } + + async function Enable_Config_Type_Eval_DetailFields() { + await sleep(5); + setconfig_type_eval_edit_mode("1"); + + if (document.getElementsByName("detail_config_code")[0]) { + document.getElementsByName("detail_config_code")[0].disabled = false; + document.getElementsByName("detail_config_code")[0].style.backgroundColor = "#FFFFFF"; + } + + if (document.getElementsByName("detail_config_nom")[0]) { + document.getElementsByName("detail_config_nom")[0].disabled = false; + document.getElementsByName("detail_config_nom")[0].style.backgroundColor = "#FFFFFF"; + } + + if (document.getElementsByName("detail_config_desc")[0]) { + document.getElementsByName("detail_config_desc")[0].disabled = false; + document.getElementsByName("detail_config_desc")[0].style.backgroundColor = "#FFFFFF"; + } + + } + + + async function Disable_Config_Type_Eval_DetailFields() { + + await sleep(5); + + setconfig_type_eval_edit_mode("0"); + + if (document.getElementsByName("detail_config_code")[0]) { + + document.getElementsByName("detail_config_code")[0].disabled = true; + document.getElementsByName("detail_config_code")[0].style.backgroundColor = "#ECEFF1"; + } + + if (document.getElementsByName("detail_config_nom")[0]) { + document.getElementsByName("detail_config_nom")[0].disabled = true; + document.getElementsByName("detail_config_nom")[0].style.backgroundColor = "#ECEFF1"; + } + + if (document.getElementsByName("detail_config_desc")[0]) { + document.getElementsByName("detail_config_desc")[0].disabled = true; + document.getElementsByName("detail_config_desc")[0].style.backgroundColor = "#ECEFF1"; + } + + } + + const myRef = useRef(null) + + function Annule_Type_Eval_DetailFields() { + + var line = JSON.parse(Getall_Parter_config_type_evaluation_result[selected_type_eval_id]); + + setdisplay_detail_type_eval("1"); + setadd_config_type_eval(""); + + setp_detail_config_code(line.code); + setp_detail_config_nom(line.nom); + setp_detail_config_description(line.description); + + + Disable_Config_Type_Eval_DetailFields(); + + if (document.getElementById('myRef')) { + var divh = document.getElementById('myRef').offsetTop; + window.scrollTo({ + top: divh, + behavior: "smooth", + }); + } + + } + + + function Annule_Add_Type_Eval_DetailFields() { + + var line = JSON.parse(Getall_Parter_config_type_evaluation_result[selected_type_eval_id]); + + setdisplay_detail_type_eval(""); + setadd_config_type_eval(""); + + setp_detail_config_code(line.code); + setp_detail_config_nom(line.nom); + setp_detail_config_description(line.description); + + + Disable_Config_Type_Eval_DetailFields(); + + if (document.getElementById('myRef_head')) { + var divh = document.getElementById('myRef_head').offsetTop; + window.scrollTo({ + top: divh, + behavior: "smooth", + }); + } + + } + + + + + const [Add_Config_Type_Eval_api, setAdd_Config_Type_Eval_api] = useState(); + const [Add_Config_Type_Eval_message, setAdd_Config_Type_Eval_message] = useState(); + const [Add_Config_Type_Eval_result, setAdd_Config_Type_Eval_result] = useState(); + function Add_Config_Type_Eval() { + var form = new FormData(); + //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("code", p_one_detail_config_code); + form.append("nom", p_one_detail_config_nom); + form.append("description", p_one_detail_config_description); + + + //console.log(" form == ", form); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Evaluation_Type/"; + setLoading(true); + + axios.post(myurl, form).then(res => { + setLoading(false); + //console.log(" In Add_Config_Type_Eval res.data.status = " + res.data.status); + //console.log(" In Add_Config_Type_Eval res.data.message r_class = " + res.data.message); + + if (String(res.data.status) === String("true")) { + + setAdd_Config_Type_Eval_api("true"); + setAdd_Config_Type_Eval_result(res.data.message); + + Getall_Parter_config_type_evaluation(); + + setp_one_detail_config_code(""); + setp_one_detail_config_nom(""); + setp_one_detail_config_description(""); + setconfig_type_eval_edit_mode(""); + setconfig_type_eval_changed(""); + setdisplay_detail_type_eval(""); + setadd_config_type_eval(""); + setgridline_type_eval_id(""); + + + alert(res.data.message); + if (document.getElementById('myRef_head')) { + var divh = document.getElementById('myRef_head').offsetTop; + window.scrollTo({ + top: divh, + behavior: "smooth", + }); + } + + } + else { + setAdd_Config_Type_Eval_api("false"); + setAdd_Config_Type_Eval_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('UpdateStagiaireData : Not good man :( Add_Config_Type_Eval = ' + error); + setAdd_Config_Type_Eval_api("false"); + alert(" Impossible d'ajouter le paramétrage "); + + }) + } + + + const [Update_Config_Type_Eval_api, setUpdate_Config_Type_Eval_api] = useState(); + const [Update_Config_Type_Eval_message, setUpdate_Config_Type_Eval_message] = useState(); + const [Update_Config_Type_Eval_result, setUpdate_Config_Type_Eval_result] = useState(); + function Update_Config_Type_Eval() { + var form = new FormData(); + //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("code", p_detail_config_code); + form.append("nom", p_detail_config_nom); + form.append("description", p_detail_config_description); + form.append("_id", selected_type_eval_id); + + //console.log(" form == ", form); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Update_Evaluation_Type/"; + setLoading(true); + + axios.post(myurl, form).then(res => { + setLoading(false); + //console.log(" In Update_Config_Type_Eval res.data.status = " + res.data.status); + //console.log(" In Update_Config_Type_Eval res.data.message r_class = " + res.data.message); + + if (String(res.data.status) === String("true")) { + + setUpdate_Config_Type_Eval_api("true"); + setUpdate_Config_Type_Eval_result(res.data.message); + + Getall_Parter_config_type_evaluation(); + + setp_detail_config_code(""); + setp_detail_config_nom(""); + setp_detail_config_description(""); + setconfig_type_eval_edit_mode(""); + setconfig_type_eval_changed(""); + setdisplay_detail_type_eval(""); + setadd_config_type_eval(""); + setgridline_type_eval_id(""); + + + alert(res.data.message); + if (document.getElementById('myRef_head')) { + var divh = document.getElementById('myRef_head').offsetTop; + window.scrollTo({ + top: divh, + behavior: "smooth", + }); + } + + } + else { + setUpdate_Config_Type_Eval_api("false"); + setUpdate_Config_Type_Eval_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('UpdateStagiaireData : Not good man :( Update_Config_Type_Eval = ' + error); + setUpdate_Config_Type_Eval_api("false"); + alert(" Impossible de mettre à jour le paramétrage "); + + }) + } + + const [add_config_type_eval, setadd_config_type_eval] = useState(""); + + function add_one_eval() { + + setp_one_detail_config_code(""); + setp_one_detail_config_nom(""); + setp_one_detail_config_description(""); + + setdisplay_detail_type_eval(""); + setadd_config_type_eval("1"); + } + return ( +
+ {isLoading &&
+
+
} + + +

Formation Initale configuration

+
+ + {/* + + + + + + + */ + } + + {/*** Type evaluation */} + {String(submenu) === "type_eval" &&
+ +
+
+
+
+
+   + + { + setselectionModel_type_eval(newSelectionModel); + /*if (newSelectionModel.length === 1) + handleClick_edit_config_From_Line(newSelectionModel);*/ + if (newSelectionModel.length !== 1) { + setp_detail_config_code(""); + setp_detail_config_nom(""); + setp_detail_config_description(""); + setconfig_type_eval_edit_mode(""); + setconfig_type_eval_changed(""); + + + } + }} + selectionModel={selectionModel_type_eval} + + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} + rows={rowss.map((item, index) => ( + { + id: index, + _id: JSON.parse(item)._id, + code: JSON.parse(item).code, + nom: JSON.parse(item).nom, + description: JSON.parse(item).description, + } + ))} + + columns={columns_type_evaluation} + pageSize={10} + className="datagridclass" + + onRowDoubleClick={(newSelectionModel) => { + setgridline_type_eval_id(newSelectionModel.row.id); + setp_detail_config_code(newSelectionModel.row.code); + setp_detail_config_nom(newSelectionModel.row.nom); + setp_detail_config_description(newSelectionModel.row.description); + setselected_type_eval_id(newSelectionModel.row._id); + + setadd_config_type_eval(""); + setdisplay_detail_type_eval("1"); + setadd_config_type_eval(""); + setconfig_type_eval_edit_mode(""); + setconfig_type_eval_changed(""); + + Disable_Config_Type_Eval_DetailFields(); + + //handleClick_edit_config_From_Line(newSelectionModel.row.id); + + }} + + + rowsPerPageOptions={[10]} + //disableSelectionOnClick + components={{ + Toolbar: GridToolbar, + }} + //sx={datagridSx} + getCellClassName={(params) => { + + + + }} + getRowClassName={(params) => { + + + // Pour la gestion de la couleur de zone double cliquée + if (String(params.row.id) === String(gridline_type_eval_id)) { + return 'line--statut--selected'; + } + else if (parseInt(String(params.row.id)) % 2 === 0) { + return 'line--statut--pair'; + } + else if (parseInt(String(params.row.id)) % 2 !== 0) { + return 'line--statut--impair'; + } + }} + + + /> + +
+ +
+ +
+ +
+
+ +
+ +
+
+
 
+
+ + + + + {display_detail_type_eval && String(display_detail_type_eval) === "1" && String(add_config_type_eval) !== "1" &&
+ + + {String(config_type_eval_edit_mode) !== "1" &&
+ +
Code
+ + +
+ + + +
Nom
+ + +
+ +
Description
+ + +
+ +
} + + + {String(config_type_eval_edit_mode) === "1" &&
+ +
Code
+ { + setp_detail_config_code(e.target.value); + setconfig_type_eval_changed("1"); + }} + + /> + +
+ + + +
Nom
+ { + setp_detail_config_nom(e.target.value); + setconfig_type_eval_changed("1"); + }} + + /> + +
+ +
Description
+ { + setp_detail_config_description(e.target.value); + setconfig_type_eval_changed("1"); + }} + /> + +
+ +
} + + + +
+
+   +
+ {String(config_type_eval_changed) === "1" && String(config_type_eval_edit_mode) === "1" &&
+ /!\ Pensez à enregistrer les modifications +
} +
+ + {String(config_type_eval_edit_mode) === "1" && String(config_type_eval_changed) === "1" &&
+ + + +
} + + {String(config_type_eval_edit_mode) === "1" &&
+ +
} +
+ + + {String(config_type_eval_edit_mode) !== "1" &&
+ + + +
} +
+   +
+
+ +
+ } + + {add_config_type_eval && String(display_detail_type_eval) !== "1" && String(add_config_type_eval) === "1" &&
+ +
+ +
Code
+ { + setp_one_detail_config_code(e.target.value); + + }} + + /> + +
+ + + +
Nom
+ { + setp_one_detail_config_nom(e.target.value); + + }} + + /> + +
+ +
Description
+ { + setp_one_detail_config_description(e.target.value); + + }} + /> + +
+ +
+
+   +
+ +
+ +
+ + + +
+ +
+ +
+
+ + +
+   +
+
+ +
+ +
} +
+
} + + +
+ + +
+ ) +} + + +export default Partner_Config_Ftion_Initiale; diff --git a/src/styles/components/_partner_ftion_initiale_configuration.scss b/src/styles/components/_partner_ftion_initiale_configuration.scss new file mode 100644 index 0000000..e5ddd9c --- /dev/null +++ b/src/styles/components/_partner_ftion_initiale_configuration.scss @@ -0,0 +1,2407 @@ +.partner_ftion_initiale_configuration { + .tooltip_css { + background: #81BC3A; + z-index: 9999; + } + + + .Mui-disabled { + font-size: small !important; + padding: 0px !important; + padding-left: 5px !important; + } + + + + @media screen and (max-width: 600px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .div_row { + float: left; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + + width: 100%; + border-radius: 10rem !important; + text-align: left; + + margin: 0px !important; + margin-bottom: 0.5rem !important; + margin-top: 0.5rem !important; + } + + .div_row_droite { + width: 100%; + border-radius: 10rem !important; + text-align: left; + + margin: 0px !important; + margin-bottom: 0.5rem !important; + margin-top: 0.5rem !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + width: 10.5rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: x-small; + letter-spacing: 0.1rem; + font-weight: normal; + width: 100%; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #104277; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #104277; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + + .training_caract { + width: 100%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 100%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + + + } + + .session_caract { + width: 100%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1rem !important; + } + + .session_caract_comment_2_lines { + width: 100%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1rem !important; + } + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .css-1x5jdm { + padding: 5px; + } + + .css-1x5jdmq { + padding: 6px !important; + padding-bottom: 0px !important; + } + + .css-qiwgdb { + padding: 6px !important; + } + + .preview_certif { + display: block; + width: 100%; + height: 180px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .hr_break { + border: 2px solid grey; + } + + .icon_plus { + width: 6%; + } + + + .icon_plus_line { + width: 3%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 100%; + height: 2rem !important; + } + + .bton_add_sous_menu { + background: #c8cfd5; + color: black; + width: 100%; + height: 2rem !important; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 100% !important; + } + + .div_row_gauche_etendu { + width: 100%; + } + + .icon_excel { + width: 6%; + } + + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 100%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: smaller; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 100%; + padding-right: 10px; + } + + .img_class_logo { + display: block; + width: 128px; + height: 128px; + border-radius: 10px !important; + border: 1px solid black; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 10rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 10rem; + cursor: pointer; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .tick_ok_ko { + max-width: 3%; + cursor: pointer; + padding-top: 4px; + } + + .texte_area { + float: left; + width: 47% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 1.5rem !important; + } + + .texte_area_filter { + float: left; + width: 100% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin-top: 0px !important; + margin-bottom: 2px !important; + } + + .texte_area_filter_value { + float: left !important; + width: 100% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + + } + + + .filter_bton_add { + float: left; + width: 40% !important; + font-size: xx-large !important; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + text-align: right; + cursor: pointer; + } + + + .div_row { + float: left; + border-width: 0.01rem; + width: 100%; + + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + width: 100%; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite { + float: left; + width: 100%; + border-radius: 1rem; + text-align: left; + + } + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 100%; + margin-left: 10px; + margin-right: 10px; + margin-bottom: 1rem !important; + } + + .bton_enreg { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 100%; + color: white; + margin-bottom: 1rem !important; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: white; + margin-bottom: 1rem !important; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: black; + margin-bottom: 1rem !important; + } + + + .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { + border-color: transparent !important; + border-radius: 20px !important; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 3.5rem !important; + + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + padding-left: 5px !important; + + } + + .training_caract { + width: 100%; + + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .block_en_mass { + width: 100%; + float: left; + margin-bottom: 1rem; + } + + .block_en_mass_select { + width: 100%; + float: left; + margin-bottom: 1rem; + } + + .block_en_mass_bton_action { + width: 100%; + float: left; + margin-bottom: 1rem; + padding-top: 0.5rem !important; + } + } + + @media only screen and (min-width: 601px) and (max-width: 991px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + min-width: 15rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: x-small; + letter-spacing: 0.1rem; + font-weight: normal; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #104277; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #104277; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 90% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + + } + + .training_caract { + width: 48%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + + + } + + .session_caract { + width: 50%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1rem !important; + } + + .session_caract_comment_2_lines { + width: 50%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1rem !important; + } + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .css-1x5jdm { + padding: 5px; + } + + + .css-1x5jdmq { + padding: 6px !important; + padding-bottom: 0px !important; + } + + .css-qiwgdb { + padding: 6px !important; + } + + .preview_certif { + display: block; + width: 90%; + height: 200px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .preview_certif:hover { + transform: scale(1.3); + margin-left: 5rem; + } + + .hr_break { + border: 3px solid grey; + } + + .icon_plus { + width: 6%; + } + + + .icon_plus_line { + width: 4%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 50%; + height: 2rem !important; + } + + .bton_add_sous_menu { + background: #c8cfd5; + color: black; + width: 100%; + height: 2rem !important; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 65% !important; + } + + .div_row_gauche_etendu { + width: 80% !important; + } + + .icon_excel { + width: 6%; + } + + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 80%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 80%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 80%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 80%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: small; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 100%; + } + + .img_class_logo { + display: block; + width: 168px; + height: 168px; + border-radius: 10px !important; + border: 1px solid black; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 15rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 15rem; + cursor: pointer; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .tick_ok_ko { + max-width: 3%; + cursor: pointer; + padding-top: 4px; + } + + .texte_area { + float: left; + width: 47% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 1.5rem !important; + } + + .texte_area_filter { + float: left; + width: 40% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + } + + .texte_area_filter_value { + float: left !important; + width: 40% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + + } + + + .filter_bton_add { + float: left; + width: 5% !important; + font-size: large !important; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + text-align: right; + cursor: pointer; + margin-top: 1rem !important; + } + + .div_row { + float: left; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + //margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + // border:1px solid black; + // border-width:0.01rem; + width: 45%; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite { + float: right; + //border:1px solid black; + //border-width:0.01rem; + width: 45%; + border-radius: 1rem; + text-align: right; + } + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 40%; + margin-left: 10px; + margin-right: 10px; + min-width: 15rem; + } + + .bton_enreg { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 40%; + color: white; + margin-left: 10px; + margin-right: 10px; + min-width: 15rem; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 40%; + color: white; + margin-left: 10px; + margin-right: 10px; + min-width: 15rem; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 40%; + color: black; + margin-left: 10px; + margin-right: 10px; + min-width: 15rem; + } + + + .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { + border-color: transparent !important; + border-radius: 20px !important; + } + + + .training_caract { + width: 30%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .block_en_mass { + width: 50%; + float: left; + margin-bottom: 1rem; + } + + .block_en_mass_select { + width: 45%; + float: left; + margin-bottom: 1rem; + } + + .block_en_mass_bton_action { + width: 45%; + float: left; + margin-bottom: 1rem; + padding-top: 0.5rem !important; + } + + } + + @media only screen and (min-width: 992px) and (max-width: 1199px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .div_row { + float: left; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + // border:1px solid black; + // border-width:0.01rem; + width: 45%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:1px solid black; + //border-width:0.01rem; + width: 45%; + border-radius: 1rem; + text-align: right; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + min-width: 15rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: x-small; + letter-spacing: 0.1rem; + font-weight: normal; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #104277; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #104277; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 90% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + + } + + .training_caract { + width: 30%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5x !important; + } + + + + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + + + } + + .session_caract { + width: 33%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1rem !important; + } + + .session_caract_comment_2_lines { + width: 33%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1rem !important; + } + + + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .css-1x5jdm { + padding: 5px; + } + + .css-1x5jdmq { + padding: 6px !important; + padding-bottom: 0px !important; + } + + .css-qiwgdb { + padding: 6px !important; + } + + .preview_certif { + display: block; + width: 90%; + height: 180px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .preview_certif:hover { + transform: scale(1.3); + margin-left: 5rem; + } + + .hr_break { + border: 3px solid grey; + } + + .icon_plus { + width: 8%; + } + + + .icon_plus_line { + width: 3%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 40%; + height: 2rem !important; + } + + .bton_add_sous_menu { + background: #c8cfd5; + color: black; + width: 100%; + height: 2rem !important; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 50% !important; + } + + .div_row_gauche_etendu { + width: 80%; + } + + .icon_excel { + width: 6%; + } + + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 65%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 65%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 65%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 65%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: small; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 100%; + } + + .img_class_logo { + display: block; + width: 168px; + height: 168px; + border-radius: 10px !important; + border: 1px solid black; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 15rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 15rem; + cursor: pointer; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .tick_ok_ko { + max-width: 3%; + cursor: pointer; + padding-top: 4px; + } + + .texte_area { + float: left; + width: 47% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 1.5rem !important; + } + + .texte_area_filter { + float: left; + width: 40% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + } + + .texte_area_filter_value { + float: left !important; + width: 40% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + + } + + + .filter_bton_add { + float: left; + width: 5% !important; + font-size: xx-large !important; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + text-align: right; + cursor: pointer; + } + + + .titre1 { + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + } + + @media only screen and (min-width: 1200px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .div_row { + float: left; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + //margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + // border:1px solid black; + // border-width:0.01rem; + width: 45%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:1px solid black; + //border-width:0.01rem; + width: 45%; + border-radius: 1rem; + text-align: right; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + min-width: 15rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: x-small; + letter-spacing: 0.1rem; + font-weight: normal; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #104277; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #104277; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 90% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + //padding-left: 5px !important; + } + + .disabled_style_Dialog { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + //padding-left: 5px !important; + } + + .session_caract_Dialog { + width: 100%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1rem !important; + } + + .session_caract_Dialog_comment_2_lines { + + width: 100%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1rem !important; + } + + + .training_caract { + width: 30%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + + + } + + + + .session_caract { + width: 33%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1rem !important; + } + + .session_caract_comment_2_lines { + width: 33%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1rem !important; + } + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .preview_certif { + display: block; + width: 90%; + height: 200px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .preview_certif:hover { + transform: scale(1.4); + margin-left: 10rem; + } + + + .action_mass { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 40%; + background: #81BC3A; + height: 2.5rem; + } + + + + .block_en_mass { + width: 50%; + float: left; + margin-bottom: 1rem; + } + + .session_open_close { + cursor: pointer; + text-align: right; + font-size: small; + margin-right: 10px; + } + + .hr_break { + border: 5px solid grey; + } + + .icon_plus { + width: 8%; + } + + .icon_plus_line { + width: 2%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 40% !important; + height: 2rem !important; + } + + .bton_add_sous_menu { + background: #c8cfd5; + color: black; + width: 25% !important; + height: 2rem !important; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 40% !important; + } + + .div_row_gauche_etendu { + width: 80%; + } + + .icon_excel { + width: 4%; + } + + .bton_envoyer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 60%; + background: #81BC3A; + } + + + .bton_traiter_en_mass { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 40%; + background: #81BC3A; + margin-left: 5%; + height: 2.5rem; + color: white; + + } + + .bton_fermer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 60%; + background-color: white; + color: #104277 !important; + } + + + .enable_style { + background-color: #FFFFFF; + } + + + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input:invalid { + padding-top: 5px !important; + padding-bottom: 5px !important; + padding-left: 5px !important; + } + + .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { + border-color: transparent !important; + border-radius: 20px !important; + } + + .bton_emarge { + border-radius: 5rem; + font-size: small; + padding: 0.5rem; + background: rgb(129, 188, 58); + margin-left: 5px; + margin-right: 5px; + } + + .css-1x5jdm { + padding: 5px; + } + + + .css-1x5jdmq { + padding: 6px !important; + height: 3rem ! important; + padding-bottom: 0px !important; + } + + .css-qiwgdb { + padding: 6px !important; + } + + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 40%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 40%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 40%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 40%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + + + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: small; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 100%; + } + + .img_class_logo { + display: block; + width: 170px; + height: 168px; + border-radius: 10px !important; + border: 1px solid black; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 15rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 15rem; + cursor: pointer; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .tick_ok_ko { + max-width: 3%; + cursor: pointer; + padding-top: 4px; + } + + .texte_area { + float: left; + width: 47% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 1.5rem !important; + } + + .texte_area_filter { + float: left; + width: 40% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + } + + .texte_area_filter_value { + float: left !important; + width: 40% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + + } + + + .filter_bton_add { + float: left; + width: 5% !important; + font-size: xx-large !important; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + text-align: right; + cursor: pointer; + } + + + .titre1 { + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .file_ariane { + font-size: large; + font-weight: 600; + width: 100%; + text-align: center; + } + + .css-l4u8b9-MuiInputBase-root-MuiInput-root{ + text-align: left !important; + } + + .bton_enreg_dialog { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2.5rem; + width: 80%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + + .bton_annule_dialog { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 80%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + + } + + // end media + + + .css-md26zr-MuiInputBase-root-MuiOutlinedInput-root{ + height: 3.5rem !important; + } + + .css-1bp1ao6{ + height: 3.5rem !important; + } + + .session_caract_Dialog { + width: 100%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1rem !important; + } + + .session_caract_Dialog_comment_2_lines { + + width: 100%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + margin-bottom: 1rem !important; + } + + + .css-1v4ccyo { + height: 3.5rem !important; + font-size: small; + } + + option { + font-weight: normal; + display: block; + white-space-collapse: collapse; + text-wrap: nowrap; + padding: 0px !important; + } + + .mysy_hr_text { + border: none; + border-top: 3px double #333; + color: #333; + overflow: visible; + text-align: center; + height: 5px; + } + + .mysy_hr_text:after { + background: #fff; + content: 'Détails'; + padding: 0 4px; + position: relative; + top: -13px; + } + + .MuiMenu-paper { + max-width: 30% !important; + } + + .separator { + display: flex; + align-items: center; + text-align: center; + margin-bottom: 0.5rem !important; + } + + .separator::before, + .separator::after { + content: ''; + flex: 1; + border-bottom: 1px solid #e0e0e0; + } + + .separator:not(:empty)::before { + margin-right: .35em; + } + + .separator:not(:empty)::after { + margin-left: .35em; + } + + .MuiSelect-select{ + //height: 3rem !important; + + } + + +} + +.MuiMenu-paper { + max-width: 30% !important; +} + +.tox-statusbar { + display: none !important; +} + + + + +.css-1x5jdmq { + height: 3rem !important; + font-size: small; +} + +.select_option_css { + border-radius: 0px !important; +} + +.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root { + height: 3.5rem !important; + font-size: small !important; +} + + + +.react-datepicker__input-container { + width: 110%; +} + +.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { + padding-left: 5px !important; +} \ No newline at end of file diff --git a/src/styles/index.scss b/src/styles/index.scss index 8edcff9..0c60b98 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -110,4 +110,5 @@ @import "./components/displaypopop_for_sequence_model_week"; @import "./components/modulesessionplanification"; @import "./components/partner_domaine_categorie_metier"; -@import "./components/modulesessionevaluation"; \ No newline at end of file +@import "./components/modulesessionevaluation"; +@import "./components/partner_ftion_initiale_configuration";