From c5703167fcf0b6a57b19cc20ebda3b2d7f95e14f Mon Sep 17 00:00:00 2001 From: Cherif Date: Mon, 2 Feb 2026 17:51:42 +0100 Subject: [PATCH] 02/02/2026 - 18h --- src/components/Apprenant.js | 2433 +- src/components/Apprenant_ARG.js | 10980 ++++++ src/components/DisplayPartnerPromotion.js | 3523 +- src/components/DisplayPartnerPromotion_ARG.js | 28585 ++++++++++++++++ src/components/DisplayPartnerSession.js | 3486 +- src/components/DisplayPartnerSession_ARG.js | 28557 +++++++++++++++ src/components/DisplayPartnerStagiaires.js | 3571 +- .../DisplayPartnerStagiaires_ARG.js | 14339 ++++++++ src/components/Employes.js | 1975 +- src/components/Employes_ARG.js | 13482 ++++++++ src/components/New_C_Sign_In_2025.js | 24 +- src/components/New_C_Sign_Up_2025.js | 101 +- src/components/Session_Admission_FI.js | 6 +- .../contact_automatic_files/ContactForm.js | 157 +- .../contact_automatic_files/Contact_Layout.js | 9 +- .../contact_automatic_files.css | 135 +- .../header_automatic_files/Header.css | 2 +- .../header_mysy_logo_v2.png | Bin 0 -> 171214 bytes src/mysy_img/c_header_logo_v2.png | Bin 0 -> 171214 bytes src/styles/components/_employes.scss | 4 +- 20 files changed, 104374 insertions(+), 6995 deletions(-) create mode 100644 src/components/Apprenant_ARG.js create mode 100644 src/components/DisplayPartnerPromotion_ARG.js create mode 100644 src/components/DisplayPartnerSession_ARG.js create mode 100644 src/components/DisplayPartnerStagiaires_ARG.js create mode 100644 src/components/Employes_ARG.js create mode 100644 src/img_new_design_2025/header_mysy_logo_v2.png create mode 100644 src/mysy_img/c_header_logo_v2.png diff --git a/src/components/Apprenant.js b/src/components/Apprenant.js index baaa442..945b753 100644 --- a/src/components/Apprenant.js +++ b/src/components/Apprenant.js @@ -129,7 +129,7 @@ const Apprenant = (props) => { return ( + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, la pièce jointe sera définitivement supprimée.
+ + +
+
+
+ + +
+
+ +
+
+
+ )} + } + + + ))} + + + } + + +
+   +
+ + + + + + + } + + + {String(display_menu_suivi_pedagogique) === "1" && String(add_One_Apprenant) !== "1" && selected_apprenant_id &&
+ + + + +
+
+ +
+   + + { + setselectionModel_suivi_pedagogique(newSelectionModel); + + }} + selectionModel={selectionModel_suivi_pedagogique} + + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} + rows={Get_Appenant_List_Suivi_Pedagogique_result.map((item, index) => ( + { + id: index, + _id: JSON.parse(item)._id, + apprenant_id: JSON.parse(item).apprenant_id, + class_id: JSON.parse(item).class_id, + session_id: JSON.parse(item).session_id, + class_eu_id: JSON.parse(item).class_eu_id, + responsable_id: JSON.parse(item).responsable_id, + date_debut: JSON.parse(item).date_heure_debut, + date_fin: JSON.parse(item).date_heure_fin, + class_title: JSON.parse(item).class_title, + session_code: JSON.parse(item).session_code, + ue_code: JSON.parse(item).ue_code, + ue_titre: JSON.parse(item).ue_titre, + + } + ))} + + columns={columns_suivi_pedagogique} + pageSize={10} + className="datagridclass" + + onRowDoubleClick={(newSelectionModel) => { + + setsuivi_pedago_gridline_id(newSelectionModel.row.id); + Get_Geven_Suivi_Ped_Data(newSelectionModel.row._id); + setdisplay_given_suivi_ped("1"); + setadd_one_suivi_ped(""); + setgiven_suivi_ped_data_edit_mode(""); + setselected_suivi_pedagogique_id(newSelectionModel.row._id); + + //console.log(" setselected_suivi_pedagogique_id = ", 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'; + } + + }} + + getRowClassName={(params) => { + // Pour la gestion de la couleur de zone double cliquée + if (String(params.row.id) === String(suivi_pedago_gridline_id)) { + return 'line--statut--selected'; + } + else if (parseInt(String(params.row.id)) % 2 === 0) { + return 'line--statut--pair'; + } + else if (parseInt(String(params.row.id)) % 2 !== 0) { + return 'line--statut--impair'; + } + }} + + getEstimatedRowHeight={() => 200} + getRowHeight={() => "auto"} + sx={{ + "& .MuiDataGrid-cellContent": { + minHeight: 50, + + } + }} + /> + +
+ +
+ +
+ + +
+ +
+ +
+ +
+ + + + {String(props.check_user_acces_right("stagiaire", "write")) === "1" && } + +
+ + + +
+
+ +
+ +
+ + {String(add_one_suivi_ped) === "1" && String(display_given_suivi_ped) !== "1" &&
+ + + +
Sujet
+ { + setp_detail_suivi_ped_sujet(e.target.value); + + } + } + + /> + +
+ +
Formation
+ {New_Getall_Partner_Class_Reduice_Fields_result && New_Getall_Partner_Class_Reduice_Fields_result.length > 0 && + + (data)._id === String(p_detail_suivi_ped_class_id))[0].label} + //value={New_Getall_Partner_Session_Reduice_Fields_result.filter((data) => (data)._id === String(p_detail_class_id))[0].label} + onChange={(event, value) => { + if (value && value._id) { + Get_List_UE_From_Class_Id(value._id); + setp_detail_suivi_ped_class_id(value._id); + setp_detail_suivi_ped_class_internal_url(value.internal_url); + + } else { + Get_List_UE_From_Class_Id(""); + setp_detail_suivi_ped_class_id(""); + setp_detail_suivi_ped_class_internal_url(""); + + } + + // Quand on modifie la formation, la session et l'UE sont reinitialitées + setp_detail_suivi_ped_session_id(""); + setp_detail_suivi_ped_class_eu_id(""); + }} + + renderInput={(params) => + } + /> + + } + +
+ + +
Classe
+ {New_Getall_Partner_Session_Reduice_Fields_result && New_Getall_Partner_Session_Reduice_Fields_result.length > 0 && + + (data).class_internal_url === String(p_detail_suivi_ped_class_internal_url))} + value={New_Getall_Partner_Session_Reduice_Fields_result.filter((data) => (data)._id === String(p_detail_suivi_ped_session_id))[0].label} + onChange={(event, value) => { + if (value && value._id) { + setp_detail_suivi_ped_session_id(value._id); + + } else { + setp_detail_suivi_ped_session_id(""); + + } + }} + + renderInput={(params) => + } + /> + + } + +
+ +
Matière / UE
+ {New_Get_List_UE_From_Class_Id_result && + + (data).class_id === String(p_detail_suivi_ped_class_id))} + value={New_Getall_Partner_List_UE_result.filter((data) => (data)._id === String(p_detail_suivi_ped_class_eu_id))[0].label} + + // value={New_Get_List_UE_From_Class_Id_result.filter((data) => (data)._id === String(p_detail_class_eu_id))[0].label} + + onChange={(event, value) => { + if (value && value._id) { + + console.log("### value = ", value); + setp_detail_suivi_ped_class_eu_id(value._id); + + } else { + setp_detail_suivi_ped_class_eu_id(""); + + } + }} + + renderInput={(params) => + } + /> + + } + +
+ +
Début
+ { + setp_detail_suivi_ped_eval_date_heure_debut(format(date, 'dd/MM/yyyy HH:mm')); + + } + } + + + className="disabled_style enable_style" + locale={'fr'} + showTimeSelect + timeFormat="HH:mm" + timeIntervals={15} + dateFormat="dd/MM/yyyy HH:mm" + is24Hour + + /> + +
+ + + +
Fin
+ { + + setp_detail_suivi_ped_eval_date_heure_fin(format(date, 'dd/MM/yyyy HH:mm')); + + } + } + + + className="disabled_style enable_style" + locale={'fr'} + showTimeSelect + timeFormat="HH:mm" + timeIntervals={15} + dateFormat="dd/MM/yyyy HH:mm" + is24Hour + + /> + +
+ +
Responsable
+ {New_Getall_Training_Employee_No_Filter_result && New_Getall_Training_Employee_No_Filter_result.length > 0 && + + (data)._id === String(p_detail_suivi_ped_responsable_id))[0].label} + + onChange={(event, value) => { + if (value && value._id) { + setp_detail_suivi_ped_responsable_id(value._id); + + } else { + setp_detail_suivi_ped_responsable_id(""); + + } + }} + + renderInput={(params) => + } + /> + + } + +
+ +
+   +
+ +
+ +
+ +
+ + + +
+ +
+ +
+
+ + + +
+   +
+
+ +
} + + {String(add_one_suivi_ped) !== "1" && String(display_given_suivi_ped) === "1" &&
+ + + {String(given_suivi_ped_data_edit_mode) !== "1" &&
+ + +
Sujet
+ + +
+ +
Formation
+ {New_Getall_Partner_Class_Reduice_Fields_result && New_Getall_Partner_Class_Reduice_Fields_result.length > 0 && (data)._id === String(p_detail_suivi_ped_class_id))[0].label} + + + />} + +
+ + +
Classe
+ {New_Getall_Partner_Session_Reduice_Fields_result && New_Getall_Partner_Session_Reduice_Fields_result.length > 0 && (data)._id === String(p_detail_suivi_ped_session_id))[0].label} + + + />} + +
+ +
Matière / UE
+ {New_Getall_Partner_List_UE_result && New_Getall_Partner_List_UE_result.length > 0 && (data)._id === String(p_detail_suivi_ped_class_eu_id))[0].label} + + />} + + + + +
+ +
Début
+ + + +
+ + + +
Fin
+ + + +
+ +
Responsable
+ {New_Getall_Training_Employee_No_Filter_result && New_Getall_Training_Employee_No_Filter_result.length > 0 && (data)._id === String(p_detail_suivi_ped_responsable_id))[0].label} + + />} + + +
+ +
+ Observation
+
+ + editorRef_observation.current = editor} + initialValue={field_contenu_observation} + onKeyUp={field_contenu_observation_keyup} + //disabled={false} + + init={{ + resize: false, + height: 300, + menubar: false, + editable_root: false, + plugins: [ + 'advlist autolink lists link image charmap print preview anchor', + 'searchreplace visualblocks code fullscreen', + 'insertdatetime media table paste code help wordcount' + ], + + content_style: 'body { font-family:DM Sans,sans-serif; font-size:14px; }' + }} + /> +
+
+ +
+ Commentaire
+
+ + editorRef_comment.current = editor} + initialValue={field_contenu_comment} + onKeyUp={field_contenu_comment_keyup} + //disabled={false} + + init={{ + resize: false, + height: 300, + menubar: false, + editable_root: false, + plugins: [ + 'advlist autolink lists link image charmap print preview anchor', + 'searchreplace visualblocks code fullscreen', + 'insertdatetime media table paste code help wordcount' + ], + + content_style: 'body { font-family:DM Sans,sans-serif; font-size:14px; }' + }} + /> +
+
+ + + + + +
+ } + + + {String(given_suivi_ped_data_edit_mode) === "1" &&
+ + +
Sujet
+ { + setp_detail_suivi_ped_sujet(e.target.value); + setgiven_suivi_ped_changed("1"); + } + } + + /> + +
+ +
Formation
+ {New_Getall_Partner_Class_Reduice_Fields_result && New_Getall_Partner_Class_Reduice_Fields_result.length > 0 && + + (data)._id === String(p_detail_suivi_ped_class_id))[0].label} + //value={New_Getall_Partner_Session_Reduice_Fields_result.filter((data) => (data)._id === String(p_detail_class_id))[0].label} + onChange={(event, value) => { + if (value && value._id) { + Get_List_UE_From_Class_Id(value._id); + setp_detail_suivi_ped_class_id(value._id); + setp_detail_suivi_ped_class_internal_url(value.internal_url); + + } else { + Get_List_UE_From_Class_Id(""); + setp_detail_suivi_ped_class_id(""); + setp_detail_suivi_ped_class_internal_url(""); + + } + setgiven_suivi_ped_changed("1"); + + // Quand on modifie la formation, la session et l'UE sont reinitialitées + setp_detail_suivi_ped_session_id(""); + setp_detail_suivi_ped_class_eu_id(""); + }} + + renderInput={(params) => + } + /> + + } + +
+ + +
Classe
+ {New_Getall_Partner_Session_Reduice_Fields_result && New_Getall_Partner_Session_Reduice_Fields_result.length > 0 && + + (data).class_internal_url === String(p_detail_suivi_ped_class_internal_url))} + value={New_Getall_Partner_Session_Reduice_Fields_result.filter((data) => (data)._id === String(p_detail_suivi_ped_session_id))[0].label} + onChange={(event, value) => { + if (value && value._id) { + setp_detail_suivi_ped_session_id(value._id); + + } else { + setp_detail_suivi_ped_session_id(""); + + } + setgiven_suivi_ped_changed("1"); + }} + + renderInput={(params) => + } + /> + + } + +
+ +
Matière / UE
+ {New_Get_List_UE_From_Class_Id_result && + + (data).class_id === String(p_detail_suivi_ped_class_id))} + value={New_Getall_Partner_List_UE_result.filter((data) => (data)._id === String(p_detail_suivi_ped_class_eu_id))[0].label} + + // value={New_Get_List_UE_From_Class_Id_result.filter((data) => (data)._id === String(p_detail_class_eu_id))[0].label} + + onChange={(event, value) => { + if (value && value._id) { + + //console.log("### value = ", value); + setp_detail_suivi_ped_class_eu_id(value._id); + + } else { + setp_detail_suivi_ped_class_eu_id(""); + + } + setgiven_suivi_ped_changed("1"); + }} + + renderInput={(params) => + } + /> + + } + +
+ +
Début
+ { + setp_detail_suivi_ped_eval_date_heure_debut(format(date, 'dd/MM/yyyy HH:mm')); + setgiven_suivi_ped_changed("1"); + } + } + + + className="disabled_style enable_style" + locale={'fr'} + showTimeSelect + timeFormat="HH:mm" + timeIntervals={15} + dateFormat="dd/MM/yyyy HH:mm" + is24Hour + + /> + +
+ + +
Fin
+ { + + setp_detail_suivi_ped_eval_date_heure_fin(format(date, 'dd/MM/yyyy HH:mm')); + setgiven_suivi_ped_changed("1"); + } + } + + + className="disabled_style enable_style" + locale={'fr'} + showTimeSelect + timeFormat="HH:mm" + timeIntervals={15} + dateFormat="dd/MM/yyyy HH:mm" + is24Hour + + /> + +
+ +
Responsable
+ {New_Getall_Training_Employee_No_Filter_result && New_Getall_Training_Employee_No_Filter_result.length > 0 && + + (data)._id === String(p_detail_suivi_ped_responsable_id))[0].label} + + onChange={(event, value) => { + if (value && value._id) { + setp_detail_suivi_ped_responsable_id(value._id); + + } else { + setp_detail_suivi_ped_responsable_id(""); + + } + setgiven_suivi_ped_changed("1"); + }} + + renderInput={(params) => + } + /> + + } + +
+ + +
+ Observation
+
+ + editorRef_observation.current = editor} + initialValue={field_contenu_observation} + onKeyUp={field_contenu_observation_keyup} + //disabled={false} + + init={{ + resize: false, + height: 300, + menubar: false, + editable_root: true, + plugins: [ + 'advlist autolink lists link image charmap print preview anchor', + 'searchreplace visualblocks code fullscreen', + 'insertdatetime media table paste code help wordcount' + ], + + content_style: 'body { font-family:DM Sans,sans-serif; font-size:14px; }' + }} + /> +
+
+ +
+ Commentaire
+
+ + editorRef_comment.current = editor} + initialValue={field_contenu_comment} + onKeyUp={field_contenu_comment_keyup} + //disabled={false} + + init={{ + resize: false, + height: 300, + menubar: false, + editable_root: true, + plugins: [ + 'advlist autolink lists link image charmap print preview anchor', + 'searchreplace visualblocks code fullscreen', + 'insertdatetime media table paste code help wordcount' + ], + + content_style: 'body { font-family:DM Sans,sans-serif; font-size:14px; }' + }} + /> +
+
+ + + +
+ } + + +
+ {String(given_suivi_ped_changed) === "1" && String(given_suivi_ped_data_edit_mode) === "1" &&
+ /!\ Pensez à enregistrer les modifications +
} + + +
+ + {String(given_suivi_ped_data_edit_mode) === "1" &&
+ + + +
} + + {String(given_suivi_ped_data_edit_mode) === "1" &&
+ +
} +
+ + + {String(props.check_user_acces_right("stagiaire", "write")) === "1" && String(given_suivi_ped_data_edit_mode) !== "1" &&
+ + + + +
} +
+   +
+
+ + + +
} + + + + + +
+ +
} + + + {String(display_detail_notes) === "1" && String(add_One_Apprenant) !== "1" && selected_apprenant_id &&
+ + + +
+ +
+ +
+
+ +
+   + + { + setselectionModel_notes(newSelectionModel); + /*if (newSelectionModel.length === 1) + handleClick_edit_session_From_Line(newSelectionModel);*/ + if (newSelectionModel.length !== 1) { + + } + }} + selectionModel={selectionModel_notes} + + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} + rows={Get_Apprenant_Notes_Of_Evaluations_result.map((item, index) => ( + { + id: index, + _id: JSON.parse(item)._id, + evaluation_id: JSON.parse(item).evaluation_id, + inscription_id: JSON.parse(item).inscription_id, + note_evaluation_id: JSON.parse(item).note_evaluation_id, + class_eu_id: JSON.parse(item).class_eu_id, + type_eval_id: JSON.parse(item).type_eval_id, + class_ue_code: JSON.parse(item).class_ue_code, + class_ue_titre: JSON.parse(item).class_ue_titre, + note_evaluation_code: JSON.parse(item).note_evaluation_code, + eval_date_heure_debut: JSON.parse(item).eval_date_heure_debut, + eval_date_heure_fin: JSON.parse(item).eval_date_heure_fin, + note: JSON.parse(item).note, + + } + ))} + + columns={columns_notes} + pageSize={10} + className="datagridclass" + + onRowDoubleClick={(newSelectionModel) => { + + }} + + 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'; + } + + 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"} + + /> + +
+ +
+ + +
+ +
+ + +
} + + + + ); +} + +export default Apprenant_ARG; \ No newline at end of file diff --git a/src/components/DisplayPartnerPromotion.js b/src/components/DisplayPartnerPromotion.js index fd8a3fd..b2ad81d 100644 --- a/src/components/DisplayPartnerPromotion.js +++ b/src/components/DisplayPartnerPromotion.js @@ -5668,8 +5668,8 @@ const DisplayPartnerPromotion = (props) => { if (String(res.data.status) === String("true")) { setDelete_Session_Formation_api("true"); setDelete_Session_Formation_result(res.data.message); - setSelectionModel([]); - setactionmass_ftion_val(""); + setSelectionModel([]); + setactionmass_ftion_val(""); setaddOneParticipant(); setdisplay_detail_insc(); setselected_code_session(); @@ -7606,7 +7606,7 @@ const DisplayPartnerPromotion = (props) => { const [p_one_myclass_title, setp_one_myclass_title] = useState(""); - const [p_one_myclass_is_published, setp_one_myclass_is_published] = useState(""); + const [p_one_myclass_is_published, setp_one_myclass_is_published] = useState("1"); const [p_one_code_session, setp_one_code_session] = useState(""); const [p_one_code_session_id, setp_one_code_session_id] = useState(""); @@ -7898,8 +7898,8 @@ const DisplayPartnerPromotion = (props) => { submenu_detail_session(); setedit_session_form(false); setsubmenu(""); - setSelectionModel([]); - setactionmass_ftion_val(""); + setSelectionModel([]); + setactionmass_ftion_val(""); } @@ -9175,8 +9175,8 @@ const DisplayPartnerPromotion = (props) => { setnb_stagiaire_Preinscrit(""); setnb_stagiaire_Inscrit(""); - setSelectionModel([]); - setactionmass_ftion_val(""); + setSelectionModel([]); + setactionmass_ftion_val(""); setRows([]); setRows_insc([]); setRows_preinsc([]); @@ -9745,7 +9745,7 @@ const DisplayPartnerPromotion = (props) => { if (file_size > 10000000) { - + setdisplay_alert_mysy("1"); setalert_message("Le fichier ne doit pas depasser un 1 Méga octets"); setalert_type("error"); @@ -10388,8 +10388,8 @@ const DisplayPartnerPromotion = (props) => { if (String(res.data.status) === String("true")) { setDelete_LIST_Session_Formation_api("true"); setDelete_LIST_Session_Formation_result(res.data.message); - setSelectionModel([]); - setactionmass_ftion_val(""); + setSelectionModel([]); + setactionmass_ftion_val(""); setaddOneParticipant(); setdisplay_detail_insc(); setselected_code_session(); @@ -10451,8 +10451,8 @@ const DisplayPartnerPromotion = (props) => { if (String(res.data.status) === String("true")) { setDupliquer_LIST_Session_Formation_api("true"); setDupliquer_LIST_Session_Formation_result(res.data.message); - setSelectionModel([]); - setactionmass_ftion_val(""); + setSelectionModel([]); + setactionmass_ftion_val(""); setaddOneParticipant(); setdisplay_detail_insc(); setselected_code_session(); @@ -12392,8 +12392,8 @@ const DisplayPartnerPromotion = (props) => { setselected_convention_email_test(); setactionmass_ftion_val(); - setSelectionModel([]); - setactionmass_ftion_val(""); + setSelectionModel([]); + setactionmass_ftion_val(""); settab_convention_pieces_jointes_result([]) }; @@ -14117,8 +14117,8 @@ const DisplayPartnerPromotion = (props) => { const [display_session_with_alert, setdisplay_session_with_alert] = useState(false); const handleChange_display_session_with_alert = (event) => { - setSelectionModel([]); - setactionmass_ftion_val(""); + setSelectionModel([]); + setactionmass_ftion_val(""); setdisplay_session_with_alert(event.target.checked); }; @@ -19818,7 +19818,7 @@ const DisplayPartnerPromotion = (props) => {

-
+
Etape
{rowss && String(session_selected_row_id).length > 0 &&
@@ -19827,7 +19827,7 @@ const DisplayPartnerPromotion = (props) => {
-
+
Code Promo
{rowss && String(session_selected_row_id).length > 0 &&
@@ -19836,7 +19836,7 @@ const DisplayPartnerPromotion = (props) => {
-
+
Durée
{rowss && String(session_selected_row_id).length > 0 &&
@@ -19846,7 +19846,7 @@ const DisplayPartnerPromotion = (props) => {
-
+
Modalité
@@ -19857,7 +19857,7 @@ const DisplayPartnerPromotion = (props) => {
-
+
Date début
@@ -19867,7 +19867,7 @@ const DisplayPartnerPromotion = (props) => {
-
+
Date fin
{rowss && String(session_selected_row_id).length > 0 &&
@@ -19876,7 +19876,7 @@ const DisplayPartnerPromotion = (props) => {
-
+
Prix
{rowss && String(session_selected_row_id).length > 0 &&
@@ -19886,7 +19886,7 @@ const DisplayPartnerPromotion = (props) => {
-
+
Nb participants
{rowss && String(session_selected_row_id).length > 0 &&
@@ -19895,7 +19895,7 @@ const DisplayPartnerPromotion = (props) => {
-
+
Taux Remplissage
{rowss && String(session_selected_row_id).length > 0 &&
@@ -19918,7 +19918,7 @@ const DisplayPartnerPromotion = (props) => {
-
+
Ftion Publiée
{rowss && String(session_selected_row_id).length > 0 &&
@@ -19927,7 +19927,7 @@ const DisplayPartnerPromotion = (props) => {
-
+
Inclus BPF
{rowss && String(session_selected_row_id).length > 0 && String(JSON.parse(rowss[session_selected_row_id]).is_bpf) === "1" && @@ -20916,23 +20916,23 @@ const DisplayPartnerPromotion = (props) => { '& .line--etape--projet': { backgroundColor: 'yellow', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--planification': { backgroundColor: 'red', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--planifie': { backgroundColor: 'blue', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--termine': { backgroundColor: 'orange', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--facture': { backgroundColor: '#D5F5E3', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--annule': { backgroundColor: '#566573', @@ -20954,15 +20954,15 @@ const DisplayPartnerPromotion = (props) => { '& .line--statut--selected': { backgroundColor: '#e9f7f1', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--statut--pair': { backgroundColor: 'rgba(235, 235, 235, .7)', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--statut--impair': { backgroundColor: '#FFFFFF', - color: '#0a2a4d', + color: '#0a2a4d', }, [`& .${gridClasses.cell}`]: { py: 1, }, @@ -21221,23 +21221,23 @@ const DisplayPartnerPromotion = (props) => { '& .line--etape--projet': { backgroundColor: 'yellow', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--planification': { backgroundColor: 'red', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--planifie': { backgroundColor: 'blue', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--termine': { backgroundColor: 'orange', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--facture': { backgroundColor: '#D5F5E3', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--annule': { backgroundColor: '#566573', @@ -21259,15 +21259,15 @@ const DisplayPartnerPromotion = (props) => { '& .line--statut--selected': { backgroundColor: '#e9f7f1', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--statut--pair': { backgroundColor: 'rgba(235, 235, 235, .7)', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--statut--impair': { backgroundColor: '#FFFFFF', - color: '#0a2a4d', + color: '#0a2a4d', }, [`& .${gridClasses.cell}`]: { py: 1, }, @@ -21412,23 +21412,23 @@ const DisplayPartnerPromotion = (props) => { '& .line--etape--projet': { backgroundColor: 'yellow', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--planification': { backgroundColor: 'red', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--planifie': { backgroundColor: 'blue', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--termine': { backgroundColor: 'orange', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--facture': { backgroundColor: '#D5F5E3', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--annule': { backgroundColor: '#566573', @@ -21450,15 +21450,15 @@ const DisplayPartnerPromotion = (props) => { '& .line--statut--selected': { backgroundColor: '#e9f7f1', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--statut--pair': { backgroundColor: 'rgba(235, 235, 235, .7)', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--statut--impair': { backgroundColor: '#FFFFFF', - color: '#0a2a4d', + color: '#0a2a4d', }, [`& .${gridClasses.cell}`]: { py: 1, }, @@ -21611,23 +21611,23 @@ const DisplayPartnerPromotion = (props) => { '& .line--etape--projet': { backgroundColor: 'yellow', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--planification': { backgroundColor: 'red', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--planifie': { backgroundColor: 'blue', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--termine': { backgroundColor: 'orange', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--facture': { backgroundColor: '#D5F5E3', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--annule': { backgroundColor: '#566573', @@ -21649,15 +21649,15 @@ const DisplayPartnerPromotion = (props) => { '& .line--statut--selected': { backgroundColor: '#e9f7f1', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--statut--pair': { backgroundColor: 'rgba(235, 235, 235, .7)', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--statut--impair': { backgroundColor: '#FFFFFF', - color: '#0a2a4d', + color: '#0a2a4d', }, [`& .${gridClasses.cell}`]: { py: 1, }, @@ -21938,23 +21938,23 @@ const DisplayPartnerPromotion = (props) => { '& .line--etape--projet': { backgroundColor: 'yellow', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--planification': { backgroundColor: 'red', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--planifie': { backgroundColor: 'blue', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--termine': { backgroundColor: 'orange', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--facture': { backgroundColor: '#D5F5E3', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--annule': { backgroundColor: '#566573', @@ -21976,15 +21976,15 @@ const DisplayPartnerPromotion = (props) => { '& .line--statut--selected': { backgroundColor: '#e9f7f1', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--statut--pair': { backgroundColor: 'rgba(235, 235, 235, .7)', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--statut--impair': { backgroundColor: '#FFFFFF', - color: '#0a2a4d', + color: '#0a2a4d', }, [`& .${gridClasses.cell}`]: { py: 1, }, @@ -22232,23 +22232,23 @@ const DisplayPartnerPromotion = (props) => { '& .line--etape--projet': { backgroundColor: 'yellow', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--planification': { backgroundColor: 'red', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--planifie': { backgroundColor: 'blue', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--termine': { backgroundColor: 'orange', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--facture': { backgroundColor: '#D5F5E3', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--annule': { backgroundColor: '#566573', @@ -22270,15 +22270,15 @@ const DisplayPartnerPromotion = (props) => { '& .line--statut--selected': { backgroundColor: '#e9f7f1', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--statut--pair': { backgroundColor: 'rgba(235, 235, 235, .7)', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--statut--impair': { backgroundColor: '#FFFFFF', - color: '#0a2a4d', + color: '#0a2a4d', }, [`& .${gridClasses.cell}`]: { py: 1, }, @@ -22422,23 +22422,23 @@ const DisplayPartnerPromotion = (props) => { '& .line--etape--projet': { backgroundColor: 'yellow', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--planification': { backgroundColor: 'red', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--planifie': { backgroundColor: 'blue', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--termine': { backgroundColor: 'orange', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--facture': { backgroundColor: '#D5F5E3', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--etape--annule': { backgroundColor: '#566573', @@ -22460,15 +22460,15 @@ const DisplayPartnerPromotion = (props) => { '& .line--statut--selected': { backgroundColor: '#e9f7f1', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--statut--pair': { backgroundColor: 'rgba(235, 235, 235, .7)', - color: '#0a2a4d', + color: '#0a2a4d', }, '& .line--statut--impair': { backgroundColor: '#FFFFFF', - color: '#0a2a4d', + color: '#0a2a4d', }, [`& .${gridClasses.cell}`]: { py: 1, }, @@ -22767,948 +22767,973 @@ const DisplayPartnerPromotion = (props) => {   {p_detail_archive && String(p_detail_archive) === "1" &&
Document Archivé
} -
- -
-
-
+ +
+
+
+ + +
+
+ Infos Générales +
+ +
-
Formation
- Formation
+ + /> - - -
{ + + + +
Code Promo
+ setp_code_session(e.target.value)} + + /> +
+ +
Titre Promo
+ setp_detail_titre(e.target.value)} + + /> +
+ + {edit_session_form && New_Option_Entre_Scolaire.length > 0 &&
Entrée Scolaire
+ + (data).value === String(p_detail_entre_scolaire))[0].label} + onChange={(event, value) => { + if (value && value.value) { + setp_detail_entre_scolaire(value.value); + IssessionChanged(); + } else { + setp_detail_entre_scolaire(""); + IssessionChanged(); + } + }} + + renderInput={(params) => + } + /> + + +
} + + + + {!edit_session_form && New_Option_Entre_Scolaire.length > 0 &&
Entrée Scolaire
+ + + (data).value === String(p_detail_entre_scolaire))[0].label} + + /> + +
} + + + {edit_session_form &&
Site de formation
+ + {New_Getall_Partner_Site_Formation_result && New_Getall_Partner_Site_Formation_result.length > 0 && + + (data)._id === String(p_session_site_formation_id))[0].label} + disabled={!edit_session_form} + onChange={(event, value) => { + if (value && value._id && String(value._id).length > 2) { + + IssessionChanged(); + setp_session_site_formation_id(value._id); + setp_session_site_formation_code(value.code_site); + + setp_adresse(value.adr_site); + setp_code_postal(value.cp_site); + setp_ville(value.ville_site); + setp_pays(value.pays_site); + + if (document.getElementsByName("adresse")[0]) { + document.getElementsByName("adresse")[0].disabled = true; + document.getElementsByName("adresse")[0].style.backgroundColor = "#ECEFF1"; + } + + if (document.getElementsByName("code_postal")[0]) { + document.getElementsByName("code_postal")[0].disabled = true; + document.getElementsByName("code_postal")[0].style.backgroundColor = "#ECEFF1"; + } + + if (document.getElementsByName("ville")[0]) { + document.getElementsByName("ville")[0].disabled = true; + document.getElementsByName("ville")[0].style.backgroundColor = "#ECEFF1"; + } + + if (document.getElementsByName("pays")[0]) { + document.getElementsByName("pays")[0].disabled = true; + document.getElementsByName("pays")[0].style.backgroundColor = "#ECEFF1"; + } + + } else { + + IssessionChanged(); + setp_session_site_formation_id(""); + setp_session_site_formation_code(""); + + setp_adresse(""); + setp_code_postal(""); + setp_ville(""); + setp_pays(""); + + if (document.getElementsByName("adresse")[0]) { + document.getElementsByName("adresse")[0].disabled = false; + document.getElementsByName("adresse")[0].style.backgroundColor = "#FFFFFF"; + } + + if (document.getElementsByName("code_postal")[0]) { + document.getElementsByName("code_postal")[0].disabled = false; + document.getElementsByName("code_postal")[0].style.backgroundColor = "#FFFFFF"; + } + if (document.getElementsByName("ville")[0]) { + document.getElementsByName("ville")[0].disabled = false; + document.getElementsByName("ville")[0].style.backgroundColor = "#FFFFFF"; + } + if (document.getElementsByName("pays")[0]) { + document.getElementsByName("pays")[0].disabled = false; + document.getElementsByName("pays")[0].style.backgroundColor = "#FFFFFF"; + } + + } + }} + renderInput={(params) => + } + />} +
} + + {!edit_session_form &&
Site de formation
+ + +
} + + + +
Adresse
+ setp_adresse(e.target.value)} + + /> +
+
Code postal
+ setp_code_postal(e.target.value)} + /> +
+
Ville
+ setp_ville(e.target.value)} + /> +
+ +
Pays
+ setp_pays(e.target.value)} + /> +
+ +
 
+ + + {edit_session_form &&
Etape
+ + { + + + if (value && value.session_step_name) { + setp_session_etape(value.session_step_name); + setp_session_etape_label(value.session_step_name); + IssessionChanged(); + + } else { + setp_session_etape(""); + setp_session_etape_label(""); + IssessionChanged(); + } + }} + + renderInput={(params) => + } + /> + + +
} + + {!edit_session_form &&
Etape
+ + + +
} + {edit_session_form &&
Statut
+ { + if (value && value.value) { + setp_session_status(value.value); + setp_session_status_label(value.label); + IssessionChanged(); + + } else { + setp_session_status(""); + setp_session_status_label(""); + IssessionChanged(); + } + }} + + renderInput={(params) => + } + /> + + +
} + {!edit_session_form && String(p_session_status) === "1" &&
Statut
+ +
} + + {!edit_session_form && String(p_session_status) !== "1" &&
Statut
+ +
} + + + + + + {!edit_session_form &&
Formateur
+ + +
} + + + + {edit_session_form &&
Formateur
+ { + if (value && value._id) { + setp_formateur_id(value._id); + setp_formateur_label(value.label); + IssessionChanged(); + + } else { + setp_formateur_id(""); + setp_formateur_label(""); + IssessionChanged(); + } + }} + + renderInput={(params) => + } + /> +
} + +
- +
+
-
Code Promo
- setp_code_session(e.target.value)} +
- /> + +
+
+ Dates & Prix +
+ +
+ +
+ Date début + { + if (edit_session_form) { + setSessionstartDate(date); + setsessionChanged(true); + IssessionChanged(); + } + } + } + readOnly={!edit_session_form} + showTimeSelect={false} + filterTime={filterPassedTime_start} + dateFormat="dd/MM/yyyy" + className="disabled_style" + locale={'fr'} + + + /> +
+ + +
Date Fin + { + if (edit_session_form) { + setSessionendDate(date); + setsessionChanged(true); + IssessionChanged(); + } + } + } + readOnly={!edit_session_form} + showTimeSelect={false} + filterTime={filterPassedTime_end} + dateFormat="dd/MM/yyyy" + className="disabled_style" + locale={'fr'} + /> +
+ +
 
+ + {p_class_is_published && String(p_class_is_published) === "1" &&
+ + + Date début des inscriptions   + + { + if (edit_session_form) { + setSessionstartDateInscription(date); + setsessionChanged(true); + IssessionChanged(); + } + } + + } + + readOnly={!edit_session_form} + showTimeSelect={false} + //filterTime={filterPassedTime_start} + dateFormat="dd/MM/yyyy" + className="disabled_style" + locale={'fr'} + + /> +
} + + {p_class_is_published && String(p_class_is_published) === "1" &&
+ + + Date Fin des inscriptions   + + { + if (edit_session_form) { + setSessionendDateInscription(date); + setsessionChanged(true); + IssessionChanged(); + } + } + } + readOnly={!edit_session_form} + showTimeSelect={false} + //filterTime={filterPassedTime_end} + dateFormat="dd/MM/yyyy" + className="disabled_style" + locale={'fr'} + /> +
} +
&nbs;
+ + +
Nombre Places
+ { + setp_nb_participant(e.target.value); + IssessionChanged(); + } + } + /> +
+
Prix Inscription
+ { + setp_prix_session(e.target.value); + IssessionChanged(); + }} + /> + + + {!edit_session_form && (data).value === String(p_prix_session_by))[0].label} + onChange={(e) => { + setp_prix_session(e.target.value); + IssessionChanged(); + }} + />} + + + {edit_session_form && (data).value === String(p_prix_session_by))[0].label} + disabled={!edit_session_form} + options={New_Price_by} + onChange={(event, value) => { + if (value && value.value) { + + setp_prix_session_by(value.value); + IssessionChanged(); + } + + }} + + renderInput={(params) => + } + />} +
+ + + +
+
-
Titre Promo
- setp_detail_titre(e.target.value)} - - /> -
- - {edit_session_form && New_Option_Entre_Scolaire.length > 0 &&
Entrée Scolaire
- - (data).value === String(p_detail_entre_scolaire))[0].label} - onChange={(event, value) => { - if (value && value.value) { - setp_detail_entre_scolaire(value.value); - IssessionChanged(); - } else { - setp_detail_entre_scolaire(""); - IssessionChanged(); - } - }} - - renderInput={(params) => - } - /> - - -
} - - - - {!edit_session_form && New_Option_Entre_Scolaire.length > 0 &&
Entrée Scolaire
- - - (data).value === String(p_detail_entre_scolaire))[0].label} - - /> - -
} - - - {edit_session_form &&
Site de formation
- - {New_Getall_Partner_Site_Formation_result && New_Getall_Partner_Site_Formation_result.length > 0 && - - (data)._id === String(p_session_site_formation_id))[0].label} - disabled={!edit_session_form} - onChange={(event, value) => { - if (value && value._id && String(value._id).length > 2) { - - IssessionChanged(); - setp_session_site_formation_id(value._id); - setp_session_site_formation_code(value.code_site); - - setp_adresse(value.adr_site); - setp_code_postal(value.cp_site); - setp_ville(value.ville_site); - setp_pays(value.pays_site); - - if (document.getElementsByName("adresse")[0]) { - document.getElementsByName("adresse")[0].disabled = true; - document.getElementsByName("adresse")[0].style.backgroundColor = "#ECEFF1"; - } - - if (document.getElementsByName("code_postal")[0]) { - document.getElementsByName("code_postal")[0].disabled = true; - document.getElementsByName("code_postal")[0].style.backgroundColor = "#ECEFF1"; - } - - if (document.getElementsByName("ville")[0]) { - document.getElementsByName("ville")[0].disabled = true; - document.getElementsByName("ville")[0].style.backgroundColor = "#ECEFF1"; - } - - if (document.getElementsByName("pays")[0]) { - document.getElementsByName("pays")[0].disabled = true; - document.getElementsByName("pays")[0].style.backgroundColor = "#ECEFF1"; - } - - } else { - - IssessionChanged(); - setp_session_site_formation_id(""); - setp_session_site_formation_code(""); - - setp_adresse(""); - setp_code_postal(""); - setp_ville(""); - setp_pays(""); - - if (document.getElementsByName("adresse")[0]) { - document.getElementsByName("adresse")[0].disabled = false; - document.getElementsByName("adresse")[0].style.backgroundColor = "#FFFFFF"; - } - - if (document.getElementsByName("code_postal")[0]) { - document.getElementsByName("code_postal")[0].disabled = false; - document.getElementsByName("code_postal")[0].style.backgroundColor = "#FFFFFF"; - } - if (document.getElementsByName("ville")[0]) { - document.getElementsByName("ville")[0].disabled = false; - document.getElementsByName("ville")[0].style.backgroundColor = "#FFFFFF"; - } - if (document.getElementsByName("pays")[0]) { - document.getElementsByName("pays")[0].disabled = false; - document.getElementsByName("pays")[0].style.backgroundColor = "#FFFFFF"; - } - - } - }} - renderInput={(params) => - } - />} -
} - - {!edit_session_form &&
Site de formation
- - -
} - - - -
Adresse
- setp_adresse(e.target.value)} - - /> -
-
Code postal
- setp_code_postal(e.target.value)} - /> -
-
Ville
- setp_ville(e.target.value)} - /> -
- -
Pays
- setp_pays(e.target.value)} - /> -
- - - - - {edit_session_form &&
Statut
- { - if (value && value.value) { - setp_session_status(value.value); - setp_session_status_label(value.label); - IssessionChanged(); - - } else { - setp_session_status(""); - setp_session_status_label(""); - IssessionChanged(); - } - }} - - renderInput={(params) => - } - /> - - -
} - {!edit_session_form && String(p_session_status) === "1" &&
Statut
- -
} - - {!edit_session_form && String(p_session_status) !== "1" &&
Statut
- -
} - - - - {edit_session_form &&
Etape
- - { - - - if (value && value.session_step_name) { - setp_session_etape(value.session_step_name); - setp_session_etape_label(value.session_step_name); - IssessionChanged(); - - } else { - setp_session_etape(""); - setp_session_etape_label(""); - IssessionChanged(); - } - }} - - renderInput={(params) => - } - /> - - -
} - - {!edit_session_form &&
Etape
- - - -
} - - {!edit_session_form &&
Formateur
- - -
} - - - - {edit_session_form &&
Formateur
- { - if (value && value._id) { - setp_formateur_id(value._id); - setp_formateur_label(value.label); - IssessionChanged(); - - } else { - setp_formateur_id(""); - setp_formateur_label(""); - IssessionChanged(); - } - }} - - renderInput={(params) => - } - /> -
} - -
-  
-
- -
+
+
-
-
+
-
- Date début - { - if (edit_session_form) { - setSessionstartDate(date); - setsessionChanged(true); - IssessionChanged(); - } - } - } - readOnly={!edit_session_form} - showTimeSelect={false} - filterTime={filterPassedTime_start} - dateFormat="dd/MM/yyyy" - className="disabled_style" - locale={'fr'} +
+
+ Divers +
+
- /> + {edit_session_form &&
Mode d'animation
+ (data).id === String(p_session_mode_animation))[0].label} + disabled={!edit_session_form} + className="disabled_style" + + options={New_Option_pres_dist_hyp} + onChange={(event, value) => { + if (value && value.value) { + setp_session_mode_animation(value.value); + } else { + setp_session_mode_animation(""); + } + }} + renderInput={(params) => + } + /> +
} + + {!edit_session_form &&
Mode d'animation
+ (data).id === String(p_session_mode_animation))[0].label} + /> + +
} + + + {!edit_session_form &&
Inclus au BPF
+ + +
} + + {edit_session_form &&
Inclus au BPF
+ + { + if (value && value.value) { + setp_detail_is_bpf(value.value); + setp_detail_is_bpf_label(value.label); + IssessionChanged(); + + } else { + setp_detail_is_bpf(""); + setp_detail_is_bpf_label(""); + IssessionChanged(); + } + }} + + renderInput={(params) => + } + /> + + + +
} + + + + + + {edit_session_form &&
Session à la demande
+ + { + if (value && value.value) { + setp_session_ondemande(value.value); + setp_session_ondemande_label(value.label); + + IssessionChanged(); + + } else { + setp_session_ondemande(""); + setp_session_ondemande_label(""); + + IssessionChanged(); + } + }} + + renderInput={(params) => + } + /> + +
} + + {!edit_session_form &&
Session à la demande
+ + +
} + +
+
+
+
+ + +
+
+ Configuration +
+ +
+
Création automatique compte ENT
+ { + setent_account_automatic(event.target.checked); + } + } + inputProps={{ 'aria-label': 'controlled' }} + /> +
+ +
Création automatique compte LMS
+ { + setlms_account_automatic(event.target.checked); + } + } + inputProps={{ 'aria-label': 'controlled' }} + /> +
+
+ +
+ +
+   +
-
Date Fin - { - if (edit_session_form) { - setSessionendDate(date); - setsessionChanged(true); - IssessionChanged(); - } - } - } - readOnly={!edit_session_form} - showTimeSelect={false} - filterTime={filterPassedTime_end} - dateFormat="dd/MM/yyyy" - className="disabled_style" - locale={'fr'} - />
-
Nombre Places
- { - setp_nb_participant(e.target.value); - IssessionChanged(); - } - } - /> -
- - - {p_class_is_published && String(p_class_is_published) === "1" &&
- - - Date début des inscriptions   - - { - if (edit_session_form) { - setSessionstartDateInscription(date); - setsessionChanged(true); - IssessionChanged(); - } - } - - } - - readOnly={!edit_session_form} - showTimeSelect={false} - //filterTime={filterPassedTime_start} - dateFormat="dd/MM/yyyy" - className="disabled_style" - locale={'fr'} - - /> -
} - - {p_class_is_published && String(p_class_is_published) === "1" &&
- - - Date Fin des inscriptions   - - { - if (edit_session_form) { - setSessionendDateInscription(date); - setsessionChanged(true); - IssessionChanged(); - } - } - } - readOnly={!edit_session_form} - showTimeSelect={false} - //filterTime={filterPassedTime_end} - dateFormat="dd/MM/yyyy" - className="disabled_style" - locale={'fr'} - /> -
} - - - -
Prix Inscription
- { - setp_prix_session(e.target.value); - IssessionChanged(); - }} - /> - - - {!edit_session_form && (data).value === String(p_prix_session_by))[0].label} - onChange={(e) => { - setp_prix_session(e.target.value); - IssessionChanged(); - }} - />} - - - {edit_session_form && (data).value === String(p_prix_session_by))[0].label} - disabled={!edit_session_form} - options={New_Price_by} - onChange={(event, value) => { - if (value && value.value) { - - setp_prix_session_by(value.value); - IssessionChanged(); - } - - }} - - renderInput={(params) => - } - />} -
- - - -
-
- -  
-
- -
-
-
- - - {edit_session_form &&
Mode d'animation
- (data).id === String(p_session_mode_animation))[0].label} - disabled={!edit_session_form} - className="disabled_style" - - options={New_Option_pres_dist_hyp} - onChange={(event, value) => { - if (value && value.value) { - setp_session_mode_animation(value.value); - } else { - setp_session_mode_animation(""); - } - }} - renderInput={(params) => - } - /> -
} - - {!edit_session_form &&
Mode d'animation
- (data).id === String(p_session_mode_animation))[0].label} - /> - -
} - - - {!edit_session_form &&
Inclus au BPF
- - -
} - - {edit_session_form &&
Inclus au BPF
- - { - if (value && value.value) { - setp_detail_is_bpf(value.value); - setp_detail_is_bpf_label(value.label); - IssessionChanged(); - - } else { - setp_detail_is_bpf(""); - setp_detail_is_bpf_label(""); - IssessionChanged(); - } - }} - - renderInput={(params) => - } - /> - - - -
} - - - - - - {edit_session_form &&
Session à la demande
- - { - if (value && value.value) { - setp_session_ondemande(value.value); - setp_session_ondemande_label(value.label); - - IssessionChanged(); - - } else { - setp_session_ondemande(""); - setp_session_ondemande_label(""); - - IssessionChanged(); - } - }} - - renderInput={(params) => - } - /> - -
} - - {!edit_session_form &&
Session à la demande
- - -
}
-
-  
-
+
+ {/* -- début champs specifiques **/} + {rows_champs_specifics && rows_champs_specifics.length > 0 &&
 
+ Champs spécifiques
-
-
-
Création automatique compte ENT
- { - setent_account_automatic(event.target.checked); - } - } - inputProps={{ 'aria-label': 'controlled' }} - /> -
- -
Création automatique compte LMS
- { - setlms_account_automatic(event.target.checked); - } - } - inputProps={{ 'aria-label': 'controlled' }} - /> -
-
- -
- -
-   -
- - - {/* -- début champs specifiques **/} -   - {rows_champs_specifics && - rows_champs_specifics.length > 0 &&
- -
}
@@ -23776,7 +23801,7 @@ const DisplayPartnerPromotion = (props) => {
{/* -- end champs specifiques **/} -
+
}
 
@@ -23822,729 +23847,757 @@ const DisplayPartnerPromotion = (props) => {
} - {String(addOneSession) === "1" &&
-
Ajout d'une promotion
+ {String(addOneSession) === "1" &&
+
Nouvelle promotion
  -
- -
-
-
- -
Choisir une formation
- - { - // setp_champ_table(value.nom_champ_technique); - setone_selected_internal_url(value.internal_url); - setp_one_myclass_title(value.internal_url); - setp_one_myclass_is_published(value.ispublished); - Get_Class_Data(value.internal_url); - }} +
+
+
- renderInput={(params) => +
+ Infos Générales +
+
- /> - } - /> +
Choisir une formation
-
+ { + // setp_champ_table(value.nom_champ_technique); + setone_selected_internal_url(value.internal_url); + setp_one_myclass_title(value.internal_url); + setp_one_myclass_is_published(value.ispublished); + Get_Class_Data(value.internal_url); + }} -
Code Promotion
- setp_one_code_session(e.target.value)} - - /> -
- -
Titre Promo
- setp_one_titre(e.target.value)} - - /> -
- - - {New_Option_Entre_Scolaire.length > 0 &&
Entrée Scolaire
- (data).value === String(p_detail_entre_scolaire))[0].label} - onChange={(event, value) => { - if (value && value.value) { - setp_detail_entre_scolaire(value.value); - - } else { - setp_detail_entre_scolaire(""); - } - }} - - renderInput={(params) => - } - /> - -
} - - - -
Site de Formation
- {New_Getall_Partner_Site_Formation_result && New_Getall_Partner_Site_Formation_result.length > 0 && - - { - if (value && value._id && String(value._id).length > 2) { - setp_one_site_formation(value._id); - setp_one_adresse(value.adr_site); - setp_one_code_postal(value.cp_site); - setp_one_ville(value.ville_site); - setp_one_pays(value.pays_site); - - if (document.getElementsByName("one_adresse")[0]) { - document.getElementsByName("one_adresse")[0].disabled = true; - document.getElementsByName("one_adresse")[0].style.backgroundColor = "#ECEFF1"; + /> } + /> - if (document.getElementsByName("one_code_postal")[0]) { - document.getElementsByName("one_code_postal")[0].disabled = true; - document.getElementsByName("one_code_postal")[0].style.backgroundColor = "#ECEFF1"; +
+ + +
Code Promotion
+ setp_one_code_session(e.target.value)} + + /> +
+ +
Titre Promo
+ setp_one_titre(e.target.value)} + + /> +
+ + + {New_Option_Entre_Scolaire.length > 0 &&
Entrée Scolaire
+ (data).value === String(p_detail_entre_scolaire))[0].label} + onChange={(event, value) => { + if (value && value.value) { + setp_detail_entre_scolaire(value.value); + + } else { + setp_detail_entre_scolaire(""); + } + }} + + renderInput={(params) => } + /> - if (document.getElementsByName("one_ville")[0]) { - document.getElementsByName("one_ville")[0].disabled = true; - document.getElementsByName("one_ville")[0].style.backgroundColor = "#ECEFF1"; - } +
} - if (document.getElementsByName("one_pays")[0]) { - document.getElementsByName("one_pays")[0].disabled = true; - document.getElementsByName("one_pays")[0].style.backgroundColor = "#ECEFF1"; - } - } else { - if (document.getElementsByName("one_adresse")[0]) { - document.getElementsByName("one_adresse")[0].disabled = false; - document.getElementsByName("one_adresse")[0].style.backgroundColor = "#FFFFFF"; - } - if (document.getElementsByName("one_code_postal")[0]) { - document.getElementsByName("one_code_postal")[0].disabled = false; - document.getElementsByName("one_code_postal")[0].style.backgroundColor = "#FFFFFF"; - } +
Site de Formation
+ {New_Getall_Partner_Site_Formation_result && New_Getall_Partner_Site_Formation_result.length > 0 && - if (document.getElementsByName("one_ville")[0]) { - document.getElementsByName("one_ville")[0].disabled = false; - document.getElementsByName("one_ville")[0].style.backgroundColor = "#FFFFFF"; - } - - if (document.getElementsByName("one_pays")[0]) { - document.getElementsByName("one_pays")[0].disabled = false; - document.getElementsByName("one_pays")[0].style.backgroundColor = "#FFFFFF"; - } - - } - }} - renderInput={(params) => - } - />} - -
- -
Adresse
- setp_one_adresse(e.target.value)} - /> -
-
Code postal
- setp_one_code_postal(e.target.value)} - /> -
-
Ville
- setp_one_ville(e.target.value)} - /> -
- -
Pays
- setp_one_pays(e.target.value)} - /> -
- -
Etape
- - { - if (value && value.session_step_name) { - setp_one_session_etape(value.session_step_name); - setp_one_session_etape_label(value.session_step_name); - - } else { - setp_one_session_etape(""); - setp_one_session_etape_label(""); - } - }} - - renderInput={(params) => - } - /> - -
- - -
Statut
- { - if (value && value.value) { - setp_one_session_status(value.value); - setp_one_session_status_label(value.label); - IssessionChanged(); - - } else { - setp_one_session_status(""); - setp_one_session_status_label(""); - IssessionChanged(); - } - }} - - renderInput={(params) => - } - /> - - -
- - - -
Formateur
- { - if (value && value._id) { - setp_one_formateur_id(value._id); - IssessionChanged(); - - } else { - setp_one_formateur_id(""); - IssessionChanged(); - } - }} - - renderInput={(params) => - } - /> -
- -
-
- -   -
- -
- -
-
- - -
Date début - { - setone_SessionstartDate(date); - setsessionChanged(true); - } - } - showTimeSelect={false} - filterTime={filterPassedTime_start} - dateFormat="dd/MM/yyyy" - className="disabled_style enable_style" - locale={'fr'} - - /> -
- -
Date Fin - { - setone_SessionendDate(date); - setsessionChanged(true); - } - } - showTimeSelect={false} - filterTime={filterPassedTime_end} - dateFormat="dd/MM/yyyy" - className="disabled_style enable_style" - locale={'fr'} - /> -
- - {p_one_myclass_is_published && String(p_one_myclass_is_published) === "1" &&
- - - Date début des inscriptions   - - { - setone_SessionstartDateInscription(date); - setsessionChanged(true); - } - - } - showTimeSelect={false} - //filterTime={filterPassedTime_start} - dateFormat="dd/MM/yyyy" - className="disabled_style enable_style" - locale={'fr'} - - /> - -
} - - - {p_one_myclass_is_published && String(p_one_myclass_is_published) === "1" && } - - -
Nombre Places
- setp_one_nb_participant(e.target.value)} - /> -
- -
Prix Scolarité
- setp_one_prix_session(e.target.value)} - /> - - {New_Price_by.length > 0 && (data).value === String(p_one_prix_session_by))[0].label} - options={New_Price_by} - onChange={(event, value) => { - if (value && value.value) { - setp_one_prix_session_by(value.value) - - } - - }} - - renderInput={(params) => - } - />} -
- - - -
-
-   -
- -
-
-
- -
Mode d'animation
- (data).id === String(p_one_session_mode_animation))[0].label} - - className="disabled_style enable_style" - options={New_Option_pres_dist_hyp} - onChange={(event, value) => { - if (value && value.value) { - setp_one_session_mode_animation(value.value); - } else { - setp_one_session_mode_animation(""); - } - }} - renderInput={(params) => - } - /> -
- - - - -
Inclus au BPF
- { - if (value && value.value) { - setp_one_is_bpf(value.value); - setp_one_is_bpf_label(value.label); - - } else { - setp_one_is_bpf(""); - setp_one_is_bpf_label("Non"); - } - }} - - renderInput={(params) => - } - /> - - -
- -
Session à la demande
- { - if (value && value.value) { - setp_one_session_ondemande(value.value); - setp_one_session_ondemande_label(value.label); - - } else { - setp_one_session_ondemande(""); - setp_one_session_ondemande_label(""); - } - }} - - renderInput={(params) => - } - /> - - -
- - -
- -
-  
-
- - -   -
- -
-
-
-
Création automatique compte ENT
- { - setent_account_automatic(event.target.checked); - } - } - inputProps={{ 'aria-label': 'controlled' }} - /> -
- -
Création automatique compte LMS
- { - setlms_account_automatic(event.target.checked); - } - } - inputProps={{ 'aria-label': 'controlled' }} - /> -
-
- -
- -
-   -
- - - {/* -- début champs specifiques **/} -   - {rows_champs_specifics && - rows_champs_specifics.length > 0 &&
- -
} - -
-
- - {rows_champs_specifics && - rows_champs_specifics.map((champ_spec) => ( - -
{String(JSON.parse(champ_spec).is_mandatory) === "1" && {JSON.parse(champ_spec).field_label} } - {String(JSON.parse(champ_spec).is_mandatory) !== "1" && {JSON.parse(champ_spec).field_label} }
- {String(JSON.parse(champ_spec).field_type) === "float" && - { - change_champs_spec_handle(e.target.value); - // setEmployee_data_changed("1"); - }} - - />} - - {String(JSON.parse(champ_spec).field_type) === "string" && - { - change_champs_spec_handle(e.target.value); - // setEmployee_data_changed("1"); + options={New_Getall_Partner_Site_Formation_result} + + onChange={(event, value) => { + if (value && value._id && String(value._id).length > 2) { + setp_one_site_formation(value._id); + setp_one_adresse(value.adr_site); + setp_one_code_postal(value.cp_site); + setp_one_ville(value.ville_site); + setp_one_pays(value.pays_site); + + if (document.getElementsByName("one_adresse")[0]) { + document.getElementsByName("one_adresse")[0].disabled = true; + document.getElementsByName("one_adresse")[0].style.backgroundColor = "#ECEFF1"; + } + + if (document.getElementsByName("one_code_postal")[0]) { + document.getElementsByName("one_code_postal")[0].disabled = true; + document.getElementsByName("one_code_postal")[0].style.backgroundColor = "#ECEFF1"; + } + + if (document.getElementsByName("one_ville")[0]) { + document.getElementsByName("one_ville")[0].disabled = true; + document.getElementsByName("one_ville")[0].style.backgroundColor = "#ECEFF1"; + } + + if (document.getElementsByName("one_pays")[0]) { + document.getElementsByName("one_pays")[0].disabled = true; + document.getElementsByName("one_pays")[0].style.backgroundColor = "#ECEFF1"; + } + + } else { + if (document.getElementsByName("one_adresse")[0]) { + document.getElementsByName("one_adresse")[0].disabled = false; + document.getElementsByName("one_adresse")[0].style.backgroundColor = "#FFFFFF"; + } + + if (document.getElementsByName("one_code_postal")[0]) { + document.getElementsByName("one_code_postal")[0].disabled = false; + document.getElementsByName("one_code_postal")[0].style.backgroundColor = "#FFFFFF"; + } + + if (document.getElementsByName("one_ville")[0]) { + document.getElementsByName("one_ville")[0].disabled = false; + document.getElementsByName("one_ville")[0].style.backgroundColor = "#FFFFFF"; + } + + if (document.getElementsByName("one_pays")[0]) { + document.getElementsByName("one_pays")[0].disabled = false; + document.getElementsByName("one_pays")[0].style.backgroundColor = "#FFFFFF"; + } + + } }} + renderInput={(params) => + } />}
- ))} + +
Adresse
+ setp_one_adresse(e.target.value)} + /> +
+
Code postal
+ setp_one_code_postal(e.target.value)} + /> +
+
Ville
+ setp_one_ville(e.target.value)} + /> +
+ +
Pays
+ setp_one_pays(e.target.value)} + /> +
+ +
Etape
+ + { + if (value && value.session_step_name) { + setp_one_session_etape(value.session_step_name); + setp_one_session_etape_label(value.session_step_name); + + } else { + setp_one_session_etape(""); + setp_one_session_etape_label(""); + } + }} + + renderInput={(params) => + } + /> + +
+ + +
Statut
+ { + if (value && value.value) { + setp_one_session_status(value.value); + setp_one_session_status_label(value.label); + IssessionChanged(); + + } else { + setp_one_session_status(""); + setp_one_session_status_label(""); + IssessionChanged(); + } + }} + + renderInput={(params) => + } + /> + + +
+ + + +
Formateur
+ { + if (value && value._id) { + setp_one_formateur_id(value._id); + IssessionChanged(); + + } else { + setp_one_formateur_id(""); + IssessionChanged(); + } + }} + + renderInput={(params) => + } + /> +
+ +
+
+
+
+ + +
+
+ Dates & Prix +
+
+ + +
Date début + { + setone_SessionstartDate(date); + setsessionChanged(true); + } + } + showTimeSelect={false} + filterTime={filterPassedTime_start} + dateFormat="dd/MM/yyyy" + className="disabled_style enable_style" + locale={'fr'} + + /> +
+ +
Date Fin + { + setone_SessionendDate(date); + setsessionChanged(true); + } + } + showTimeSelect={false} + filterTime={filterPassedTime_end} + dateFormat="dd/MM/yyyy" + className="disabled_style enable_style" + locale={'fr'} + /> +
+ +
 
+ + {p_one_myclass_is_published && String(p_one_myclass_is_published) === "1" &&
+ + + Date début des inscriptions   + + { + setone_SessionstartDateInscription(date); + setsessionChanged(true); + } + + } + showTimeSelect={false} + //filterTime={filterPassedTime_start} + dateFormat="dd/MM/yyyy" + className="disabled_style enable_style" + locale={'fr'} + + /> + +
} + + + {p_one_myclass_is_published && String(p_one_myclass_is_published) === "1" && } +
 
+ +
Nombre Places
+ setp_one_nb_participant(e.target.value)} + /> +
+ +
Prix Scolarité
+ setp_one_prix_session(e.target.value)} + /> + + {New_Price_by.length > 0 && (data).value === String(p_one_prix_session_by))[0].label} + options={New_Price_by} + onChange={(event, value) => { + if (value && value.value) { + setp_one_prix_session_by(value.value) + + } + + }} + + renderInput={(params) => + } + />} +
+ + + +
+
+ +
+
+
+ + + +
+
+ +
+ +
+
+ Divers +
+ +
+ +
Mode d'animation
+ (data).id === String(p_one_session_mode_animation))[0].label} + + className="disabled_style enable_style" + options={New_Option_pres_dist_hyp} + onChange={(event, value) => { + if (value && value.value) { + setp_one_session_mode_animation(value.value); + } else { + setp_one_session_mode_animation(""); + } + }} + renderInput={(params) => + } + /> +
+ + + + +
Inclus au BPF
+ { + if (value && value.value) { + setp_one_is_bpf(value.value); + setp_one_is_bpf_label(value.label); + + } else { + setp_one_is_bpf(""); + setp_one_is_bpf_label("Non"); + } + }} + + renderInput={(params) => + } + /> + + +
+ +
Session à la demande
+ { + if (value && value.value) { + setp_one_session_ondemande(value.value); + setp_one_session_ondemande_label(value.label); + + } else { + setp_one_session_ondemande(""); + setp_one_session_ondemande_label(""); + } + }} + + renderInput={(params) => + } + /> + + +
+ + +
+ +
+  
+
+ +
+
+ +
+ +
+ Configuration +
+
+
Création automatique compte ENT
+ { + setent_account_automatic(event.target.checked); + } + } + inputProps={{ 'aria-label': 'controlled' }} + /> +
+ +
Création automatique compte LMS
+ { + setlms_account_automatic(event.target.checked); + } + } + inputProps={{ 'aria-label': 'controlled' }} + /> +
+
+ +
+ +
+   +
+
- -
-   -
- - {/* -- end champs specifiques **/} -
+
+   +
+ + {/* -- début champs specifiques **/} + {rows_champs_specifics && rows_champs_specifics.length > 0 && +
  +
+ +
+ +
+
+ + {rows_champs_specifics && + rows_champs_specifics.map((champ_spec) => ( + +
{String(JSON.parse(champ_spec).is_mandatory) === "1" && {JSON.parse(champ_spec).field_label} } + {String(JSON.parse(champ_spec).is_mandatory) !== "1" && {JSON.parse(champ_spec).field_label} }
+ {String(JSON.parse(champ_spec).field_type) === "float" && + { + change_champs_spec_handle(e.target.value); + // setEmployee_data_changed("1"); + }} + + />} + + {String(JSON.parse(champ_spec).field_type) === "string" && + { + change_champs_spec_handle(e.target.value); + // setEmployee_data_changed("1"); + }} + + />} + +
+ ))} + +
+ + +
+ +
+   +
+ +
} + + + {/* -- end champs specifiques **/}
  @@ -24598,7 +24651,7 @@ const DisplayPartnerPromotion = (props) => { '& .line--statut--selected': { backgroundColor: '#e9f7f1', - color: '#0a2a4d', + color: '#0a2a4d', }, [`& .${gridClasses.cell}`]: { py: 1, }, @@ -27788,7 +27841,7 @@ const DisplayPartnerPromotion = (props) => {
- { String(selected_session_invoiced_statut) !== "2" && + {String(selected_session_invoiced_statut) !== "2" &&
- +
); } export default DisplayPartnerPromotion; + +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_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; + letter-spacing: 1px; + font-size: small; + font-family: DM Sans; + font-weight: 700; + height: 2rem; + padding-top: 5px; +} + +.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; + } +`; diff --git a/src/components/DisplayPartnerPromotion_ARG.js b/src/components/DisplayPartnerPromotion_ARG.js new file mode 100644 index 0000000..60525d6 --- /dev/null +++ b/src/components/DisplayPartnerPromotion_ARG.js @@ -0,0 +1,28585 @@ +import React, { useRef, useState, useEffect } from "react"; +import TextField from '@mui/material/TextField'; +import MenuItem from '@mui/material/MenuItem'; +import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css +import Button from '@mui/material/Button'; +import axios from "axios"; +import { getCookie, setCookie } from 'react-use-cookie'; +import { useHistory } from "react-router-dom"; +import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid'; +import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css"; +import { Editor } from '@tinymce/tinymce-react'; +import { FcViewDetails, FcDisapprove, FcInfo, FcExpired, FcTimeline } from "react-icons/fc"; +import 'react-tooltip/dist/react-tooltip.css' +import { Tooltip } from 'react-tooltip' +import TextareaAutosize from '@mui/material/TextareaAutosize'; +import excel_icone from "../mysy_img/excel_icone.png"; +import participants from "../mysy_img/participants.png"; +import fileDownload from 'js-file-download'; +import Popup from 'reactjs-popup'; +import 'reactjs-popup/dist/index.css'; +import { FcSearch } from "react-icons/fc"; +import { FcAlarmClock, FcMultipleSmartphones, FcWorkflow, FcComments } from "react-icons/fc"; +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 { format } from 'date-fns' +import moment from "moment"; +import 'moment/locale/fr'; +import { useCookies } from "react-cookie"; +import InputAdornment from '@mui/material/InputAdornment'; +import { AiFillCloseCircle } from "react-icons/ai"; +import Box from '@mui/material/Box'; +import { Typography, LinearProgress } from '@mui/material'; +import styled from 'styled-components'; +import { CiTrash } from "react-icons/ci"; +import { MdAddCircleOutline, MdRemoveCircleOutline } from "react-icons/md"; +import Dialog from '@mui/material/Dialog'; +import DialogActions from '@mui/material/DialogActions'; +import DialogContent from '@mui/material/DialogContent'; +import DialogContentText from '@mui/material/DialogContentText'; +import DialogTitle from '@mui/material/DialogTitle'; +import 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 ToggleSwitch from "./ToggleSwitch"; +import Module_Historique_Action from "./Module_Historique_Action"; +import Module_Session_Notes_Classement from "./Module_Session_Notes_Classement"; +import Chip from "@mui/material/Chip"; +import Autocomplete from '@mui/material/Autocomplete'; +import { FcOpenedFolder } from "react-icons/fc"; +import { gridClasses } from '@mui/x-data-grid'; +import Link from '@mui/material/Link'; +import { PiDotsThree } from "react-icons/pi"; +import Module_Editique from "./Module_Editique"; +import Module_Attestation_Formation from "./Module_Attestation_Formation"; +import Module_Evaluation_Positionnement from "./Module_Evaluation_Positionnement"; +import { IoAddCircleOutline } from "react-icons/io5"; +import { FcApproval, FcAcceptDatabase, FcPrint, FcPlanner } from "react-icons/fc"; +import { CiBoxList } from "react-icons/ci"; +import FullCalendar from "@fullcalendar/react"; +import daygridPlugin from "@fullcalendar/daygrid"; +import interactionPlugin from "@fullcalendar/interaction"; +import timeGridPlugin from "@fullcalendar/timegrid"; + +import Radio from '@mui/material/Radio'; +import RadioGroup from '@mui/material/RadioGroup'; +import FormControlLabel from '@mui/material/FormControlLabel'; +import FormControl from '@mui/material/FormControl'; +import FormLabel from '@mui/material/FormLabel'; +import { FaUserPen } from "react-icons/fa6"; +import allLocales from '@fullcalendar/core/locales-all'; + +import Module_Session_Planification from "./Module_Session_Planification"; +import Module_Session_Evaluation from "./Module_Session_Evaluation"; + +import AccountTreeIcon from '@mui/icons-material/AccountTree'; +import FormGroup from '@mui/material/FormGroup'; + +import Checkbox from '@mui/material/Checkbox'; + +import { + GridToolbarContainer, GridToolbarExport, GridToolbarColumnsButton, + GridToolbarFilterButton, GridToolbarDensitySelector, GridToolbarExportContainer, useGridApiContext, + gridFilteredSortedRowIdsSelector, + gridVisibleColumnFieldsSelector, + +} from '@mui/x-data-grid'; +import * as XLSX from 'xlsx'; + +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 CancelPresentationIcon from '@mui/icons-material/CancelPresentation'; + +import { DataGridPro } from '@mui/x-data-grid-pro'; + +import { useCallback, } from "react"; +import { DndProvider, useDrag } from "react-dnd"; +import { useDrop } from 'react-dnd' + +import { HTML5Backend } from "react-dnd-html5-backend"; +import update from "immutability-helper"; +import Module_Alert_Confirmation from "./Module_Alert_Confirmation"; +import MoreVertIcon from '@mui/icons-material/MoreVert'; +import Menu from '@mui/material/Menu'; +import 'moment/locale/fr'; +import Timeline, { + TimelineHeaders, + SidebarHeader, + DateHeader, + TimelineMarkers, + CustomMarker, + TodayMarker, + CursorMarker +} from 'react-calendar-timeline'; + +import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos'; +import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew'; + + +import randomColor from "randomcolor"; + +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 DisplayPartnerPromotion_ARG = (props) => { + registerLocale('fr', fr); + const stored_cookie_session_display_view = getCookie('mysy_session_display_view'); + const stored_cookie_session_data_row_grouped_by = getCookie('mysy_promotion_data_row_grouped_by'); + + const classes = useStyles(); + + const history = useHistory(); + const [submenu, setsubmenu] = useState(""); + const [rowss, setRows] = useState([]); + + const [actionmass_preinsc_val, setactionmass_preinsc_val] = useState(); + const [one_SessionstartDateInscription, setone_SessionstartDateInscription] = useState(); + const [one_SessionendDateInscription, setone_SessionendDateInscription] = useState(); + const [one_SessionendDate, setone_SessionendDate] = useState(); + const [one_SessionstartDate, setone_SessionstartDate] = useState(); + const [one_urlpreview_certif, setone_urlpreview_certif] = useState(); + const [one_field_contenu_ftion, setone_field_contenu_ftion] = useState(""); + + const filters = [ + { value: 'code_session', label: 'Code Promotion' }, + { value: 'class_title', label: 'Titre Formation' }, + { value: 'certif', label: 'Certification' } + ] + + const [selectedfilt1, setselectedfilt1] = useState(""); + const [selectedfilt2, setselectedfilt2] = useState(""); + const [selectedfilt3, setselectedfilt3] = useState(""); + const [reftrainingtoupdate, setreftrainingtoupdate] = useState(); + const [externalcodetraining_toupdate, setexternalcodetraining_toupdate] = useState(); + + + const [is_recherche, setis_recherche] = useState("0"); + + + const [selectedtraining, setselectedtraining] = useState([]) + + const BorderLinearProgress = styled(LinearProgress)(() => ({ + height: "20px", + width: "60px", + borderRadius: "2px", + backgroundColor: " #ebf5fb", + "& .MuiLinearProgress-bar": { + backgroundColor: "#1bd900", + transition: "none", + transformOrigin: "left", + }, + })); + + function ExpandableCell_50({ value }) { + const [expanded, setExpanded] = React.useState(false); + + return ( + + ); + } + + + + function Display_Colunm_text({ value }) { + + return ( +
+ {value}  + +
+ ); + } + + + const [datagrid_columns_size_model1, setdatagrid_columns_size_model1] = useState(200); + const [datagrid_columns_size_model2, setdatagrid_columns_size_model2] = useState(100); + + + const ITEM_HEIGHT_PROMO = 48; + const ITEM_HEIGHT = 48; + + + const [anchorEl_promo, setanchorEl_promo] = React.useState(null); + const [anchorEl, setAnchorEl] = React.useState(null); + + const open_promo = Boolean(anchorEl_promo); + const open = Boolean(anchorEl); + + const options_menu_vertical_promotion = [ + 'Décaler', + 'Archiver/Désarch.', + 'Supprimer', + ]; + + const options_menu_vertical = [ + 'Renvoyer Conf.', + 'Mémo & Comment.', + 'Annuler Insc.', + ]; + + + + const handleClick_option_button_vertical_promo = (event) => { + setanchorEl_promo(event.currentTarget); + }; + const handleClick_option_button_vertical = (event) => { + setAnchorEl(event.currentTarget); + }; + + + const handleClose_option_button_vertical_promo = (event, value) => { + setanchorEl_promo(null); + }; + const handleClose_option_button_vertical = (event, value) => { + setAnchorEl(null); + }; + + + + const columns = [ + { field: 'id', headerName: 'id', hide: true, disableExport: true, }, + { field: '_id', headerName: '_id', hide: true, disableExport: true, }, + { field: 'class_id', headerName: 'class_id', hide: true, disableExport: true, }, + { field: 'class_lms_class_code', headerName: 'class_lms_class_code', hide: true, disableExport: true, }, + { field: 'is_bpf', headerName: 'is_bpf', hide: true, }, + + { field: 'session_alert_message', headerName: 'session_alert_message', hide: true }, + { field: 'class_internal_url', headerName: 'class_internal_url', hide: true }, + + { + field: 'is_session_alert', headerName: '', hide: false, Width: 50, flex: 1, + renderCell: (cellValues) => { + return ( +
+ {cellValues.row.is_session_alert && String(cellValues.row.is_session_alert) === "1" && } + {cellValues.row.is_session_alert && String(cellValues.row.is_session_alert) !== "1" && ""} + +
+ + ); + } + + }, + + { field: 'entre_scolaire', headerName: 'Entrée Scol.', hide: false, minWidth: 150, flex: 1, renderCell: (params) => , }, + + { field: 'code_session', headerName: 'Code Promo', hide: false, minWidth: 200, flex: 1, renderCell: (params) => , }, + { field: 'session_title', headerName: 'Titre', hide: false, flex: 1, minWidth: 250, renderCell: (params) => , }, + + { + field: 'statut', headerName: 'Statut', hide: true, width: datagrid_columns_size_model2, + renderCell: (cellValues) => { + return ( + +
+ {String(cellValues.row.statut) === "1" && "Actif"}  + {String(cellValues.row.statut) !== "1" && "Inactif"}  +
+ + ); + }, + + }, + + { + field: 'etape', headerName: 'Etape', hide: false, width: datagrid_columns_size_model2, renderCell: (params) => , + + }, + + { + field: 'archive', headerName: 'Archivé', hide: true, Width: 50, editable: false, renderCell: (cellValues) => { + return ( +
+ {String(cellValues.row.archive) === "1" && "Oui"}  + {String(cellValues.row.archive) !== "1" && "Non"}  + +
+ + ); + }, + }, + + + + { field: 'class_external_code', headerName: 'Code Formation', align: "center", hideable: true, flex: 1, hide: true, minWidth: 150, renderCell: (params) => , }, + { field: 'date_debut', headerName: 'Debut', hide: false, minWidth: 150, renderCell: (params) => , }, + { field: 'date_fin', headerName: 'Fin', minWidth: 150, renderCell: (params) => , }, + + { + field: 'mode_animation', headerName: 'Mode', width: datagrid_columns_size_model2, + renderCell: (cellValues) => { + return ( + +
+ {String(cellValues.row.mode_animation) === "0" && "Prés."}  + {String(cellValues.row.mode_animation) === "1" && "Dist."}  + {String(cellValues.row.mode_animation) === "2" && "Hybr."}  + +
+ + ); + }, + }, + + + { field: 'formateur', headerName: 'Formateur', minWidth: datagrid_columns_size_model1, hide: true, hideable: true, renderCell: (params) => , }, + { field: 'nb_participant', headerName: 'Nb Parti.', minWidth: datagrid_columns_size_model2, align: "center", hide: false, renderCell: (params) => , }, + { + field: 'taux_remplissage', headerName: 'Remplissage', align: "center", flex: 1, minWidth: 100, maxWidth: 150, flex: 1, + align: "left", + renderCell: (params) => { + return ( + <> + + {`${(params?.row.taux_remplissage * 100).toFixed(0)}%`} + + ); + }, + }, + { field: 'nb_inscrit', headerName: 'Insc', minWidth: 20, align: "center", hide: true, hideable: true, renderCell: (params) => , }, + { field: 'nb_preinscrit', headerName: 'Preinsc.', minWidth: 20, align: "center", hide: false, hideable: true, renderCell: (params) => , }, + { + field: 'prix_session', headerName: 'Prix', minWidth: 20, align: "center", hide: false, + renderCell: (params) => , + }, + { field: 'title', headerName: 'Formation', minWidth: 250, flex: 1, align: "center", hide: true, hideable: true, renderCell: (params) => , }, + { field: 'domaine', headerName: 'Domaine', minWidth: datagrid_columns_size_model1, align: "center", hide: true, renderCell: (params) => , }, + { field: 'published', headerName: 'publié', minWidth: datagrid_columns_size_model1, align: "center", hide: true, renderCell: (params) => , }, + + { field: 'site_formation_id', headerName: 'site_formation_id', with: 0, align: "center", hide: true, disableExport: true, }, + + + { field: 'qty_in_quotation', headerName: 'Place Non validé ', with: 150, align: "center", hide: true, renderCell: (params) => , }, + { field: 'qty_in_quotation_list_quotation', headerName: 'List Devis ', with: 150, align: "center", hide: true, renderCell: (params) => , }, + + { field: 'site_formation_nom', headerName: 'Site Ftion', with: 150, align: "center", hide: true, renderCell: (params) => , }, + + { + field: 'invoiced_statut', headerName: 'Facturé', minWidth: 100, flex: 1, maxWidth: 150, hide: true, editable: false, + renderCell: (cellValues) => { + return ( +
+ {String(cellValues.row.invoiced_statut) === "2" && "Oui"} + {String(cellValues.row.invoiced_statut) === "1" && "Part."} + {String(cellValues.row.invoiced_statut) !== "1" && String(cellValues.row.invoiced_statut) !== "2" && "Non"} +
+ ); + }, + }, + + { field: 'duration', headerName: 'Durée', minWidth: datagrid_columns_size_model2, align: "center", hide: true, renderCell: (params) => , }, + + { + field: 'bton_vertif', headerName: 'Gestion', minWidth: 50, flex: 1, maxWidth: 100, hideable: true, hide: false, editable: false, align: "center", + renderCell: (cellValues) => { + return ( +
+ + {String(props.check_user_acces_right("session", "write")) === "1" && } +
+ ); + }, + }, + ] + + const [session_debut_for_decalage, setsession_debut_for_decalage] = React.useState(''); + const [session_fin_for_decalage, setsession_fin_for_decalage] = React.useState(''); + + const [session_new_debut_for_decalage, setsession_new_debut_for_decalage] = React.useState(''); + const [session_id_for_decalage, setsession_id_for_decalage] = React.useState(''); + + const [promo_archive_status, setpromo_archive_status] = React.useState(''); + + const [working_cellValues_promo, setworking_cellValues_promo] = useState(false); + const [dialogOpen_supp_promo, setdialogOpen_supp_promo] = useState(false); + const Dialog_menuitem_close_supp_prmo = () => { + setdialogOpen_supp_promo(false) + }; + + + const [dialogOpen_archive, setdialogOpen_archive] = useState(false); + const Dialog_menuitem_close_archive = () => { + setdialogOpen_archive(false) + }; + + const options_menu_vertical_preinsc = [ + '', + 'Mise à jour', + 'Mémo & Comment.', + 'Valider Insc.', + 'Refuser Insc.', + 'Supprimer', + + ]; + const [working_cellValues_preisnc, setworking_cellValues_preisnc] = useState(false); + const [anchorEl_preinsc, setAnchorEl_preinsc] = React.useState(null); + const open_preinsc = Boolean(anchorEl_preinsc); + const handleClick_option_button_vertical_preinsc = (event) => { + setAnchorEl_preinsc(event.currentTarget); + }; + const handleClose_option_button_vertical_preinsc = (event, value) => { + setAnchorEl_preinsc(null); + }; + + + const [dialogOpen_refus_inscription, setdialogOpen_refus_inscription] = useState(false); + const Dialog_menuitem_close_refus_inscription = () => { + setdialogOpen_refus_inscription(false) + }; + + + const [dialogOpen_suppr_preinscription, setdialogOpen_suppr_preinscription] = useState(false); + const Dialog_menuitem_suppr_preinscription = () => { + setdialogOpen_suppr_preinscription(false) + }; + + const columns_preinscrit = [ + { field: 'id', headerName: 'id', hide: true }, + { field: '_id', headerName: '_id', hide: true }, + + { + field: 'civilite', headerName: 'Civ.', minWidth: 90, flex: 1, maxWidth: 100, hide: false, editable: false, editable: false, + + renderCell: (cellValues) => { + return ( + +
+ {New_civilite && New_civilite.length > 0 && cellValues.row.civilite && + + } + +
+ + ); + }, + }, + + { field: 'nom', headerName: 'nom', minWidth: 200, flex: 1, hide: false, editable: true, renderCell: (params) => , }, + { field: 'prenom', headerName: 'prenom', minWidth: 200, flex: 1, hide: false, editable: true, renderCell: (params) => , }, + { field: 'email', headerName: 'email', minWidth: 200, flex: 1, flex: 1, renderCell: (params) => , }, + { field: 'client_rattachement_nom', headerName: 'Client', minWidth: 150, flex: 1, hide: false, editable: false, renderCell: (params) => , }, + { field: 'client_rattachement_id', headerName: 'Client_id', Width: 0, hide: true, editable: false, }, + + { + field: 'client_facture', headerName: 'Client Fact.', minWidth: 200, flex: 1, hide: false, editable: false, + + renderCell: (cellValues) => { + return ( +
+ {New_Get_List_Partner_Clients_result && New_Get_List_Partner_Clients_result.length > 0 && } +
+ + ); + } + }, + + { field: 'employeur', headerName: 'Employeur', minWidth: 150, flex: 1, maxWidth: 200, hide: true, editable: true, renderCell: (params) => , }, + { field: 'opco', headerName: 'Centre Opco', minWidth: 100, flex: 1, maxWidth: 150, hide: true, editable: false }, + { + field: 'modefinancement', headerName: 'Financement', minWidth: 100, flex: 1, maxWidth: 150, hide: true, editable: false, + renderCell: (cellValues) => { + return ( + +
+ {New_Financement && New_Financement.length > 0 && cellValues.row.modefinancement && + + } + +
+ + ); + }, + }, + { field: 'amount', headerName: 'Montant Formation', minWidth: 100, flex: 1, maxWidth: 150, type: 'number', flex: 1, editable: true, renderCell: (params) => , }, + { + field: "update", headerName: 'Mise à jour', + renderCell: (cellValues) => { + return ( + + <> + {String(props.check_user_acces_right("session", "write")) === "1" && { + handleClick_accept(event, cellValues); + }} + > + + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + Confirmer la mise à jour des informations du stagiaire +
+
+
+ + +
+
+ +
+
+
+ )} +
} + + + + ); + } + }, + + + { + field: 'bton_vertif', headerName: 'Gestion', minWidth: 50, flex: 1, maxWidth: 100, hideable: true, hide: false, editable: false, align: "center", + renderCell: (cellValues) => { + return ( +
+ + {String(props.check_user_acces_right("session", "write")) === "1" &&