From 0d115d8b3f513db16744ceb05b02d9c043ceda31 Mon Sep 17 00:00:00 2001 From: Cherif Date: Sat, 18 Apr 2026 20:03:03 +0200 Subject: [PATCH] 18/04/2026 -19h --- src/components/DisplayPartnerStagiaires.js | 1765 +---------- src/components/Module_Ent_Mes_Formations.js | 2 +- src/components/Module_Gestion_Stage.js | 2681 +++++++++++++++++ .../Module_Jury_Admission_Detail_Examen.js | 2 +- src/components/Student_Account_Ent.js | 2 +- .../components/_module_gestion_stage.scss | 2537 ++++++++++++++++ src/styles/index.scss | 1 + 7 files changed, 5330 insertions(+), 1660 deletions(-) create mode 100644 src/components/Module_Gestion_Stage.js create mode 100644 src/styles/components/_module_gestion_stage.scss diff --git a/src/components/DisplayPartnerStagiaires.js b/src/components/DisplayPartnerStagiaires.js index c680f2f..28733ec 100644 --- a/src/components/DisplayPartnerStagiaires.js +++ b/src/components/DisplayPartnerStagiaires.js @@ -85,7 +85,7 @@ import Draggable from 'react-draggable'; import { IconButton } from '@material-ui/core'; import AutoFixHighOutlinedIcon from '@mui/icons-material/AutoFixHighOutlined'; import CancelPresentationIcon from '@mui/icons-material/CancelPresentation'; - +import Module_Gestion_Stage from "./Module_Gestion_Stage"; function PaperComponent(props) { return ( @@ -125,6 +125,8 @@ const DisplayPartnerStagiaires = (props) => { registerLocale('fr', fr); const history = useHistory(); const [submenu, setsubmenu] = useState(""); + + const [rowss, setRows] = useState([]); const [selectionModel, setSelectionModel] = React.useState([]); @@ -154,8 +156,6 @@ const DisplayPartnerStagiaires = (props) => { const [gridline_id, setgridline_id] = useState(""); - const [gridline_id_stage, setgridline_id_stage] = useState(""); - const [gridline_id_notes, setgridline_id_notes] = useState(""); const [datagrid_columns_size_model1, setdatagrid_columns_size_model1] = useState(200); @@ -697,82 +697,6 @@ const DisplayPartnerStagiaires = (props) => { ] - const columns_stages = [ - { field: '_id', headerName: '_id', hide: true, editable: false, Width: 0, disableExport: true, }, - { field: 'id', headerName: 'id', hide: true, Width: 0, disableExport: true, }, - { field: 'partner_client_tuteur_id', headerName: 'partner_client_tuteur_id', hide: true, Width: 0, disableExport: true, }, - - { field: 'date_debut', headerName: 'date_debut', width: 200, renderCell: (params) => , }, - { field: 'date_fin', headerName: 'date_fin', width: 200, renderCell: (params) => , }, - - { field: 'client_raison_sociale', headerName: 'Entreprise', minWidth: 150, flex: 1, renderCell: (params) => , }, - { field: 'tuteur_entreprise_nom_prenom', headerName: 'Tuteur Ent.', minWidth: 150, flex: 1, renderCell: (params) => , }, - { field: 'tuteur_ecole_nom_prenom', headerName: 'Tuteur Ecole', minWidth: 150, flex: 1, renderCell: (params) => , }, - { - field: "delete", headerName: 'Supprimer', disableExport: true, - renderCell: (cellValues) => { - return ( - <> - {String(props.check_user_acces_right("stagiaire", "write")) === "1" && } - - ); - } - } - - ] - - function ExpandableCell_50({ value }) { const [expanded, setExpanded] = React.useState(false); @@ -1410,8 +1334,6 @@ const DisplayPartnerStagiaires = (props) => { const [display_notes, setdisplay_notes] = useState(""); - const [selected_stage_id, setselected_stage_id] = useState(""); - const [selected_id, setselected_id] = useState(""); @@ -2572,6 +2494,7 @@ const DisplayPartnerStagiaires = (props) => { setdisplay_stage("") setdisplay_detail_historique(); desableSessionFields(); + submenu_color_management("sessions"); } function submenu_absence() { @@ -2584,6 +2507,7 @@ const DisplayPartnerStagiaires = (props) => { setdisplay_stage("") setdisplay_detail_absence("1"); desableSessionFields(); + submenu_color_management("absence"); } function submenu_historique() { @@ -2596,6 +2520,8 @@ const DisplayPartnerStagiaires = (props) => { setdisplay_stage("") setdisplay_detail_historique("1"); desableSessionFields(); + + submenu_color_management("historique"); } function submenu_unite_enseignement() { @@ -2607,6 +2533,7 @@ const DisplayPartnerStagiaires = (props) => { Get_Inscrit_List_UE(selected_id); } + submenu_color_management("ue"); setdisplay_detail_stagiaire(""); setdisplay_detail_absence(""); setdisplay_detail_historique(""); @@ -2626,6 +2553,8 @@ const DisplayPartnerStagiaires = (props) => { Get_Inscrit_List_UE(selected_id); } + submenu_color_management("notes"); + setdisplay_detail_stagiaire(""); setdisplay_detail_absence(""); setdisplay_detail_historique(""); @@ -2646,6 +2575,28 @@ const DisplayPartnerStagiaires = (props) => { Get_Inscrit_List_Stage(selected_id); } + submenu_color_management("stage"); + + setdisplay_detail_stagiaire(""); + setdisplay_detail_absence(""); + setdisplay_detail_historique(""); + setdisplay_detail_ue(""); + setdisplay_notes(""); + setdisplay_stage("1") + desableSessionFields(); + } + + function submenu_stages_module() { + Getall_RH(); + + setsubmenu("stages_module"); + + if (selected_id) { + Get_Inscrit_List_Stage(selected_id); + } + + submenu_color_management("stages"); + setdisplay_detail_stagiaire(""); setdisplay_detail_absence(""); setdisplay_detail_historique(""); @@ -2657,7 +2608,7 @@ const DisplayPartnerStagiaires = (props) => { function submenu_piece_jointe() { setsubmenu("piece_jointe"); - + submenu_color_management("piece_jointe"); setdisplay_detail_stagiaire(""); setaddOneParticipant(); @@ -2670,26 +2621,11 @@ const DisplayPartnerStagiaires = (props) => { setdisplay_notes(""); setdisplay_stage("") desableSessionFields(); - - if (document.getElementById("piece_jointe")) { - document.getElementById("piece_jointe").style.backgroundColor = "#107758"; - document.getElementById("piece_jointe").style.color = "white"; - } - - if (document.getElementById("detail_session")) { - document.getElementById("detail_session").style.backgroundColor = "#d8edfc"; - document.getElementById("detail_session").style.color = "black"; - } - - - /* if (document.getElementById("preinscrit")) { - document.getElementById("preinscrit").style.backgroundColor = "#d8edfc"; - document.getElementById("preinscrit").style.color = "black"; - } - */ - } + const [display_stage, setdisplay_stage] = useState(""); + const myRef_stage_detail = useRef(null); + const [loading_datagrid, setloading_datagrid] = useState(false); const [SendEvaluationEmail_api, setSendEvaluationEmail_api] = useState(); @@ -2985,36 +2921,80 @@ const DisplayPartnerStagiaires = (props) => { async function submenu_detail_stagaire() { - setsubmenu("detail_session"); + setsubmenu("detail_inscrit"); await sleep(5); setdisplay_detail_stagiaire("1"); setaddOneParticipant(); + submenu_color_management("detail_inscrit"); + } + function submenu_color_management(current_menu) { + const list_sous_menu = ['detail_inscrit', 'ue', 'notes', 'stage', 'historique', 'piece_jointe'] + + 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 (String(sous_menu) === "editique") { + if (document.getElementById(sous_menu)) { + document.getElementById(sous_menu).style.backgroundColor = "#6C3483"; + document.getElementById(sous_menu).style.color = "#FFFFFF"; + document.getElementById(sous_menu).style.fontWeight = "bold"; + } + } - if (document.getElementById("detail_session")) { - document.getElementById("detail_session").style.backgroundColor = "#107758"; - document.getElementById("detail_session").style.color = "white"; } - if (document.getElementById("piece_jointe")) { - document.getElementById("piece_jointe").style.backgroundColor = "#d8edfc"; - document.getElementById("piece_jointe").style.color = "black"; + if (document.getElementById(current_menu)) { + document.getElementById(current_menu).style.backgroundColor = "#107758"; + document.getElementById(current_menu).style.color = "white"; + document.getElementById(current_menu).style.fontWeight = "bold"; } - - /* if (document.getElementById("preinscrit")) { - document.getElementById("preinscrit").style.backgroundColor = "#d8edfc"; - document.getElementById("preinscrit").style.color = "black"; - } - */ - } + function stage_submenu_color_management(current_menu) { + const list_sous_menu = ['stage_synthese', 'stage_detail', 'stage_suivi', 'stage_historique', 'stage_piece_jointe', 'stages_module'] + 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 (String(sous_menu) === "editique") { + if (document.getElementById(sous_menu)) { + document.getElementById(sous_menu).style.backgroundColor = "#6C3483"; + document.getElementById(sous_menu).style.color = "#FFFFFF"; + document.getElementById(sous_menu).style.fontWeight = "bold"; + } + } + + } + + if (document.getElementById(current_menu)) { + document.getElementById(current_menu).style.backgroundColor = "#107758"; + document.getElementById(current_menu).style.color = "white"; + document.getElementById(current_menu).style.fontWeight = "bold"; + } + + } const [Filter_New_Getall_TrainingSession_result, setFilter_New_Getall_TrainingSession_result] = useState([{ @@ -3952,85 +3932,6 @@ const DisplayPartnerStagiaires = (props) => { const [p_session_etape, setp_session_etape] = useState(); const [p_session_etape_label, setp_session_etape_label] = useState(); - const [display_stage, setdisplay_stage] = useState(""); - - const [add_one_stage, setadd_one_stage] = useState(""); - const [display_selected_stage, setdisplay_selected_stage] = useState(""); - const [edit_stage_data, setedit_stage_data] = useState(""); - const [stage_data_changed, setstage_data_changed] = useState(""); - - const [p_detail_stage_descritpion, setp_detail_stage_descritpion] = useState(""); - const [p_detail_stage_objectif, setp_detail_stage_objectif] = useState(""); - const [p_detail_stage_comment, setp_detail_stage_comment] = useState(""); - const [p_detail_stage_date_debut, setp_detail_stage_date_debut] = useState(new Date().toLocaleDateString('fr-FR')); - const [p_detail_stage_date_fin, setp_detail_stage_date_fin] = useState(new Date().toLocaleDateString('fr-FR')); - const [p_detail_stage_partner_client_id, setp_detail_stage_partner_client_id] = useState(""); - const [p_detail_stage_partner_adresse, setp_detail_stage_partner_adresse] = useState(""); - const [p_detail_stage_partner_cp, setp_detail_stage_partner_cp] = useState(""); - const [p_detail_stage_partner_ville, setp_detail_stage_partner_ville] = useState(""); - const [p_detail_stage_partner_pays, setp_detail_stage_partner_pays] = useState(""); - const [p_detail_stage_partner_telephone, setp_detail_stage_partner_telephone] = useState(""); - const [p_detail_stage_partner_email, setp_detail_stage_partner_email] = useState(""); - const [p_detail_stage_internal_tuteur_id, setp_detail_stage_internal_tuteur_id] = useState(""); - const [p_detail_stage_partner_client_tuteur_id, setp_detail_stage_partner_client_tuteur_id] = useState(""); - const [p_detail_stage_autre_disposition, setp_detail_stage_autre_disposition] = useState(""); - const [p_detail_stage_session_id, setp_detail_stage_session_id] = useState(""); - const [p_detail_stage_eu_id, setp_detail_stage_eu_id] = useState(""); - const [p_detail_stage_inscrit_id, setp_detail_stage_inscrit_id] = useState(""); - - - function clear_stage_fields() { - setp_detail_stage_descritpion(""); - setp_detail_stage_objectif(""); - setp_detail_stage_comment(""); - setp_detail_stage_date_debut(new Date().toLocaleDateString('fr-FR')); - setp_detail_stage_date_fin(new Date().toLocaleDateString('fr-FR')); - setp_detail_stage_partner_client_id(""); - setp_detail_stage_partner_adresse(""); - setp_detail_stage_partner_cp(""); - setp_detail_stage_partner_ville(""); - setp_detail_stage_partner_pays(""); - setp_detail_stage_partner_telephone(""); - setp_detail_stage_partner_email(""); - setp_detail_stage_internal_tuteur_id(""); - setp_detail_stage_partner_client_tuteur_id(""); - setp_detail_stage_autre_disposition(""); - setp_detail_stage_session_id(""); - } - - function desable_stage_fields() { - setedit_stage_data("0"); - - const list_champs = ["field_stage_desc", "field_stage_objectif", "field_stage_comment", "field_stage_autre_dispo", "field_stage_cp", "field_stage_tuteur_ecole", - "field_stage_entreprise", "field_stage_tuteur_entreprise", "field_stage_adresse", "field_stage_cp", "field_stage_ville", "field_stage_pays", "field_stage_email", - "field_stage_tel", "field_stage_date_debut", "field_stage_date_fin",] - - for (let i = 0; i < list_champs.length; i++) { - if (document.getElementsByName(String(list_champs[i])) && document.getElementsByName(String(list_champs[i]))[0]) { - document.getElementsByName(String(list_champs[i]))[0].disabled = true; - document.getElementsByName(String(list_champs[i]))[0].style.backgroundColor = "#ECEFF1"; - - } - } - } - - - function enable_stage_fields() { - - setedit_stage_data("1"); - - const list_champs = ["field_stage_desc", "field_stage_objectif", "field_stage_comment", "field_stage_autre_dispo", "field_stage_cp", "field_stage_tuteur_ecole", - "field_stage_entreprise", "field_stage_tuteur_entreprise", "field_stage_adresse", "field_stage_cp", "field_stage_ville", "field_stage_pays", "field_stage_email", - "field_stage_tel", "field_stage_date_debut", "field_stage_date_fin",] - - for (let i = 0; i < list_champs.length; i++) { - if (document.getElementsByName(String(list_champs[i])) && document.getElementsByName(String(list_champs[i]))[0]) { - document.getElementsByName(String(list_champs[i]))[0].disabled = false; - document.getElementsByName(String(list_champs[i]))[0].style.backgroundColor = "#FFFFFF"; - - } - } - } // Cette fonction remplit la zone detail de la personne inscrite @@ -9130,365 +9031,6 @@ const DisplayPartnerStagiaires = (props) => { }) } - const [Get_Given_Stage_Data_api, setGet_Given_Stage_Data_api] = useState(); - const [Get_Given_Stage_Data_message, setGet_Given_Stage_Data_message] = useState(); - const [Get_Given_Stage_Data_result, setGet_Given_Stage_Data_result] = useState(); - function Get_Given_Stage_Data(local_stage_id) { - - var form = new FormData(); - - const stored_cookie = getCookie('tokenmysypart'); - form.append("token", stored_cookie); - form.append("stage_id", local_stage_id); - - var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Given_Stage_data/"; - - setLoading(true); - - axios.post(myurl, form).then(res => { - - - setLoading(false); - if (String(res.data.status) === String("true")) { - //console.log(" In Get_Given_Stage_Data res.data.status = " + res.data.status); - //console.log(" In Get_Given_Stage_Data res.data.message r_class = " + res.data.message); - setGet_Given_Stage_Data_api("true"); - setGet_Given_Stage_Data_result(res.data.message); - - var stage_data = JSON.parse(res.data.message) - - if (stage_data._id) { - setselected_stage_id(stage_data._id); - } - - if (stage_data.description) { - setp_detail_stage_descritpion(stage_data.description); - } else { - setp_detail_stage_descritpion(""); - } - - if (stage_data.objectif) { - setp_detail_stage_objectif(stage_data.objectif); - } else { - setp_detail_stage_objectif(""); - } - - - if (stage_data.comment) { - setp_detail_stage_comment(stage_data.comment); - } else { - setp_detail_stage_comment(""); - } - - - if (stage_data.eu_id) { - setp_detail_stage_eu_id(stage_data.eu_id); - } else { - setp_detail_stage_eu_id(""); - } - - - if (stage_data.inscrit_id) { - setp_detail_stage_inscrit_id(stage_data.inscrit_id); - } else { - setp_detail_stage_inscrit_id(""); - } - - - if (stage_data.session_id) { - setp_detail_stage_session_id(stage_data.session_id); - } else { - setp_detail_stage_session_id(""); - } - - - - if (stage_data.partner_client_tuteur_id) { - setp_detail_stage_partner_client_tuteur_id(stage_data.partner_client_tuteur_id); - } else { - setp_detail_stage_partner_client_tuteur_id(""); - } - - if (stage_data.internal_tuteur_id) { - setp_detail_stage_internal_tuteur_id(stage_data.internal_tuteur_id); - } else { - setp_detail_stage_internal_tuteur_id(""); - } - - if (stage_data.partner_client_id) { - setp_detail_stage_partner_client_id(stage_data.partner_client_id); - } else { - setp_detail_stage_partner_client_id(""); - } - - if (stage_data.date_debut) { - setp_detail_stage_date_debut(stage_data.date_debut); - } else { - setp_detail_stage_date_debut("01/01/1900"); - } - - - if (stage_data.date_fin) { - setp_detail_stage_date_fin(stage_data.date_fin); - } else { - setp_detail_stage_date_fin("02/01/1900"); - } - - if (stage_data.adresse) { - setp_detail_stage_partner_adresse(stage_data.adresse); - } else { - setp_detail_stage_partner_adresse(""); - } - - if (stage_data.cp) { - setp_detail_stage_partner_cp(stage_data.cp); - } else { - setp_detail_stage_partner_cp(""); - } - - if (stage_data.ville) { - setp_detail_stage_partner_ville(stage_data.ville); - } else { - setp_detail_stage_partner_ville(""); - } - - if (stage_data.pays) { - setp_detail_stage_partner_pays(stage_data.pays); - } else { - setp_detail_stage_partner_pays(""); - } - - if (stage_data.autre_disposition) { - setp_detail_stage_autre_disposition(stage_data.autre_disposition); - } else { - setp_detail_stage_autre_disposition(""); - } - - if (stage_data.telephone) { - setp_detail_stage_partner_telephone(stage_data.telephone); - } else { - setp_detail_stage_partner_telephone(""); - } - - if (stage_data.email) { - setp_detail_stage_partner_email(stage_data.email); - } else { - setp_detail_stage_partner_email(""); - } - - desable_stage_fields(); - - } - else { - setGet_Given_Stage_Data_api("false"); - setGet_Given_Stage_Data_message(res.data.message); - //alert(res.data.message); - setdisplay_alert_mysy("1"); - setalert_message(res.data.message); - setalert_type("error"); - } - - }).catch((error) => { - - setLoading(false); - console.warn('Not good man :( Get_Given_Stage_Data = ', error); - setGet_Given_Stage_Data_api("false"); - setdisplay_alert_mysy("1"); - setalert_message(" Impossible de récuperer les données du stage"); - setalert_type("error"); - //setmyApimyApiMessage("") - }) - } - - - - const [Add_Update_Stage_Inscrit_api, setAdd_Update_Stage_Inscrit_api] = useState(); - const [Add_Update_Stage_Inscrit_message, setAdd_Update_Stage_Inscrit_message] = useState(); - const [Add_Update_Stage_Inscrit_result, setAdd_Update_Stage_Inscrit_result] = useState(); - function Add_Update_Stage_Inscrit() { - - var form = new FormData(); - - //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); - const stored_cookie = getCookie('tokenmysypart'); - form.append("token", stored_cookie); - form.append("eu_id", p_detail_stage_eu_id); - form.append("inscrit_id", selected_id); - form.append("session_id", selected_session_id); - form.append("partner_client_tuteur_id", p_detail_stage_partner_client_tuteur_id); - form.append("internal_tuteur_id", p_detail_stage_internal_tuteur_id); - form.append("partner_client_id", p_detail_stage_partner_client_id); - form.append("description", p_detail_stage_descritpion); - form.append("date_debut", p_detail_stage_date_debut); - form.append("date_fin", p_detail_stage_date_fin); - form.append("adresse", p_detail_stage_partner_adresse); - form.append("cp", p_detail_stage_partner_cp); - form.append("ville", p_detail_stage_partner_ville); - form.append("pays", p_detail_stage_partner_pays); - - form.append("telephone", p_detail_stage_partner_telephone); - form.append("email", p_detail_stage_partner_email); - - form.append("objectif", p_detail_stage_objectif); - form.append("autre_disposition", p_detail_stage_autre_disposition); - form.append("comment", p_detail_stage_comment); - - - // console.log(" #### form = ", form); - var myurl = "" - if (selected_stage_id.length > 3) { - form.append("stage_id", selected_stage_id); - myurl = process.env.REACT_APP_API_URL + "myclass/api/Update_Stage_Inscrit/"; - } else { - myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Stage_Inscrit/"; - } - - setLoading(true); - - axios.post(myurl, form).then(res => { - //console.log(" In Add_Update_Stage_Inscrit res.data.status = " + res.data.status); - //console.log(" In Add_Update_Stage_Inscrit res.data.message r_class = " + res.data.message); - setLoading(false); - if (String(res.data.status) === String("true")) { - setAdd_Update_Stage_Inscrit_api("true"); - setAdd_Update_Stage_Inscrit_result(res.data.message); - setadd_one_stage(""); - Get_Inscrit_List_Stage(selected_id); - clear_stage_fields(); - setselected_stage_id(""); - - // alert(res.data.message); - setdisplay_alert_mysy("1"); - setalert_message(res.data.message); - setalert_type("success"); - - - - } else if (String(res.data.status) === String("Err_Connexion")) { - alert('Erreur: ' + res.data.message); - history.push("/Connexion"); - } - else { - setAdd_Update_Stage_Inscrit_api("false"); - setAdd_Update_Stage_Inscrit_message(res.data.message); - // alert(res.data.message); - setdisplay_alert_mysy("1"); - setalert_message(res.data.message); - setalert_type("error"); - } - - }).catch((error) => { - - setLoading(false); - console.warn('Add_Update_Stage_Inscrit : Not good man :( = ' + error); - setAdd_Update_Stage_Inscrit_api("false"); - - setdisplay_alert_mysy("1"); - setalert_message(" Impossible de créer ou mettre à jour le stage"); - setalert_type("error"); - - }) - } - - - const [Delete_Given_Stage_api, setDelete_Given_Stage_api] = useState(); - const [Delete_Given_Stage_message, setDelete_Given_Stage_message] = useState(); - const [Delete_Given_Stage_result, setDelete_Given_Stage_result] = useState(); - function Delete_Given_Stage(local_stage_id) { - - var form = new FormData(); - - //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); - const stored_cookie = getCookie('tokenmysypart'); - form.append("token", stored_cookie); - form.append("stage_id", local_stage_id); - - //console.log(" #### form = ", form); - var myurl = process.env.REACT_APP_API_URL + "myclass/api/Delete_Given_Stage_Inscrit/"; - - - setLoading(true); - - axios.post(myurl, form).then(res => { - //console.log(" In Delete_Given_Stage res.data.status = " + res.data.status); - //console.log(" In Delete_Given_Stage res.data.message r_class = " + res.data.message); - setLoading(false); - if (String(res.data.status) === String("true")) { - setDelete_Given_Stage_api("true"); - setDelete_Given_Stage_result(res.data.message); - setadd_one_stage(""); - Get_Inscrit_List_Stage(selected_id); - clear_stage_fields(); - setselected_stage_id(""); - - // alert(res.data.message); - setdisplay_alert_mysy("1"); - setalert_message(res.data.message); - setalert_type("success"); - - - - } else if (String(res.data.status) === String("Err_Connexion")) { - alert('Erreur: ' + res.data.message); - history.push("/Connexion"); - } - else { - setDelete_Given_Stage_api("false"); - setDelete_Given_Stage_message(res.data.message); - // alert(res.data.message); - setdisplay_alert_mysy("1"); - setalert_message(res.data.message); - setalert_type("error"); - } - - }).catch((error) => { - - setLoading(false); - console.warn('Delete_Given_Stage : Not good man :( = ' + error); - setDelete_Given_Stage_api("false"); - - setdisplay_alert_mysy("1"); - setalert_message(" Impossible de supprimer le stage"); - setalert_type("error"); - - }) - } - - function Annuler_modif_stage() { - Get_Given_Stage_Data(selected_stage_id); - setdisplay_selected_stage("1"); - setadd_one_stage(""); - setstage_data_changed(""); - setedit_stage_data(""); - } - - const myRef_stage_detail = useRef(null); - function handleClick_edit_stage_From_Line(selected_row_id) { - - var line = New_Get_Inscrit_List_Stage_result[selected_row_id]; - Get_Given_Client_All_Contact(line.partner_client_id); - setselected_stage_id(line._id); - setgridline_id_stage(selected_row_id); - - Get_Given_Stage_Data(line._id); - - setdisplay_selected_stage("1"); - setadd_one_stage(""); - setstage_data_changed(""); - setedit_stage_data(""); - - - if (document.getElementById('myRef_stage_detail')) { - var divh = document.getElementById('myRef_stage_detail').offsetTop; - window.scrollTo({ - top: divh, - behavior: "smooth", - }); - } - - } - - /// iciiii return (
@@ -12833,8 +12375,10 @@ const DisplayPartnerStagiaires = (props) => { - {((selected_id && String(selected_id).length > 2) || (String(addOneParticipant) === "1")) &&
- + {((selected_id && String(selected_id).length > 2) || (String(addOneParticipant) === "1")) &&
+ + + {/* @@ -12842,11 +12386,12 @@ const DisplayPartnerStagiaires = (props) => { {(props.formation_initiale === "1" || props.formation_initiale === "2") && String(addOneParticipant) !== "1" && } - {(props.formation_initiale === "1" || props.formation_initiale === "2") && String(addOneParticipant) !== "1" && } + {(props.formation_initiale === "1" || props.formation_initiale === "2") && String(addOneParticipant) !== "1" && } - {(props.formation_initiale === "1" || props.formation_initiale === "2") && String(addOneParticipant) !== "1" && } + + {(props.formation_initiale === "1" || props.formation_initiale === "2") && String(addOneParticipant) !== "1" && } {String(addOneParticipant) !== "1" && String(history_securite_read) === "1" && } @@ -16038,1110 +15583,16 @@ const DisplayPartnerStagiaires = (props) => {
 
- {(props.formation_initiale === "1" || props.formation_initiale === "2") && String(submenu) === "stages" && String(display_stage) === "1" - && String(addOneParticipant) !== "1" && -
-
- -
- zzzzz -
-
-   + {(props.formation_initiale === "1" || props.formation_initiale === "2") && String(submenu) === "stages_module" && String(display_stage) === "1" + && String(addOneParticipant) !== "1" &&
+ - - { - setSelectionModel(newSelectionModel); - /*if (newSelectionModel.length === 1) - handleClick_edit_session_From_Line(newSelectionModel);*/ - if (newSelectionModel.length !== 1) { - - } - }} - selectionModel={selectionModel_tuteurs} - - localeText={frFR.components.MuiDataGrid.defaultProps.localeText} - rows={Get_Inscrit_List_Stage_result.map((item, index) => ( - { - id: index, - _id: JSON.parse(item)._id, - eu_id: JSON.parse(item).eu_id, - inscrit_id: JSON.parse(item).inscrit_id, - session_id: JSON.parse(item).session_id, - partner_client_tuteur_id: JSON.parse(item).partner_client_tuteur_id, - internal_tuteur_id: JSON.parse(item).internal_tuteur_id, - description: JSON.parse(item).description, - date_debut: JSON.parse(item).date_debut, - date_fin: JSON.parse(item).date_fin, - partner_client_id: JSON.parse(item).partner_client_id, - - tuteur_entreprise_nom_prenom: JSON.parse(item).tuteur_entreprise_nom_prenom, - tuteur_ecole_nom_prenom: JSON.parse(item).tuteur_ecole_nom_prenom, - client_raison_sociale: JSON.parse(item).client_raison_sociale, - - } - ))} - - columns={columns_stages} - pageSize={10} - className="datagridclass" - - onRowDoubleClick={(newSelectionModel) => { - setselected_stage_id(newSelectionModel.row._id); - handleClick_edit_stage_From_Line(newSelectionModel.row.id); - }} - - rowsPerPageOptions={[10]} - disableSelectionOnClick - components={{ - Toolbar: GridToolbar, - }} - //sx={datagridSx} - getCellClassName={(params) => { - //field === 'distantiel' - if (params.field === 'distantiel' && String(params.value) === "1") { - return 'cell--distantiel'; - } - if (params.field === "presentiel" && String(params.value) == "1") { - return 'cell--presentiel'; - } - - - //field === "statut" - if (params.field === "status" && String(params.value) == "0") { - return 'cell--statut--preinscrit'; - } - - if (params.field === "status" && String(params.value) == "1") { - return 'cell--statut--inscrit'; - } - - if (params.field === "status" && String(params.value) == "-1") { - return 'cell--statut--annule'; - } - - }} - getRowClassName={(params) => { - // Pour la gestion de la couleur de zone double cliquée - if (String(params.row.id) === String(gridline_id)) { - - return 'line--statut--selected'; - } - if (String(params.row.status) === "-1") { - return 'line--statut--annule'; - } - if (String(params.row.status) === "0") { - return 'line--statut--preinscrit'; - } - if (String(params.row.status) === "1") { - return 'line--statut--inscrit'; - } - else if (parseInt(String(params.row.id)) % 2 === 0) { - return 'line--statut--pair'; - } - else if (parseInt(String(params.row.id)) % 2 !== 0) { - return 'line--statut--impair'; - } - - }} - getEstimatedRowHeight={() => 200} - getRowHeight={() => "auto"} - - /> - -
- -
- -
- {String(props.check_user_acces_right("stagiaire", "write")) === "1" && } - -
- - - -
-
- -
- -
-
- - - -
- -
-   -
- - {add_one_stage === "1" &&
- Nouveau stage - -
-
- -
-
- -
- Entreprise -
- -
- -
Entreprise partenaire
- - {New_Get_List_Partner_Clients_result.length > 0 && (data).value === String(p_detail_stage_partner_client_id))[0].label} - onChange={(event, value) => { - if (value && value._id) { - Get_Given_Client_All_Contact(value._id); - setp_detail_stage_partner_client_id(value._id); - - } - else { - setNew_Get_Given_Client_All_Contact_result([{ - "_id": "", - "id": "", - "label": "", - "nom": "", - "prenom": "", - "civilite": "", - "fonction": "", - "email": "", - "telephone": "", - "telephone_mobile": "", - }]) - - setp_detail_stage_partner_client_id(""); - } - - }} - - renderInput={(params) => - } - />} - -
- -
Tuteur en entreprise
- - {New_Get_Given_Client_All_Contact_result.length > 0 && (data).value === String(p_detail_stage_partner_client_tuteur_id))[0].label} - onChange={(event, value) => { - if (value && value._id) { - setp_detail_stage_partner_client_tuteur_id(value._id); - } - else { - setp_detail_stage_partner_client_tuteur_id(""); - } - - }} - - renderInput={(params) => - } - />} - -
- -
- - - -
- Adresse -
-
- -
Adresse
- - { - setp_detail_stage_partner_adresse(e.target.value); - }} - /> - -
- -
Code postale
- { - setp_detail_stage_partner_cp(e.target.value); - }} - /> - - -
- -
Ville
- { - setp_detail_stage_partner_ville(e.target.value); - }} - /> - - -
- -
Pays
- { - setp_detail_stage_partner_pays(e.target.value); - }} - /> - - -
- -
-   -
- -
Email
- { - setp_detail_stage_partner_email(e.target.value); - }} - /> - - -
- -
Telephone
- { - setp_detail_stage_partner_telephone(e.target.value); - }} - /> - - -
- - -
- -
-
- - -
-
- -
- Infos Stage -
- -
- -
Tuteur école
- {New_Getall_RH_result && New_Getall_RH_result.length > 0 && - (data)._id === String(p_detail_stage_internal_tuteur_id))[0].label} - - options={New_Getall_RH_result} - className="disabled_style" - onChange={(event, value) => { - if (value && value._id) { - setp_detail_stage_internal_tuteur_id(value._id) - } else { - setp_detail_stage_internal_tuteur_id(""); - } - - }} - - - renderInput={(params) => - } - />} -
- -
Date début
- - { - setp_detail_stage_date_debut(format(date, 'd/MM/yyyy')); - } - } - showTimeSelect={false} - dateFormat="dd/MM/yyyy" - className="disabled_style enable_style" - locale={'fr'} - - /> - -
- -
Date Fin
- { - setp_detail_stage_date_fin(format(date, 'd/MM/yyyy')); - } - } - showTimeSelect={false} - dateFormat="dd/MM/yyyy" - className="disabled_style enable_style" - locale={'fr'} - - /> - -
- - -
Description
- - { - setp_detail_stage_descritpion(e.target.value); - - }} - - /> - -
- -
Objectif
- - { - setp_detail_stage_objectif(e.target.value); - - }} - - /> - -
- -
Autre disposition
- - { - setp_detail_stage_autre_disposition(e.target.value); - - }} - - /> - -
- -
Commentaire
- - { - setp_detail_stage_comment(e.target.value); - - }} - - /> - -
- - - -
-
-
- - - - -
-
- -
-   -
-
- -
- -
- - - -
- -
- -
-
- -
-   -
-
- - -
} - - - {add_one_stage !== "1" && display_selected_stage === "1" &&
-
- - - - - -
- - {/** - * Note : - * Selection d'une convention ou plusieurs convention ==> envoyer par mail pr signature electroniqe, impression PDF - * - * Dans le pavé detail, il faut ajouté un pavé spécifique pour : - * - Horaires et conditions de travail - * - Gratification - * - Évaluation du stage - * - * Le rapport de stage est enregistrer sur les pièces jointes - * - * Ajouter un formulaire d'evaluation qu'on peu envoyer aux 2 tuteurs pour evaluation en ligne - */} - -
-
- -
-
- -
- Entreprise -
- -
- -
Entreprise partenaire
- - {New_Get_List_Partner_Clients_result.length > 0 && (data)._id === String(p_detail_stage_partner_client_id))[0].label} - - onChange={(event, value) => { - setstage_data_changed("1"); - if (value && value._id) { - Get_Given_Client_All_Contact(value._id); - setp_detail_stage_partner_client_id(value._id); - - } - else { - setNew_Get_Given_Client_All_Contact_result([{ - "_id": "", - "id": "", - "label": "", - "nom": "", - "prenom": "", - "civilite": "", - "fonction": "", - "email": "", - "telephone": "", - "telephone_mobile": "", - }]) - - setp_detail_stage_partner_client_id(""); - } - - }} - - renderInput={(params) => - } - />} - -
- -
Tuteur en entreprise
- - {New_Get_Given_Client_All_Contact_result.length > 0 && (data)._id === String(p_detail_stage_partner_client_tuteur_id))[0].label} - options={New_Get_Given_Client_All_Contact_result} - onChange={(event, value) => { - setstage_data_changed("1"); - - if (value && value._id) { - setp_detail_stage_partner_client_tuteur_id(value._id); - } - else { - setp_detail_stage_partner_client_tuteur_id(""); - } - - }} - - renderInput={(params) => - } - />} - -
- -
- - - -
- Adresse -
-
- -
Adresse
- - { - setp_detail_stage_partner_adresse(e.target.value); - setstage_data_changed("1"); - }} - /> - -
- -
Code postale
- { - setp_detail_stage_partner_cp(e.target.value); - setstage_data_changed("1"); - }} - /> - - -
- -
Ville
- { - setp_detail_stage_partner_ville(e.target.value); - setstage_data_changed("1"); - }} - /> - - -
- -
Pays
- { - setp_detail_stage_partner_pays(e.target.value); - setstage_data_changed("1"); - }} - /> - - -
- -
-   -
- -
Email
- { - setp_detail_stage_partner_email(e.target.value); - setstage_data_changed("1"); - }} - /> - - -
- -
Telephone
- { - setp_detail_stage_partner_telephone(e.target.value); - setstage_data_changed("1"); - }} - /> - - -
- - -
- -
-
- - -
-
- -
- Infos Stage -
- -
- -
Tuteur école
- {New_Getall_RH_result && New_Getall_RH_result.length > 0 && - (data)._id === String(p_detail_stage_internal_tuteur_id))[0].label} - options={New_Getall_RH_result} - className="disabled_style" - onChange={(event, value) => { - setstage_data_changed("1"); - if (value && value._id) { - setp_detail_stage_internal_tuteur_id(value._id) - } else { - setp_detail_stage_internal_tuteur_id(""); - } - - }} - - - renderInput={(params) => - } - />} -
- -
Date début
- - { - setp_detail_stage_date_debut(format(date, 'd/MM/yyyy')); - setstage_data_changed("1"); - } - } - showTimeSelect={false} - dateFormat="dd/MM/yyyy" - className="disabled_style enable_style" - locale={'fr'} - - /> - -
- -
Date Fin
- { - setp_detail_stage_date_fin(format(date, 'd/MM/yyyy')); - setstage_data_changed("1"); - } - } - showTimeSelect={false} - dateFormat="dd/MM/yyyy" - className="disabled_style enable_style" - locale={'fr'} - - /> - -
- - -
Description
- - { - setp_detail_stage_descritpion(e.target.value); - setstage_data_changed("1"); - }} - - /> - -
- -
Objectif
- - { - setp_detail_stage_objectif(e.target.value); - setstage_data_changed("1"); - }} - - /> - -
- -
Autre disposition
- - { - setp_detail_stage_autre_disposition(e.target.value); - setstage_data_changed("1"); - }} - - /> - -
- -
Commentaire
- - { - setp_detail_stage_comment(e.target.value); - setstage_data_changed("1"); - - }} - - /> - -
- - - -
-
-
- - - - -
-
- -
-   -
- {edit_stage_data === "1" &&
- - {String(props.check_user_acces_right("stagiaire", "write")) === "1" && String(stage_data_changed) === "1" && String(edit_stage_data) === "1" &&
- /!\ Pensez à enregistrer les modifications -
} - -
- -
- - {String(props.check_user_acces_right("stagiaire", "write")) === "1" && } - -
- -
- -
-
- -
-   -
-
} - - {edit_stage_data !== "1" &&
- -
- -
- -   - -
- -
- -
-
- -
-   -
-
} - - -
}
} diff --git a/src/components/Module_Ent_Mes_Formations.js b/src/components/Module_Ent_Mes_Formations.js index f96fbe8..a22cf8f 100644 --- a/src/components/Module_Ent_Mes_Formations.js +++ b/src/components/Module_Ent_Mes_Formations.js @@ -115,7 +115,7 @@ const useStyles = makeStyles((theme) => ({ color: 'gray', }, })); - + const Module_Ent_Mes_Formations = (props) => { registerLocale('fr', fr); const classes = useStyles(); diff --git a/src/components/Module_Gestion_Stage.js b/src/components/Module_Gestion_Stage.js new file mode 100644 index 0000000..5cc15f3 --- /dev/null +++ b/src/components/Module_Gestion_Stage.js @@ -0,0 +1,2681 @@ +import React, { useRef, useState, useEffect } from "react"; +import TextField from '@mui/material/TextField'; +import MenuItem from '@mui/material/MenuItem'; +import Menu from '@mui/material/Menu'; +import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css +import Button from '@mui/material/Button'; +import axios from "axios"; +import MoreVertIcon from '@mui/icons-material/MoreVert'; +import { getCookie, setCookie } from 'react-use-cookie'; +import AttachFileIcon from '@mui/icons-material/AttachFile'; +import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid'; +import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css"; +import 'react-tooltip/dist/react-tooltip.css' +import { Tooltip } from 'react-tooltip' + +import excel_icone from "../mysy_img/excel_icone.png"; +import { format } from 'date-fns' +import fileDownload from 'js-file-download' +import Popup from 'reactjs-popup'; +import 'reactjs-popup/dist/index.css'; +import { + FcAcceptDatabase, + FcExpired +} from "react-icons/fc"; +import { FcInfo } from "react-icons/fc"; + +import { CiTrash, CiBoxList } from "react-icons/ci"; +import fr from 'date-fns/locale/fr'; +import { registerLocale } from 'react-datepicker'; +import DatePicker from "react-datepicker"; +import "react-datepicker/dist/react-datepicker.css"; +import moment from "moment"; +import InputAdornment from '@mui/material/InputAdornment'; +import { AiFillCloseCircle } from "react-icons/ai"; +import Box from '@mui/material/Box'; +import { LinearProgress } from '@mui/material'; +import styled from 'styled-components'; + +import { MdAddCircleOutline, MdRemoveCircleOutline } from "react-icons/md"; +import Dialog from '@mui/material/Dialog'; +import DialogActions from '@mui/material/DialogActions'; +import DialogContent from '@mui/material/DialogContent'; +import DialogContentText from '@mui/material/DialogContentText'; +import DialogTitle from '@mui/material/DialogTitle'; +import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif"; +import { Fab } from "@material-ui/core"; +import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io"; +import { AiTwotoneSave } from "react-icons/ai"; +import Module_Absence from "./Module_Absence"; +import { RiMoreFill } from "react-icons/ri"; +import { FcEditImage } from "react-icons/fc"; +import { useHistory } from "react-router-dom"; +import Module_Historique_Action from "./Module_Historique_Action"; +import ToggleSwitch from "./ToggleSwitch"; +import TextareaAutosize from '@mui/material/TextareaAutosize'; +import Autocomplete from '@mui/material/Autocomplete'; +import { FcSearch, FcViewDetails, FcOpenedFolder } from "react-icons/fc"; +import Link from '@mui/material/Link'; +import { PiDotsThree } from "react-icons/pi"; +import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5"; +import CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank'; +import CheckBoxIcon from '@mui/icons-material/CheckBox'; +import Checkbox from '@mui/material/Checkbox'; +import Module_Email_Management from "./Module_Email_Management"; +import FormGroup from '@mui/material/FormGroup'; +import FormControlLabel from '@mui/material/FormControlLabel'; +import { FaComment } from "react-icons/fa6"; +import { + GridToolbarContainer, GridToolbarExport, GridToolbarColumnsButton, + GridToolbarFilterButton, GridToolbarDensitySelector, GridToolbarExportContainer, useGridApiContext, + gridFilteredSortedRowIdsSelector, + gridVisibleColumnFieldsSelector, + GridValueGetterParams, + GridPreferencePanelsValue, + +} from '@mui/x-data-grid'; +import { gridClasses } from '@mui/x-data-grid'; +import * as XLSX from 'xlsx'; +import Modules_Mes_Documents from "./Modules_Mes_Documents"; +import Module_Alert_Confirmation from "./Module_Alert_Confirmation"; + +import { makeStyles } from "@material-ui/core/styles"; +import Paper from '@material-ui/core/Paper'; +import Draggable from 'react-draggable'; +import { IconButton } from '@material-ui/core'; +import AutoFixHighOutlinedIcon from '@mui/icons-material/AutoFixHighOutlined'; +import CancelPresentationIcon from '@mui/icons-material/CancelPresentation'; +import { TrendingUpOutlined } from "@mui/icons-material"; + + +function PaperComponent(props) { + return ( + + + + ); +} + + +const useStyles = makeStyles((theme) => ({ + + dialog: { + position: 'absolute', + // left: 10, + top: 400 + }, + + paper: { + overflowY: 'unset', + }, + customizedButton: { + position: 'absolute', + left: '98%', + top: '-3%', + backgroundColor: 'lightgray', + color: 'gray', + }, +})); + + + +const Module_Gestion_Stage = (props) => { + const classes = useStyles(); + const history = useHistory(); + + const [stage_submenu, setstage_submenu] = useState(""); + + const [rowss, setRows] = useState([]); + + const [isLoading, setLoading] = useState(); + + function ExpandableCell_50({ value }) { + const [expanded, setExpanded] = React.useState(false); + + return ( + + ); + } + + function ExpandableCell_50_bg_hiligt({ value }) { + const [expanded, setExpanded] = React.useState(false); + + return ( + + ); + } + + function ExpandableCell_50_bg_hiligt_red_color({ value }) { + const [expanded, setExpanded] = React.useState(false); + + return ( + + ); + } + + + function Display_Colunm_text({ value }) { + + return ( +
+ {value}  + +
+ ); + } + + + + const [gridline_id_stage, setgridline_id_stage] = useState(""); + + const columns_stages = [ + { field: '_id', headerName: '_id', hide: true, editable: false, Width: 0, disableExport: true, }, + { field: 'id', headerName: 'id', hide: true, Width: 0, disableExport: true, }, + { field: 'partner_client_tuteur_id', headerName: 'partner_client_tuteur_id', hide: true, Width: 0, disableExport: true, }, + + { field: 'date_debut', headerName: 'date_debut', width: 200, renderCell: (params) => , }, + { field: 'date_fin', headerName: 'date_fin', width: 200, renderCell: (params) => , }, + + { field: 'client_raison_sociale', headerName: 'Entreprise', minWidth: 150, flex: 1, renderCell: (params) => , }, + { field: 'tuteur_entreprise_nom_prenom', headerName: 'Tuteur Ent.', minWidth: 150, flex: 1, renderCell: (params) => , }, + { field: 'tuteur_ecole_nom_prenom', headerName: 'Tuteur Ecole', minWidth: 150, flex: 1, renderCell: (params) => , }, + { + field: "delete", headerName: 'Supprimer', disableExport: true, + renderCell: (cellValues) => { + return ( + <> + {String(props.check_user_acces_right("stagiaire", "write")) === "1" && } + + ); + } + } + + ] + + const [display_detail_stages, setdisplay_detail_stages] = useState(""); + const [selected_stage_id, setselected_stage_id] = useState(""); + + + function detail_stage_synthese() { + setstage_submenu("stage_synthese"); + stage_submenu_color_management("stage_synthese"); + } + + + function detail_stage_detail() { + setstage_submenu("stage_detail"); + stage_submenu_color_management("stage_detail"); + } + + + function detail_stage_suivi() { + setstage_submenu("stage_suivi"); + stage_submenu_color_management("stage_suivi"); + } + + + function detail_stage_historique() { + setstage_submenu("stage_historique"); + stage_submenu_color_management("stage_historique"); + } + + function detail_stage_piece_jointe() { + setstage_submenu("stage_piece_jointe"); + stage_submenu_color_management("stage_piece_jointe"); + } + + function stage_submenu_color_management(current_menu) { + const list_sous_menu = ['stage_synthese', 'stage_detail', 'stage_suivi', 'stage_historique', 'stage_piece_jointe'] + + 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 (String(sous_menu) === "editique") { + if (document.getElementById(sous_menu)) { + document.getElementById(sous_menu).style.backgroundColor = "#6C3483"; + document.getElementById(sous_menu).style.color = "#FFFFFF"; + document.getElementById(sous_menu).style.fontWeight = "bold"; + } + } + + } + + if (document.getElementById(current_menu)) { + document.getElementById(current_menu).style.backgroundColor = "#107758"; + document.getElementById(current_menu).style.color = "white"; + document.getElementById(current_menu).style.fontWeight = "bold"; + } + + } + + + const [display_stage, setdisplay_stage] = useState(""); + + const [add_one_stage, setadd_one_stage] = useState(""); + const [display_selected_stage, setdisplay_selected_stage] = useState(""); + const [edit_stage_data, setedit_stage_data] = useState("0"); + const [stage_data_changed, setstage_data_changed] = useState(""); + + const [p_detail_stage_descritpion, setp_detail_stage_descritpion] = useState(""); + const [p_detail_stage_objectif, setp_detail_stage_objectif] = useState(""); + + const [p_detail_stage_remuneration, setp_detail_stage_remuneration] = useState(""); + const [p_detail_stage_condition_horaire, setp_detail_stage_condition_horaire] = useState(""); + + const [p_detail_stage_comment, setp_detail_stage_comment] = useState(""); + const [p_detail_stage_date_debut, setp_detail_stage_date_debut] = useState(new Date().toLocaleDateString('fr-FR')); + const [p_detail_stage_date_fin, setp_detail_stage_date_fin] = useState(new Date().toLocaleDateString('fr-FR')); + const [p_detail_stage_partner_client_id, setp_detail_stage_partner_client_id] = useState(""); + const [p_detail_stage_partner_adresse, setp_detail_stage_partner_adresse] = useState(""); + const [p_detail_stage_partner_cp, setp_detail_stage_partner_cp] = useState(""); + const [p_detail_stage_partner_ville, setp_detail_stage_partner_ville] = useState(""); + const [p_detail_stage_partner_pays, setp_detail_stage_partner_pays] = useState(""); + const [p_detail_stage_partner_telephone, setp_detail_stage_partner_telephone] = useState(""); + const [p_detail_stage_partner_email, setp_detail_stage_partner_email] = useState(""); + const [p_detail_stage_internal_tuteur_id, setp_detail_stage_internal_tuteur_id] = useState(""); + const [p_detail_stage_partner_client_tuteur_id, setp_detail_stage_partner_client_tuteur_id] = useState(""); + const [p_detail_stage_autre_disposition, setp_detail_stage_autre_disposition] = useState(""); + const [p_detail_stage_session_id, setp_detail_stage_session_id] = useState(""); + const [p_detail_stage_eu_id, setp_detail_stage_eu_id] = useState(""); + const [p_detail_stage_inscrit_id, setp_detail_stage_inscrit_id] = useState(""); + + + const [selectionModel_stage, setSelectionModel_stage] = React.useState([]); + + function clear_stage_fields() { + setp_detail_stage_descritpion(""); + setp_detail_stage_objectif(""); + setp_detail_stage_comment(""); + setp_detail_stage_date_debut(new Date().toLocaleDateString('fr-FR')); + setp_detail_stage_date_fin(new Date().toLocaleDateString('fr-FR')); + setp_detail_stage_partner_client_id(""); + setp_detail_stage_partner_adresse(""); + setp_detail_stage_partner_cp(""); + setp_detail_stage_partner_ville(""); + setp_detail_stage_partner_pays(""); + setp_detail_stage_partner_telephone(""); + setp_detail_stage_partner_email(""); + setp_detail_stage_internal_tuteur_id(""); + setp_detail_stage_partner_client_tuteur_id(""); + setp_detail_stage_autre_disposition(""); + setp_detail_stage_session_id(""); + setp_detail_stage_condition_horaire(""); + setp_detail_stage_remuneration(""); + } + + function desable_stage_fields() { + setedit_stage_data("0"); + + const list_champs = ["field_stage_desc", "field_stage_objectif", "field_stage_comment", "field_stage_autre_dispo", "field_stage_cp", "field_stage_tuteur_ecole", + "field_stage_entreprise", "field_stage_tuteur_entreprise", "field_stage_adresse", "field_stage_cp", "field_stage_ville", "field_stage_pays", "field_stage_email", + "field_stage_tel", "field_stage_date_debut", "field_stage_date_fin", "field_stage_horaire", "field_stage_remuneration"] + + for (let i = 0; i < list_champs.length; i++) { + if (document.getElementsByName(String(list_champs[i])) && document.getElementsByName(String(list_champs[i]))[0]) { + document.getElementsByName(String(list_champs[i]))[0].disabled = true; + document.getElementsByName(String(list_champs[i]))[0].style.backgroundColor = "#ECEFF1"; + + } + } + } + + + function enable_stage_fields() { + + setedit_stage_data("1"); + + const list_champs = ["field_stage_desc", "field_stage_objectif", "field_stage_comment", "field_stage_autre_dispo", "field_stage_cp", "field_stage_tuteur_ecole", + "field_stage_entreprise", "field_stage_tuteur_entreprise", "field_stage_adresse", "field_stage_cp", "field_stage_ville", "field_stage_pays", "field_stage_email", + "field_stage_tel", "field_stage_date_debut", "field_stage_date_fin", "field_stage_horaire", "field_stage_remuneration"] + + for (let i = 0; i < list_champs.length; i++) { + if (document.getElementsByName(String(list_champs[i])) && document.getElementsByName(String(list_champs[i]))[0]) { + document.getElementsByName(String(list_champs[i]))[0].disabled = false; + document.getElementsByName(String(list_champs[i]))[0].style.backgroundColor = "#FFFFFF"; + + } + } + } + + + + const [New_Get_List_Partner_Clients_result, setNew_Get_List_Partner_Clients_result] = 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_result, setGet_List_Partner_Clients_result] = useState(); + function Get_List_Partner_Clients(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_Partner_List_Partner_Client/"; + + axios.post(myurl, form).then(res => { + // console.log(" In Get_List_Partner_Clients res.data.status = " + res.data.status); + // console.log(" In Get_List_Partner_Clients res.data.message r_class = " + res.data.message); + + if (String(res.data.status) === String("true")) { + setGet_List_Partner_Clients_api("true"); + setGet_List_Partner_Clients_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_nom = JSON.parse(x).nom; + var local_raison_sociale = JSON.parse(x).raison_sociale; + + //--- + var node = { + "_id": local_id, + "id": localid, + "label": local_nom, + "nom": local_nom, + "raison_sociale": local_raison_sociale, + + }; + new_data2.push(node); + }); + + //--- + var node = { + "_id": "", + "id": "", + "label": "", + "nom": "", + "raison_sociale": "", + + }; + new_data2.push(node); + + if (new_data2.length > 0) + setNew_Get_List_Partner_Clients_result(new_data2); + else + setNew_Get_List_Partner_Clients_result([]); + + //console.log(" ### setNew_Get_List_Partner_Clients_result new_data2 = ", new_data2) + } + else if (String(res.data.status) === String("Err_Connexion")) { + alert('Erreur: ' + res.data.message); + history.push("/Connexion"); + } + else { + setGet_List_Partner_Clients_api("false"); + setGet_List_Partner_Clients_message(res.data.message); + } + + }).catch((error) => { + console.warn('Not good man :( Get_List_Partner_Clients = ', error); + setGet_List_Partner_Clients_api("false"); + //setmyApimyApiMessage("") + }) + } + + const [New_Get_Given_Client_All_Contact_result, setNew_Get_Given_Client_All_Contact_result] = useState([{ + "_id": "", + "id": "", + "label": "", + "nom": "", + "prenom": "", + "civilite": "", + "fonction": "", + "email": "", + "telephone": "", + "telephone_mobile": "", + }]); + + const [Get_Given_Client_All_Contact_api, setGet_Given_Client_All_Contact_api] = useState(); + const [Get_Given_Client_All_Contact_message, setGet_Given_Client_All_Contact_message] = useState(); + const [Get_Given_Client_All_Contact_result, setGet_Given_Client_All_Contact_result] = useState([]); + function Get_Given_Client_All_Contact(local_client_id) { + + var form = new FormData(); + const stored_cookie = getCookie('tokenmysypart'); + + form.append("token", stored_cookie); + form.append("_id", local_client_id); + + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Partner_Client_All_Contact/"; + + axios.post(myurl, form).then(res => { + // console.log(" In Get_Given_Client_All_Contact res.data.status = " + res.data.status); + // console.log(" In Get_Given_Client_All_Contact res.data.message r_class = " + res.data.message); + + if (String(res.data.status) === String("true")) { + setGet_Given_Client_All_Contact_api("true"); + setGet_Given_Client_All_Contact_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_nom = JSON.parse(x).nom; + var local_prenom = JSON.parse(x).prenom; + var local_civilite = JSON.parse(x).civilite; + var local_fonction = JSON.parse(x).fonction; + var local_email = JSON.parse(x).email; + var local_telephone = JSON.parse(x).telephone; + var local_telephone_mobile = JSON.parse(x).telephone_mobile; + + //--- + var node = { + "_id": local_id, + "id": localid, + "label": local_nom, + "nom": local_nom + " " + local_prenom + " " + local_fonction, + "prenom": local_prenom, + "civilite": local_civilite, + "fonction": local_fonction, + "email": local_email, + "telephone": local_telephone, + "telephone_mobile": local_telephone_mobile, + + }; + new_data2.push(node); + }); + + //--- + var node = { + "_id": "", + "id": "", + "label": "", + "nom": "", + "prenom": "", + "civilite": "", + "fonction": "", + "email": "", + "telephone": "", + "telephone_mobile": "", + }; + new_data2.push(node); + + if (new_data2.length > 0) + setNew_Get_Given_Client_All_Contact_result(new_data2); + else + setNew_Get_Given_Client_All_Contact_result([]); + + //console.log(" ### setNew_Get_Given_Client_All_Contact_result new_data2 = ", new_data2) + } + else if (String(res.data.status) === String("Err_Connexion")) { + alert('Erreur: ' + res.data.message); + history.push("/Connexion"); + } + else { + setGet_Given_Client_All_Contact_api("false"); + setGet_Given_Client_All_Contact_message(res.data.message); + } + + }).catch((error) => { + console.warn('Not good man :( Get_Given_Client_All_Contact = ', error); + setGet_Given_Client_All_Contact_api("false"); + //setmyApimyApiMessage("") + }) + } + + + const [New_Getall_RH_result, setNew_Getall_RH_result] = useState([{ + "_id": "", + "id": "", + "nom": "", + "prenom": "", + "email": "", + "civilite": "", + "status": "", + "label": "", + }]); + + const [Getall_RH_api, setGetall_RH_api] = useState(); + const [Getall_RH_message, setGetall_RH_message] = useState(); + const [Getall_RH_result, setGetall_RH_result] = useState([]); + function Getall_RH() { + + 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_Ressource_Humaine_no_filter/"; + + setLoading(true); + axios.post(myurl, form).then(res => { + + setLoading(false); + if (String(res.data.status) === String("true")) { + //console.log(" In Getall_RH res.data.status = " + res.data.status); + //console.log(" In Getall_RH res.data.message r_class = " + res.data.message, " -- message_global_data = ", res.data.message_global_data); + setGetall_RH_api("true"); + setGetall_RH_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_status = JSON.parse(x).status; + var local_nom = JSON.parse(x).nom; + var local_prenom = JSON.parse(x).prenom; + var local_email = JSON.parse(x).email; + var local_civilite = JSON.parse(x).civilite; + var local_date_naissance = JSON.parse(x).date_naissance; + + + //--- + var node = { + "_id": local_id, + "id": localid, + "nom": local_nom, + "prenom": local_prenom, + "email": local_email, + "civilite": local_civilite, + "status": local_status, + // "label": local_nom + " " + local_prenom + ", né(e) le " + local_date_naissance + "label": local_nom + " " + local_prenom + }; + new_data2.push(node); + + // return {"_id": " + str(local_id) + ", "label": " + local_courrier_template_ref_interne + '" , "courrier_template_ref_interne": "' + local_courrier_template_ref_interne + '", "nom_champ_technique": "' + local_nom_champ_technique + '", "nom_champ_fonctionel": "' + local_nom_champ_fonctionel + '","valide": "1" }; + + }); + + var node = { + "_id": "", + "id": "", + "nom": "", + "prenom": "", + "email": "", + "civilite": "", + "status": "", + "label": "", + }; + new_data2.push(node); + + if (new_data2.length > 0) { + setNew_Getall_RH_result(new_data2); + } + + } + else { + setGetall_RH_api("false"); + setGetall_RH_message(res.data.message); + // alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("error"); + } + + }).catch((error) => { + setLoading(false); + console.warn('Not good man :( Getall_RH = ', error); + setGetall_RH_api("false"); + alert(" Impossible de recuperer la liste des inscrits") + //setmyApimyApiMessage("") + }) + } + + + + const [New_Get_Inscrit_List_Stage_result, setNew_Get_Inscrit_List_Stage_result] = useState([]); + + const [Get_Inscrit_List_Stage_api, setGet_Inscrit_List_Stage_api] = useState(); + const [Get_Inscrit_List_Stage_message, setGet_Inscrit_List_Stage_message] = useState(); + const [Get_Inscrit_List_Stage_result, setGet_Inscrit_List_Stage_result] = useState([]); + function Get_Inscrit_List_Stage(local_inscription_id) { + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("inscrit_id", local_inscription_id); + + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Stage_Inscrit_no_filter/"; + + setLoading(true); + + axios.post(myurl, form).then(res => { + + setLoading(false); + + if (String(res.data.status) === String("true")) { + //console.log(" In Get_Inscrit_List_Stage res.data.status = " + res.data.status); + // console.log(" In Get_Inscrit_List_Stage res.data.message r_class = " + res.data.message); + setGet_Inscrit_List_Stage_api("true"); + setGet_Inscrit_List_Stage_result(res.data.message); + + var new_data2 = []; + + var tab_tmp = [] + const new_data = res.data.message.map((x) => { + + //--- + var localid = JSON.parse(x).id; + var local_id = JSON.parse(x)._id; + var date_debut = JSON.parse(x).date_debut; + var date_fin = JSON.parse(x).date_fin; + var internal_tuteur_id = JSON.parse(x).internal_tuteur_id; + var partner_client_id = JSON.parse(x).partner_client_id; + + + //--- + var node = { + "_id": local_id, + "id": localid, + "label": local_id + " " + date_debut + " " + date_fin, + "date_debut": date_debut, + "date_fin": date_fin, + "internal_tuteur_id": internal_tuteur_id, + "partner_client_id": partner_client_id, + }; + new_data2.push(node); + + // return {"_id": " + str(local_id) + ", "label": " + local_courrier_template_ref_interne + '" , "courrier_template_ref_interne": "' + local_courrier_template_ref_interne + '", "nom_champ_technique": "' + local_nom_champ_technique + '", "nom_champ_fonctionel": "' + local_nom_champ_fonctionel + '","valide": "1" }; + + }); + + //--- + var node = { + "_id": "", + "id": "", + "label": "", + "date_debut": "", + "date_fin": "", + "internal_tuteur_id": "", + "partner_client_id": "", + }; + new_data2.push(node); + + + if (new_data2.length > 0) { + setNew_Get_Inscrit_List_Stage_result(new_data2); + } + } + else { + setGet_Inscrit_List_Stage_api("false"); + setGet_Inscrit_List_Stage_message(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('Not good man :( Get_Inscrit_List_Stage = ', error); + setGet_Inscrit_List_Stage_api("false"); + //setmyApimyApiMessage("") + }) + } + + const [selectionModel, setSelectionModel] = React.useState([]); + + const [Get_Given_Stage_Data_api, setGet_Given_Stage_Data_api] = useState(); + const [Get_Given_Stage_Data_message, setGet_Given_Stage_Data_message] = useState(); + const [Get_Given_Stage_Data_result, setGet_Given_Stage_Data_result] = useState(); + function Get_Given_Stage_Data(local_stage_id) { + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("stage_id", local_stage_id); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Given_Stage_data/"; + + setLoading(true); + + axios.post(myurl, form).then(res => { + + + setLoading(false); + if (String(res.data.status) === String("true")) { + //console.log(" In Get_Given_Stage_Data res.data.status = " + res.data.status); + //console.log(" In Get_Given_Stage_Data res.data.message r_class = " + res.data.message); + setGet_Given_Stage_Data_api("true"); + setGet_Given_Stage_Data_result(res.data.message); + + var stage_data = JSON.parse(res.data.message) + + if (stage_data._id) { + setselected_stage_id(stage_data._id); + } + + if (stage_data.description) { + setp_detail_stage_descritpion(stage_data.description); + } else { + setp_detail_stage_descritpion(""); + } + + if (stage_data.objectif) { + setp_detail_stage_objectif(stage_data.objectif); + } else { + setp_detail_stage_objectif(""); + } + + + if (stage_data.comment) { + setp_detail_stage_comment(stage_data.comment); + } else { + setp_detail_stage_comment(""); + } + + if (stage_data.remuneration) { + setp_detail_stage_remuneration(stage_data.remuneration); + } else { + setp_detail_stage_remuneration(""); + } + + + if (stage_data.condition_horaire) { + setp_detail_stage_condition_horaire(stage_data.condition_horaire); + } else { + setp_detail_stage_condition_horaire(""); + } + + + if (stage_data.eu_id) { + setp_detail_stage_eu_id(stage_data.eu_id); + } else { + setp_detail_stage_eu_id(""); + } + + + if (stage_data.inscrit_id) { + setp_detail_stage_inscrit_id(stage_data.inscrit_id); + } else { + setp_detail_stage_inscrit_id(""); + } + + + if (stage_data.session_id) { + setp_detail_stage_session_id(stage_data.session_id); + } else { + setp_detail_stage_session_id(""); + } + + + + if (stage_data.partner_client_tuteur_id) { + setp_detail_stage_partner_client_tuteur_id(stage_data.partner_client_tuteur_id); + } else { + setp_detail_stage_partner_client_tuteur_id(""); + } + + if (stage_data.internal_tuteur_id) { + setp_detail_stage_internal_tuteur_id(stage_data.internal_tuteur_id); + } else { + setp_detail_stage_internal_tuteur_id(""); + } + + if (stage_data.partner_client_id) { + setp_detail_stage_partner_client_id(stage_data.partner_client_id); + } else { + setp_detail_stage_partner_client_id(""); + } + + if (stage_data.date_debut) { + setp_detail_stage_date_debut(stage_data.date_debut); + } else { + setp_detail_stage_date_debut("01/01/1900"); + } + + + if (stage_data.date_fin) { + setp_detail_stage_date_fin(stage_data.date_fin); + } else { + setp_detail_stage_date_fin("02/01/1900"); + } + + if (stage_data.adresse) { + setp_detail_stage_partner_adresse(stage_data.adresse); + } else { + setp_detail_stage_partner_adresse(""); + } + + if (stage_data.cp) { + setp_detail_stage_partner_cp(stage_data.cp); + } else { + setp_detail_stage_partner_cp(""); + } + + if (stage_data.ville) { + setp_detail_stage_partner_ville(stage_data.ville); + } else { + setp_detail_stage_partner_ville(""); + } + + if (stage_data.pays) { + setp_detail_stage_partner_pays(stage_data.pays); + } else { + setp_detail_stage_partner_pays(""); + } + + if (stage_data.autre_disposition) { + setp_detail_stage_autre_disposition(stage_data.autre_disposition); + } else { + setp_detail_stage_autre_disposition(""); + } + + if (stage_data.telephone) { + setp_detail_stage_partner_telephone(stage_data.telephone); + } else { + setp_detail_stage_partner_telephone(""); + } + + if (stage_data.email) { + setp_detail_stage_partner_email(stage_data.email); + } else { + setp_detail_stage_partner_email(""); + } + + desable_stage_fields(); + + } + else { + setGet_Given_Stage_Data_api("false"); + setGet_Given_Stage_Data_message(res.data.message); + //alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("error"); + } + + }).catch((error) => { + + setLoading(false); + console.warn('Not good man :( Get_Given_Stage_Data = ', error); + setGet_Given_Stage_Data_api("false"); + setdisplay_alert_mysy("1"); + setalert_message(" Impossible de récuperer les données du stage"); + setalert_type("error"); + //setmyApimyApiMessage("") + }) + } + + + + const [Add_Update_Stage_Inscrit_api, setAdd_Update_Stage_Inscrit_api] = useState(); + const [Add_Update_Stage_Inscrit_message, setAdd_Update_Stage_Inscrit_message] = useState(); + const [Add_Update_Stage_Inscrit_result, setAdd_Update_Stage_Inscrit_result] = useState(); + function Add_Update_Stage_Inscrit() { + + var form = new FormData(); + + //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("eu_id", p_detail_stage_eu_id); + form.append("inscrit_id", props.selected_id); + form.append("session_id", props.selected_session_id); + form.append("partner_client_tuteur_id", p_detail_stage_partner_client_tuteur_id); + form.append("internal_tuteur_id", p_detail_stage_internal_tuteur_id); + form.append("partner_client_id", p_detail_stage_partner_client_id); + form.append("description", p_detail_stage_descritpion); + form.append("date_debut", p_detail_stage_date_debut); + form.append("date_fin", p_detail_stage_date_fin); + form.append("adresse", p_detail_stage_partner_adresse); + form.append("cp", p_detail_stage_partner_cp); + form.append("ville", p_detail_stage_partner_ville); + form.append("pays", p_detail_stage_partner_pays); + + form.append("telephone", p_detail_stage_partner_telephone); + form.append("email", p_detail_stage_partner_email); + + form.append("objectif", p_detail_stage_objectif); + form.append("autre_disposition", p_detail_stage_autre_disposition); + form.append("comment", p_detail_stage_comment); + + form.append("condition_horaire", p_detail_stage_condition_horaire); + form.append("remuneration", p_detail_stage_remuneration); + + + // console.log(" #### form = ", form); + var myurl = "" + if (selected_stage_id.length > 3) { + form.append("stage_id", selected_stage_id); + myurl = process.env.REACT_APP_API_URL + "myclass/api/Update_Stage_Inscrit/"; + } else { + myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Stage_Inscrit/"; + } + + setLoading(true); + + axios.post(myurl, form).then(res => { + //console.log(" In Add_Update_Stage_Inscrit res.data.status = " + res.data.status); + //console.log(" In Add_Update_Stage_Inscrit res.data.message r_class = " + res.data.message); + setLoading(false); + if (String(res.data.status) === String("true")) { + setAdd_Update_Stage_Inscrit_api("true"); + setAdd_Update_Stage_Inscrit_result(res.data.message); + setadd_one_stage(""); + Get_Inscrit_List_Stage(props.selected_id); + + + if (selected_stage_id.length > 3) { + desable_stage_fields(); + } else { + clear_stage_fields(); + setdisplay_selected_stage(""); + setadd_one_stage(""); + setstage_data_changed(""); + setedit_stage_data("0"); + } + + // alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("success"); + + + + } else if (String(res.data.status) === String("Err_Connexion")) { + alert('Erreur: ' + res.data.message); + history.push("/Connexion"); + } + else { + setAdd_Update_Stage_Inscrit_api("false"); + setAdd_Update_Stage_Inscrit_message(res.data.message); + // alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("error"); + } + + }).catch((error) => { + + setLoading(false); + console.warn('Add_Update_Stage_Inscrit : Not good man :( = ' + error); + setAdd_Update_Stage_Inscrit_api("false"); + + setdisplay_alert_mysy("1"); + setalert_message(" Impossible de créer ou mettre à jour le stage"); + setalert_type("error"); + + }) + } + + + const [Delete_Given_Stage_api, setDelete_Given_Stage_api] = useState(); + const [Delete_Given_Stage_message, setDelete_Given_Stage_message] = useState(); + const [Delete_Given_Stage_result, setDelete_Given_Stage_result] = useState(); + function Delete_Given_Stage(local_stage_id) { + + var form = new FormData(); + + //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("stage_id", local_stage_id); + + //console.log(" #### form = ", form); + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Delete_Given_Stage_Inscrit/"; + + + setLoading(true); + + axios.post(myurl, form).then(res => { + //console.log(" In Delete_Given_Stage res.data.status = " + res.data.status); + //console.log(" In Delete_Given_Stage res.data.message r_class = " + res.data.message); + setLoading(false); + if (String(res.data.status) === String("true")) { + setDelete_Given_Stage_api("true"); + setDelete_Given_Stage_result(res.data.message); + setadd_one_stage(""); + Get_Inscrit_List_Stage(props.selected_id); + clear_stage_fields(); + setselected_stage_id(""); + + // alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("success"); + + + + } else if (String(res.data.status) === String("Err_Connexion")) { + alert('Erreur: ' + res.data.message); + history.push("/Connexion"); + } + else { + setDelete_Given_Stage_api("false"); + setDelete_Given_Stage_message(res.data.message); + // alert(res.data.message); + setdisplay_alert_mysy("1"); + setalert_message(res.data.message); + setalert_type("error"); + } + + }).catch((error) => { + + setLoading(false); + console.warn('Delete_Given_Stage : Not good man :( = ' + error); + setDelete_Given_Stage_api("false"); + + setdisplay_alert_mysy("1"); + setalert_message(" Impossible de supprimer le stage"); + setalert_type("error"); + + }) + } + + function Annuler_modif_stage() { + Get_Given_Stage_Data(selected_stage_id); + setdisplay_selected_stage("1"); + setadd_one_stage(""); + setstage_data_changed(""); + setedit_stage_data("0"); + } + + const myRef_stage_detail = useRef(null); + function handleClick_edit_stage_From_Line(selected_row_id) { + + var line = New_Get_Inscrit_List_Stage_result[selected_row_id]; + Get_Given_Client_All_Contact(line.partner_client_id); + setselected_stage_id(line._id); + setgridline_id_stage(selected_row_id); + + Get_Given_Stage_Data(line._id); + + setdisplay_selected_stage("1"); + setadd_one_stage(""); + setstage_data_changed(""); + setedit_stage_data("0"); + + + if (document.getElementById('myRef_stage_detail')) { + var divh = document.getElementById('myRef_stage_detail').offsetTop + 100; + window.scrollTo({ + top: divh, + behavior: "smooth", + }); + } + + } + + useEffect(() => { + Get_List_Partner_Clients(); + Getall_RH(); + Get_Inscrit_List_Stage(props.selected_id); + + + }, []) + + const [display_alert_mysy, setdisplay_alert_mysy] = useState(""); + const [alert_message, setalert_message] = useState(""); + const [alert_type, setalert_type] = useState(""); + + function clear_alert_message() { + setalert_message(""); + } + function clear_alert_type() { + setalert_type(""); + } + function clear_display_alert_mysy() { + setdisplay_alert_mysy(""); + } + + return ( +
+ {isLoading &&
+
+
} + + {/*** Affichage des messages d'alerte*/} + {display_alert_mysy && String(display_alert_mysy) === "1" && + + } + {/*** FIN Affichage des messages d'alerte*/} + + +
 
+
+ +
+ + +
+ zzzzz +
+ +
+   + + + { + setSelectionModel(newSelectionModel); + /*if (newSelectionModel.length === 1) + handleClick_edit_session_From_Line(newSelectionModel);*/ + if (newSelectionModel.length !== 1) { + + } + }} + selectionModel={selectionModel_stage} + + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} + rows={Get_Inscrit_List_Stage_result.map((item, index) => ( + { + id: index, + _id: JSON.parse(item)._id, + eu_id: JSON.parse(item).eu_id, + inscrit_id: JSON.parse(item).inscrit_id, + session_id: JSON.parse(item).session_id, + partner_client_tuteur_id: JSON.parse(item).partner_client_tuteur_id, + internal_tuteur_id: JSON.parse(item).internal_tuteur_id, + description: JSON.parse(item).description, + date_debut: JSON.parse(item).date_debut, + date_fin: JSON.parse(item).date_fin, + partner_client_id: JSON.parse(item).partner_client_id, + + tuteur_entreprise_nom_prenom: JSON.parse(item).tuteur_entreprise_nom_prenom, + tuteur_ecole_nom_prenom: JSON.parse(item).tuteur_ecole_nom_prenom, + client_raison_sociale: JSON.parse(item).client_raison_sociale, + + } + ))} + + columns={columns_stages} + pageSize={10} + className="datagridclass" + + onRowDoubleClick={(newSelectionModel) => { + setselected_stage_id(newSelectionModel.row._id); + handleClick_edit_stage_From_Line(newSelectionModel.row.id); + detail_stage_synthese(); + }} + + rowsPerPageOptions={[10]} + disableSelectionOnClick + components={{ + Toolbar: GridToolbar, + }} + //sx={datagridSx} + getCellClassName={(params) => { + //field === 'distantiel' + if (params.field === 'distantiel' && String(params.value) === "1") { + return 'cell--distantiel'; + } + if (params.field === "presentiel" && String(params.value) == "1") { + return 'cell--presentiel'; + } + + + //field === "statut" + if (params.field === "status" && String(params.value) == "0") { + return 'cell--statut--preinscrit'; + } + + if (params.field === "status" && String(params.value) == "1") { + return 'cell--statut--inscrit'; + } + + if (params.field === "status" && String(params.value) == "-1") { + return 'cell--statut--annule'; + } + + }} + getRowClassName={(params) => { + // Pour la gestion de la couleur de zone double cliquée + if (String(params.row.id) === String(gridline_id_stage)) { + + return 'line--statut--selected'; + } + if (String(params.row.status) === "-1") { + return 'line--statut--annule'; + } + if (String(params.row.status) === "0") { + return 'line--statut--preinscrit'; + } + if (String(params.row.status) === "1") { + return 'line--statut--inscrit'; + } + else if (parseInt(String(params.row.id)) % 2 === 0) { + return 'line--statut--pair'; + } + else if (parseInt(String(params.row.id)) % 2 !== 0) { + return 'line--statut--impair'; + } + + }} + getEstimatedRowHeight={() => 200} + getRowHeight={() => "auto"} + + /> + +
+ +
+ +
+ {String(props.check_user_acces_right("stagiaire", "write")) === "1" && } + +
+ + + +
+
+ +
+ +
+
+ + + +
+ +
+   +
+ + {add_one_stage === "1" &&
+ Nouveau stage + +
+
+ +
+
+ +
+ Entreprise +
+ +
+ +
Entreprise partenaire
+ + {New_Get_List_Partner_Clients_result.length > 0 && (data)._id === String(p_detail_stage_partner_client_id))[0].label} + onChange={(event, value) => { + if (value && value._id) { + Get_Given_Client_All_Contact(value._id); + setp_detail_stage_partner_client_id(value._id); + + } + else { + setNew_Get_Given_Client_All_Contact_result([{ + "_id": "", + "id": "", + "label": "", + "nom": "", + "prenom": "", + "civilite": "", + "fonction": "", + "email": "", + "telephone": "", + "telephone_mobile": "", + }]) + + setp_detail_stage_partner_client_id(""); + } + + }} + + renderInput={(params) => + } + />} + +
+ +
Tuteur en entreprise
+ + {New_Get_Given_Client_All_Contact_result.length > 0 && (data)._id === String(p_detail_stage_partner_client_tuteur_id))[0].label} + onChange={(event, value) => { + if (value && value._id) { + setp_detail_stage_partner_client_tuteur_id(value._id); + } + else { + setp_detail_stage_partner_client_tuteur_id(""); + } + + }} + + renderInput={(params) => + } + />} + +
+ +
+ + + +
+ Adresse +
+
+ +
Adresse
+ + { + setp_detail_stage_partner_adresse(e.target.value); + }} + /> + +
+ +
Code postale
+ { + setp_detail_stage_partner_cp(e.target.value); + }} + /> + + +
+ +
Ville
+ { + setp_detail_stage_partner_ville(e.target.value); + }} + /> + + +
+ +
Pays
+ { + setp_detail_stage_partner_pays(e.target.value); + }} + /> + + +
+ +
+   +
+ +
Email
+ { + setp_detail_stage_partner_email(e.target.value); + }} + /> + + +
+ +
Telephone
+ { + setp_detail_stage_partner_telephone(e.target.value); + }} + /> + + +
+ + +
+ +
+
+ + +
+
+ +
+ Infos Stage +
+ +
+ +
Tuteur école
+ {New_Getall_RH_result && New_Getall_RH_result.length > 0 && + (data)._id === String(p_detail_stage_internal_tuteur_id))[0].label} + + options={New_Getall_RH_result} + className="disabled_style" + onChange={(event, value) => { + if (value && value._id) { + setp_detail_stage_internal_tuteur_id(value._id) + } else { + setp_detail_stage_internal_tuteur_id(""); + } + + }} + + + renderInput={(params) => + } + />} +
+ +
Date début
+ + { + setp_detail_stage_date_debut(format(date, 'd/MM/yyyy')); + } + } + showTimeSelect={false} + dateFormat="dd/MM/yyyy" + className="disabled_style enable_style" + locale={'fr'} + + /> + +
+ +
Date Fin
+ { + setp_detail_stage_date_fin(format(date, 'd/MM/yyyy')); + } + } + showTimeSelect={false} + dateFormat="dd/MM/yyyy" + className="disabled_style enable_style" + locale={'fr'} + + /> + +
+ + +
+
+
+ + + + +
+
+ +
+   +
+
+ +
+ +
+ + + +
+ +
+ +
+
+ +
+   +
+
+ + +
} + + + {add_one_stage !== "1" && display_selected_stage === "1" &&
+ {selected_stage_id && String(selected_stage_id).length > 0 && New_Get_List_Partner_Clients_result.length > 0 &&
+ + +
} + +
+ + + + + +
+ + {/** + * Note : + * Selection d'une convention ou plusieurs convention ==> envoyer par mail pr signature electroniqe, impression PDF + * + * Dans le pavé detail, il faut ajouté un pavé spécifique pour : + * - Horaires et conditions de travail + * - Gratification + * - Évaluation du stage + * + * Le rapport de stage est enregistrer sur les pièces jointes + * + * Ajouter un formulaire d'evaluation qu'on peu envoyer aux 2 tuteurs pour evaluation en ligne + */} + + {stage_submenu === "stage_synthese" && <> + +
+
+ +
+
+ +
+ Entreprise +
+ +
+ +
Entreprise partenaire
+ + {New_Get_List_Partner_Clients_result.length > 0 && String(edit_stage_data) === "1" && (data)._id === String(p_detail_stage_partner_client_id))[0].label} + + disabled={String(edit_stage_data) === "1" ? false : true} + onChange={(event, value) => { + setstage_data_changed("1"); + if (value && value._id) { + Get_Given_Client_All_Contact(value._id); + setp_detail_stage_partner_client_id(value._id); + + } + else { + setNew_Get_Given_Client_All_Contact_result([{ + "_id": "", + "id": "", + "label": "", + "nom": "", + "prenom": "", + "civilite": "", + "fonction": "", + "email": "", + "telephone": "", + "telephone_mobile": "", + }]) + + setp_detail_stage_partner_client_id(""); + } + + }} + + renderInput={(params) => + } + />} + + {New_Get_List_Partner_Clients_result.length > 0 && String(edit_stage_data) !== "1" && + + (data)._id === String(p_detail_stage_partner_client_id))[0].label} + + />} + +
+ +
Tuteur en entreprise
+ + {New_Get_Given_Client_All_Contact_result.length > 0 && String(edit_stage_data) === "1" && (data)._id === String(p_detail_stage_partner_client_tuteur_id))[0].label} + options={New_Get_Given_Client_All_Contact_result} + disabled={String(edit_stage_data) === "1" ? false : true} + onChange={(event, value) => { + setstage_data_changed("1"); + + if (value && value._id) { + setp_detail_stage_partner_client_tuteur_id(value._id); + } + else { + setp_detail_stage_partner_client_tuteur_id(""); + } + + }} + + renderInput={(params) => + } + />} + + {New_Get_Given_Client_All_Contact_result.length > 0 && String(edit_stage_data) !== "1" && + + (data)._id === String(p_detail_stage_partner_client_tuteur_id))[0].label} + + InputLabelProps={{ + shrink: true, + }} + + />} + +
+ +
+ + + +
+ Adresse +
+
+ +
Adresse
+ + { + setp_detail_stage_partner_adresse(e.target.value); + setstage_data_changed("1"); + }} + /> + +
+ +
Code postale
+ { + setp_detail_stage_partner_cp(e.target.value); + setstage_data_changed("1"); + }} + /> + + +
+ +
Ville
+ { + setp_detail_stage_partner_ville(e.target.value); + setstage_data_changed("1"); + }} + /> + + +
+ +
Pays
+ { + setp_detail_stage_partner_pays(e.target.value); + setstage_data_changed("1"); + }} + /> + + +
+ +
+   +
+ +
Email
+ { + setp_detail_stage_partner_email(e.target.value); + setstage_data_changed("1"); + }} + /> + + +
+ +
Telephone
+ { + setp_detail_stage_partner_telephone(e.target.value); + setstage_data_changed("1"); + }} + /> + + +
+ + +
+ +
+
+ + +
+
+ +
+ Infos Stage +
+ +
+ +
Tuteur école
+ {New_Getall_RH_result && New_Getall_RH_result.length > 0 && String(edit_stage_data) === "1" && + (data)._id === String(p_detail_stage_internal_tuteur_id))[0].label} + options={New_Getall_RH_result} + className="disabled_style" + disabled={String(edit_stage_data) === "1" ? false : true} + onChange={(event, value) => { + setstage_data_changed("1"); + if (value && value._id) { + setp_detail_stage_internal_tuteur_id(value._id) + } else { + setp_detail_stage_internal_tuteur_id(""); + } + + }} + + + renderInput={(params) => + } + />} + + {New_Getall_RH_result && New_Getall_RH_result.length > 0 && String(edit_stage_data) !== "1" && + (data)._id === String(p_detail_stage_internal_tuteur_id))[0].label} + + InputLabelProps={{ + shrink: true, + }} + + />} +
+ +
Date début
+ + { + setp_detail_stage_date_debut(format(date, 'd/MM/yyyy')); + setstage_data_changed("1"); + } + } + showTimeSelect={false} + dateFormat="dd/MM/yyyy" + className="disabled_style enable_style" + locale={'fr'} + disabled={String(edit_stage_data) === "1" ? false : true} + + /> + +
+ +
Date Fin
+ { + setp_detail_stage_date_fin(format(date, 'd/MM/yyyy')); + setstage_data_changed("1"); + } + } + showTimeSelect={false} + dateFormat="dd/MM/yyyy" + className="disabled_style enable_style" + locale={'fr'} + disabled={String(edit_stage_data) === "1" ? false : true} + + /> + +
+ + + + + + +
+
+
+
+
+ +
+   +
+ {edit_stage_data === "1" &&
+ + {String(props.check_user_acces_right("stagiaire", "write")) === "1" && String(stage_data_changed) === "1" && String(edit_stage_data) === "1" &&
+ /!\ Pensez à enregistrer les modifications +
} + +
+ +
+ + {String(props.check_user_acces_right("stagiaire", "write")) === "1" && } + +
+ +
+ +
+
+ +
+   +
+
} + + {edit_stage_data !== "1" &&
+ +
+ +
+ +   + +
+ +
+ +
+
+ +
+   +
+
} + + } + + {stage_submenu === "stage_detail" && <> + {String(props.check_user_acces_right("stagiaire", "write")) === "1" && String(stage_data_changed) === "1" && String(edit_stage_data) === "1" &&
+ /!\ Pensez à enregistrer les modifications +
} +
+
+ +
+
+ +
+ Description +
+ +
+
 
+ { + setp_detail_stage_descritpion(e.target.value); + setstage_data_changed("1"); + }} + disabled={String(edit_stage_data) === "1" ? false : true} + + /> +
+ +
+
+
+ +
+
+ +
+ Objectif +
+ +
+
 
+ { + setp_detail_stage_objectif(e.target.value); + setstage_data_changed("1"); + }} + disabled={String(edit_stage_data) === "1" ? false : true} + /> +
+ +
+
+
+ + + +
+
+ + +
+
+ +
+
+ +
+ Horaires et cadre d'exercice +
+ +
+
 
+ { + setp_detail_stage_objectif(e.target.value); + setstage_data_changed("1"); + }} + disabled={String(edit_stage_data) === "1" ? false : true} + /> + +
+ +
+
+
+ +
+
+ +
+ Rémunération et avantages +
+ +
+
 
+ { + setp_detail_stage_objectif(e.target.value); + setstage_data_changed("1"); + }} + disabled={String(edit_stage_data) === "1" ? false : true} + /> +
+ +
+
+
+ + + +
+
+ + + +
+
+ +
+
+ +
+ Autre disposition +
+ +
+
 
+ { + setp_detail_stage_autre_disposition(e.target.value); + setstage_data_changed("1"); + }} + disabled={String(edit_stage_data) === "1" ? false : true} + /> + +
+ +
+
+
+ +
+
+ +
+ Commentaire +
+ +
+
 
+ { + setp_detail_stage_comment(e.target.value); + setstage_data_changed("1"); + + }} + disabled={String(edit_stage_data) === "1" ? false : true} + /> +
+ +
+
+
+ + + +
+
+ +
+   +
+ {edit_stage_data === "1" &&
+ + {String(props.check_user_acces_right("stagiaire", "write")) === "1" && String(stage_data_changed) === "1" && String(edit_stage_data) === "1" &&
+ /!\ Pensez à enregistrer les modifications +
} + +
+ +
+ + {String(props.check_user_acces_right("stagiaire", "write")) === "1" && } + +
+ +
+ +
+
+ +
+   +
+
} + + {edit_stage_data !== "1" &&
+ +
+ +
+ +   + +
+ +
+ +
+
+ +
+   +
+
} + + + } + + {stage_submenu === "stage_suivi" && <> +
stage_suivi
+ } + + {stage_submenu === "stage_historique" && <> +
stage_historique
+ } + + {stage_submenu === "stage_piece_jointe" && <> +
stage_piece_jointe
+ } +
} +
+ + + +
+ ); +} + +export default Module_Gestion_Stage; + + +const local_css = ` +:root { + --bg: #f6f8fb; + --card: #ffffff; + --text: #0f172a; + --muted: #64748b; + --border: #e5e7eb; + --shadow: 0 10px 25px rgba(2, 6, 23, .06); + --green-700: #0f6b53; + --green-600: #167a5e; + --green-100: #e9f7f1; + --blue-600: #2563eb; + --radius: 14px; + --radius-sm: 10px; +} + .Grid_2_col{ + margin-top: 12px; + display:grid; + grid-template-columns: 1.2fr 1fr; + gap: 14px; + padding:5px; +} + + .Grid_1_col{ + margin-top: 12px; + display:grid; + grid-template-columns: 1fr; + gap: 14px; + padding:5px; +} + +.Grid_2_col_sub_colone { + background: #fff; + border: 1px solid #e5e7eb; + border-radius: 14px; + box-shadow: 0 6px 18px rgba(2,6,23,.04); + padding: 0px; + display: flex; + flex-direction: column; + gap: 14px; +} + + +.Grid_2_col_sub_colone_header { + background: #dbeafe; + border-top-right-radius: 10px; + border-top-left-radius: 10px; + text-align: center; + font-family: DM Sans; + font-weight: 700; + height: 2rem; + padding-top: 5px; + font-size: 15px; +} + +.Grid_2_col_sub_colone_bottom_menu{ + +} + +.card__header{ +background: #e2e8f0; + font-size: small; + text-align: center; +} + +.card__title{ + display:flex; + align-items:center; + gap: 10px; +} + +.card__icon{ + width: 34px; + height: 34px; + display:grid; + place-items:center; + border-radius: 12px; + background:#eff6ff; + border:1px solid #dbeafe; +} + +.card__header h2{ + margin:0; + font-size: 15px; + letter-spacing: -0.01em; +} + +.card__actions{ display:flex; align-items:center; gap:8px; } + +.block_detail_action{ +width: 100%; + float: left; + background: #fafafa; + padding: 10px; + border: unset; + border-radius: 10px; + } + + .react-datepicker-wrapper{ + width: 100%; + } + + +`; diff --git a/src/components/Module_Jury_Admission_Detail_Examen.js b/src/components/Module_Jury_Admission_Detail_Examen.js index bbee97d..f2d3ce6 100644 --- a/src/components/Module_Jury_Admission_Detail_Examen.js +++ b/src/components/Module_Jury_Admission_Detail_Examen.js @@ -512,7 +512,7 @@ const Module_Jury_Admission_Detail_Examen = (props) => { const handleClose_option_button_vertical = (event, value) => { if (value && String(value) === "Observ. Edit") { - console.log("### Observ. Edit= ", value); + //console.log("### Observ. Edit= ", value); } diff --git a/src/components/Student_Account_Ent.js b/src/components/Student_Account_Ent.js index b297544..e3580eb 100644 --- a/src/components/Student_Account_Ent.js +++ b/src/components/Student_Account_Ent.js @@ -80,7 +80,7 @@ function Student_Account_Ent() { history.push("/ent_student"); } - console.log(" local_props_apprenant_id use eefet = ", local_props_apprenant_id) + // console.log(" local_props_apprenant_id use eefet = ", local_props_apprenant_id) var tt = getCookie('tokenmysych'); diff --git a/src/styles/components/_module_gestion_stage.scss b/src/styles/components/_module_gestion_stage.scss new file mode 100644 index 0000000..60a1fa7 --- /dev/null +++ b/src/styles/components/_module_gestion_stage.scss @@ -0,0 +1,2537 @@ +.module_gestion_stage{ + .tooltip_css { + background: #81BC3A; + z-index: 9999; + font-family: "DM Sans", "sans-serif"; + font-size: "13px"; + } + + + .loader-container { + width: 100%; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + position: fixed; + background: white; + background-color: transparent; + z-index: 1; + top: 0px; + opacity: 80%; + left: 0px; + } + + .block_archive { + background-color: #774a10; + width: calc(100% - 20px); + margin-left: 10px; + margin-right: 10px; + border-radius: 5px; + text-align: center; + font-family: DM sans; + color: white; + margin-bottom: 0.5rem; + font-style: italic; + opacity: 80%; + font-weight: 600; + font-size: 14px; + } + + + .spinner { + width: 20rem; + height: 10rem; + border: 8px solid; + border-color: #3d5af1 transparent #3d5af1 transparent; + border-radius: 50%; + animation: spin-anim 1.2s linear infinite; + background-color: red; + color: black; + } + + .mysy_spinner { + border-radius: 5px; + //border: 1px solid #d5d8dc; + opacity: 100%; + } + + + + .Mui-disabled { + font-family: 'DM Sans', 'Sans-serif'; + font-size: small !important; + padding: 0px !important; + padding-left: 5px !important; + } + + + + @media screen and (max-width: 600px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .div_row { + float: left; + //border: 1px solid #d5d8dc; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + + width: 100%; + border-radius: 10rem !important; + text-align: left; + + margin: 0px !important; + margin-bottom: 0.5rem !important; + margin-top: 0.5rem !important; + } + + .div_row_droite { + width: 100%; + border-radius: 10rem !important; + text-align: left; + + margin: 0px !important; + margin-bottom: 0.5rem !important; + margin-top: 0.5rem !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + font-family: "DM Sans", "sans-serif"; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + width: 10.5rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "DM Sans", "sans-serif"; + font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + width: 100%; + height: 2rem !important; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #107758; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #107758; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "DM Sans", "sans-serif"; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: #0a2a4d !important; + width: 97% !important; + //border: none !important; + margin: 5px !important; + height: 3.5rem !important; + background: white; + border: solid gainsboro 1px; + + } + + .training_caract { + width: 100%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font-family: 'DM Sans', 'Sans-serif'; + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 100%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + padding-right: 10px; + + + } + + .session_caract { + font-family: DM Sans; + width: 100%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .css-1x5jdm { + padding: 5px; + } + + + + .css-1x5jdmq { + padding: 6px !important; + } + + .css-qiwgdb { + padding: 6px !important; + } + + .preview_certif { + display: block; + width: 100%; + height: 180px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .hr_break { + border: 2px solid grey; + } + + .icon_plus { + width: 6%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 100%; + height: 2rem !important; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 100% !important; + height: 2rem !important; + } + + .div_row_gauche_etendu { + width: 100%; + } + + .icon_excel { + width: 6%; + } + + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2rem; + width: 100%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + font-family: DM sans; + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2rem; + width: 100%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "DM Sans", "sans-serif"; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: smaller; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 100%; + padding-right: 10px; + } + + .img_class_logo { + display: block; + width: 128px; + height: 128px; + border-radius: 10px !important; + border: 1px solid #d5d8dc; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 10rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 10rem; + cursor: pointer; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .tick_ok_ko { + max-width: 3%; + cursor: pointer; + padding-top: 4px; + } + + .texte_area { + float: left; + width: 47% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 1.5rem !important; + } + + .texte_area_filter { + float: left; + width: 100% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin-top: 0px !important; + margin-bottom: 2px !important; + } + + .texte_area_filter_value { + float: left !important; + width: 100% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + + } + + + .filter_bton_add { + float: left; + width: 40% !important; + font-size: xx-large !important; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + text-align: right; + cursor: pointer; + } + + + .div_row { + float: left; + border-width: 0.01rem; + width: 100%; + + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + width: 100%; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite { + float: left; + width: 100%; + border-radius: 1rem; + text-align: left; + + } + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2rem; + width: 100%; + margin-left: 10px; + margin-right: 10px; + margin-bottom: 1rem !important; + } + + .bton_enreg { + font-family: DM sans; + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2rem; + width: 100%; + color: white; + margin-bottom: 1rem !important; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2rem; + width: 100%; + color: white; + margin-bottom: 1rem !important; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2rem; + width: 100%; + color: black; + margin-bottom: 1rem !important; + } + + + .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { + border-color: transparent !important; + border-radius: 20px !important; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: #0a2a4d !important; + width: 100% !important; + height: 3.5rem !important; + + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + + } + + .training_caract { + width: 100%; + + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font-family: 'DM Sans', 'Sans-serif'; + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .block_en_mass { + width: 100%; + float: left; + margin-bottom: 1rem; + } + + .block_en_mass_select { + width: 100%; + float: left; + margin-bottom: 1rem; + } + + + .div_row_list_pj { + width: 100%; + border-left: 3mm ridge rgba(211, 220, 50, .6); + float: left; + } + + .block_en_mass { + width: 100%; + float: left; + margin-bottom: 1rem; + margin-left: 15px; + } + + .block_en_mass_select { + width: 100%; + float: left; + margin-bottom: 1rem; + } + + .block_en_mass_bton_action { + width: 100%; + float: left; + margin-bottom: 1rem; + padding-top: 0.5rem !important; + } + + .tuteur_field { + width: 100%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + } + + @media only screen and (min-width: 601px) and (max-width: 991px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + font-family: "DM Sans", "sans-serif"; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + width: 12rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "DM Sans", "sans-serif"; + font-size: 11px; + letter-spacing: 0.1rem; + font-weight: normal; + height: 2rem !important; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #107758; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #107758; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "DM Sans", "sans-serif"; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: #0a2a4d !important; + width: 90% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + } + + .training_caract { + width: 48%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font-family: 'DM Sans', 'Sans-serif'; + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + + + } + + .session_caract { + font-family: DM Sans; + width: 50%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .css-1x5jdm { + padding: 5px; + } + + .bton_envoyer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 80%; + background: #81BC3A; + } + + + .bton_fermer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 80%; + background-color: white; + color: #107758 !important; + } + + .css-1x5jdmq { + padding: 6px !important; + padding-bottom: 0px !important; + } + + .css-qiwgdb { + padding: 6px !important; + } + + .preview_certif { + display: block; + width: 90%; + height: 200px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .preview_certif:hover { + transform: scale(1.3); + margin-left: 5rem; + } + + .hr_break { + border: 3px solid grey; + } + + .icon_plus { + width: 6%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 50%; + height: 2rem !important; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 65% !important; + height: 2rem !important; + } + + .div_row_gauche_etendu { + width: 80% !important; + } + + .icon_excel { + width: 6%; + } + + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2rem; + width: 80%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + font-family: DM sans; + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2rem; + width: 80%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2rem; + width: 80%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2rem; + width: 80%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "DM Sans", "sans-serif"; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: small; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 300%; + } + + .img_class_logo { + display: block; + width: 168px; + height: 168px; + border-radius: 10px !important; + border: 1px solid #d5d8dc; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 15rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 15rem; + cursor: pointer; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .tick_ok_ko { + max-width: 3%; + cursor: pointer; + padding-top: 4px; + } + + .texte_area { + float: left; + width: 47% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 1.5rem !important; + } + + .texte_area_filter { + float: left; + width: 40% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + } + + .texte_area_filter_value { + float: left !important; + width: 40% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + + } + + + .filter_bton_add { + float: left; + width: 5% !important; + font-size: large !important; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + text-align: right; + cursor: pointer; + margin-top: 1rem !important; + } + + .div_row { + float: left; + //border: 1px solid #d5d8dc; + border-width: 0.01rem; + width: 100%; + //margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + // border:1px solid black; + // border-width:0.01rem; + width: 45%; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite { + float: right; + //border:1px solid black; + //border-width:0.01rem; + width: 45%; + border-radius: 1rem; + text-align: right; + } + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2rem; + width: 40%; + margin-left: 10px; + margin-right: 10px; + min-width: 15rem; + } + + .bton_enreg { + font-family: DM sans; + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2rem; + width: 40%; + color: white; + margin-left: 10px; + margin-right: 10px; + min-width: 15rem; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2rem; + width: 40%; + color: white; + margin-left: 10px; + margin-right: 10px; + min-width: 15rem; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2rem; + width: 40%; + color: black; + margin-left: 10px; + margin-right: 10px; + min-width: 15rem; + } + + + .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { + border-color: transparent !important; + border-radius: 20px !important; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: #0a2a4d !important; + width: 90% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + padding-top: 0px !important; + border: none !important; + } + + .training_caract { + width: 30%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font-family: 'DM Sans', 'Sans-serif'; + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .block_en_mass { + width: 50%; + float: left; + margin-bottom: 1rem; + } + + .block_en_mass_select { + width: 45%; + float: left; + margin-bottom: 1rem; + } + + + .div_row_list_pj { + width: 50%; + border-left: 3mm ridge rgba(211, 220, 50, .6); + float: left; + } + + .block_en_mass { + width: 50%; + float: left; + margin-bottom: 1rem; + margin-left: 15px; + } + + .block_en_mass_select { + width: 45%; + float: left; + margin-bottom: 1rem; + } + + .block_en_mass_bton_action { + width: 45%; + float: left; + margin-bottom: 1rem; + padding-top: 0.5rem !important; + } + + .tuteur_field { + width: 50%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + + } + + @media only screen and (min-width: 992px) and (max-width: 1199px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .div_row { + float: left; + //border: 1px solid #d5d8dc; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + // border:1px solid black; + // border-width:0.01rem; + width: 45%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:1px solid black; + //border-width:0.01rem; + width: 45%; + border-radius: 1rem; + text-align: right; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + font-family: "DM Sans", "sans-serif"; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + width: 12rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "DM Sans", "sans-serif"; + font-size: 11px; + letter-spacing: 0.1rem; + font-weight: normal; + height: 2rem !important; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #107758; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #107758; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "DM Sans", "sans-serif"; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: #0a2a4d !important; + width: 90% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + } + + .training_caract { + width: 30%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font-family: 'DM Sans', 'Sans-serif'; + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5x !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + + + } + + .session_caract { + font-family: DM Sans; + width: 33%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .css-1x5jdm { + padding: 5px; + } + + .bton_envoyer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 60%; + background: #81BC3A; + + } + + + .bton_fermer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 60%; + background-color: white; + color: #107758 !important; + } + + .css-1x5jdmq { + padding: 6px !important; + padding-bottom: 0px !important; + } + + .css-qiwgdb { + padding: 6px !important; + } + + .preview_certif { + display: block; + width: 90%; + height: 180px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .preview_certif:hover { + transform: scale(1.3); + margin-left: 5rem; + } + + .hr_break { + border: 3px solid grey; + } + + .icon_plus { + width: 8%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 40%; + height: 2rem !important; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 50% !important; + height: 2rem !important; + } + + .div_row_gauche_etendu { + width: 80%; + } + + .icon_excel { + width: 6%; + } + + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2rem; + width: 65%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + font-family: DM sans; + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2rem; + width: 65%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2rem; + width: 65%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2rem; + width: 65%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "DM Sans", "sans-serif"; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: small; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 200%; + } + + .img_class_logo { + display: block; + width: 168px; + height: 168px; + border-radius: 10px !important; + border: 1px solid #d5d8dc; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 15rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 15rem; + cursor: pointer; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .tick_ok_ko { + max-width: 3%; + cursor: pointer; + padding-top: 4px; + } + + .texte_area { + float: left; + width: 47% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 1.5rem !important; + } + + .texte_area_filter { + float: left; + width: 40% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + } + + .texte_area_filter_value { + float: left !important; + width: 40% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + + } + + + .filter_bton_add { + float: left; + width: 5% !important; + font-size: xx-large !important; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + text-align: right; + cursor: pointer; + } + + + .titre1 { + font-family: "DM Sans", "sans-serif"; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: default; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .div_row_list_pj { + width: 30%; + border-left: 3mm ridge rgba(211, 220, 50, .6); + float: left; + } + + .block_en_mass { + width: 50%; + float: left; + margin-bottom: 1rem; + margin-left: 15px; + } + + .block_en_mass_select { + width: 45%; + float: left; + margin-bottom: 1rem; + } + + .block_en_mass_bton_action { + width: 45%; + float: left; + margin-bottom: 1rem; + padding-top: 0.5rem !important; + } + + .tuteur_field { + width: 50%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + + } + + @media only screen and (min-width: 1200px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .div_row { + float: left; + //border: 1px solid #d5d8dc; + border-width: 0.01rem; + width: 100%; + //margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + // border:1px solid black; + // border-width:0.01rem; + width: 45%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:1px solid black; + //border-width:0.01rem; + width: 45%; + border-radius: 1rem; + text-align: right; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + font-family: "DM Sans", "sans-serif"; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + min-width: 15rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "DM Sans", "sans-serif"; + font-size: 11px; + letter-spacing: 0.1rem; + font-weight: normal; + height: 2rem !important; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #107758; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #107758; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "DM Sans", "sans-serif"; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: #0a2a4d !important; + width: 90% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + border: solid gainsboro 1px; + } + + + + .training_caract { + width: 30%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font-family: 'DM Sans', 'Sans-serif'; + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + padding-left: 5px !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + + + } + + .session_caract { + font-family: DM Sans; + width: 33%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .preview_certif { + display: block; + width: 90%; + height: 200px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .preview_certif:hover { + transform: scale(1.4); + margin-left: 10rem; + } + + + .action_mass { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 40%; + background: #81BC3A; + height: 2rem; + } + + + + .block_en_mass { + width: 50%; + float: left; + margin-bottom: 1rem; + } + + .session_open_close { + cursor: pointer; + text-align: right; + font-size: small; + margin-right: 10px; + } + + .hr_break { + border: 5px solid grey; + } + + .icon_plus { + width: 8%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 25% !important; + height: 2rem !important; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 40% !important; + height: 2rem !important; + } + + .div_row_gauche_etendu { + width: 80%; + } + + .icon_excel { + width: 4%; + } + + .bton_envoyer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 60%; + background: #81BC3A; + } + + + .bton_traiter_en_mass { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 40%; + background: #81BC3A; + margin-left: 5%; + height: 2rem; + color: white; + + } + + .bton_fermer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 60%; + background-color: white; + color: #107758 !important; + } + + + .enable_style { + background-color: #FFFFFF; + } + + + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input:invalid { + padding-top: 5px !important; + padding-bottom: 5px !important; + padding-left: 5px !important; + } + + .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { + border-color: transparent !important; + border-radius: 20px !important; + } + + .bton_emarge { + border-radius: 5rem; + height: 2rem !important; + font-size: 11px; + padding: 0.5rem; + background: rgb(129, 188, 58); + margin-left: 5px; + margin-right: 5px; + } + + .css-1x5jdm { + padding: 5px; + } + + + .css-1x5jdmq { + padding: 6px !important; + height: 3rem ! important; + padding-bottom: 0px !important; + } + + .css-qiwgdb { + padding: 6px !important; + } + + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2rem; + width: 40%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + font-family: DM sans; + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: center; + height: 2rem; + width: 40%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2rem; + width: 40%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2rem; + width: 40%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + + + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "DM Sans", "sans-serif"; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: small; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 200%; + } + + .img_class_logo { + display: block; + width: 170px; + height: 168px; + border-radius: 10px !important; + border: 1px solid #d5d8dc; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 15rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 15rem; + cursor: pointer; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .tick_ok_ko { + max-width: 3%; + cursor: pointer; + padding-top: 4px; + } + + .texte_area { + float: left; + width: 47% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 1.5rem !important; + } + + .texte_area_filter { + float: left; + width: 40% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + } + + .texte_area_filter_value { + float: left !important; + width: 40% !important; + font-size: x-small !important; + font-family: "DM Sans", "sans-serif"; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + + } + + + .filter_bton_add { + float: left; + width: 5% !important; + font-size: xx-large !important; + margin: 0.4rem !important; + margin-top: 0px !important; + margin-bottom: 2px !important; + text-align: right; + cursor: pointer; + } + + + .titre1 { + font-family: "DM Sans", "sans-serif"; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: default; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .file_ariane { + font-size: large; + font-weight: 600; + width: 100%; + text-align: center; + } + + .div_row_list_pj { + width: 30%; + border-left: 3mm ridge rgba(211, 220, 50, .6); + float: left; + } + + + .block_en_mass { + width: 50%; + float: left; + margin-bottom: 1rem; + margin-left: 15px; + } + + .block_en_mass_select { + width: 45%; + float: left; + margin-bottom: 1rem; + } + + .block_en_mass_bton_action { + width: 45%; + float: left; + margin-bottom: 1rem; + padding-top: 0.5rem !important; + } + + .tuteur_field { + width: 50%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + + } + + .mysy_gris { + background: #ECEFF1 !important; + } + + + // end media + + .separator { + display: flex; + align-items: center; + text-align: center; + margin-bottom: 0.5rem !important; + } + + .separator::before { + content: ''; + flex: 1; + border-top: 4px double #999; + } + + + .separator::after { + content: ''; + flex: 1; + border-top: 4px double #999; + } + + .separator:not(:empty)::before { + margin-right: .35em; + } + + .separator:not(:empty)::after { + margin-left: .35em; + } + + + .separator_label { + width: 10rem; + float: left; + font-family: 'DM Sans'; + color: blue; + font-weight: 600; + font-size: 14px; + background: #d5d8dc; + text-align: center; + border: none; + } + + + + + .disabled_style_with_visualiser { + width: 80% !important; + } + + .disabled_style_with_visualiser_icone { + float: left; + text-align: center; + width: 100%; + font-size: large; + padding-top: 10px; + } + + .disabled_style_left_text_with_visualiser_icone { + width: 80% !important; + float: left; + } + + .disabled_style_right_bton_visualiser { + width: 9% !important; + float: left; + cursor: pointer; + } + + .css-1v4ccyo { + height: 3.5rem !important; + font-size: small; + color: #0a2a4d !important; + } + + + option { + font-weight: normal; + display: block; + white-space-collapse: collapse; + text-wrap: nowrap; + padding: 0px !important; + } + + .mysy_hr_text { + border: none; + border-top: 3px double #333; + color: #333; + overflow: visible; + text-align: center; + height: 5px; + } + + .mysy_hr_text:after { + background: #fff; + content: 'Détails'; + padding: 0 4px; + position: relative; + top: -13px; + } + + .MuiMenu-paper { + max-width: 30% !important; + } + + +} + +.MuiMenu-paper { + max-width: 30% !important; +} + +.tox-statusbar { + display: none !important; +} + + + + +.css-1x5jdmq { + height: 3rem !important; + font-size: small; +} + +.select_option_css { + border-radius: 0px !important; +} + +.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root { + font-family: "DM Sans" !important; + height: 3.5rem !important; +} + + + +.react-datepicker__input-container { + width: 110%; +} + +.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { + color: #0a2a4d !important; + + font-size: small !important; + font-family: "DM Sans" !important; + padding-left: 5px !important; +} \ No newline at end of file diff --git a/src/styles/index.scss b/src/styles/index.scss index 31d21d4..fbb9d05 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -221,6 +221,7 @@ @import "./components/module_competence_pedagogique"; @import "./components/module_bloc_competence_pedagogique"; @import "./components/module_domaine_competence_pedagogique"; +@import "./components/module_gestion_stage"; // New Design 2025