From 77b67d6bdc53702283fa8766db525f9a1b1f908d Mon Sep 17 00:00:00 2001 From: cherif Date: Wed, 21 Aug 2024 13:48:30 +0200 Subject: [PATCH] 21/08/2024 - 13h55 --- src/components/Apprenant.js | 133 +++- src/components/Employes.js | 1367 ++++++++++++++++++++++++++++++++++- 2 files changed, 1450 insertions(+), 50 deletions(-) diff --git a/src/components/Apprenant.js b/src/components/Apprenant.js index 156e4fa..27d871a 100644 --- a/src/components/Apprenant.js +++ b/src/components/Apprenant.js @@ -156,7 +156,7 @@ const Apprenant = (props) => { { - field: "Detail", headerName: 'Voir detail', + field: "Detail", headerName: 'Voir détail', renderCell: (cellValues) => { return ( @@ -274,7 +274,7 @@ const Apprenant = (props) => { { - field: "Detail", headerName: 'Voir detail', + field: "Detail", headerName: 'Voir détail', renderCell: (cellValues) => { return ( @@ -401,7 +401,7 @@ const Apprenant = (props) => { { - field: "Detail", headerName: 'Voir detail', + field: "Detail", headerName: 'Voir détail', renderCell: (cellValues) => { return ( @@ -2494,10 +2494,13 @@ const Apprenant = (props) => { const [p_detail_suivi_ped_class_internal_url, setp_detail_suivi_ped_class_internal_url] = React.useState(""); const [p_detail_suivi_ped_class_eu_id, setp_detail_suivi_ped_class_eu_id] = React.useState(""); const [p_detail_suivi_ped_session_id, setp_detail_suivi_ped_session_id] = React.useState(""); - const [p_detail_suivi_ped_eval_date_heure_debut, setp_detail_suivi_ped_eval_date_heure_debut] = useState(new Date()); - const [p_detail_suivi_ped_eval_date_heure_fin, setp_detail_suivi_ped_eval_date_heure_fin] = useState(new Date()); + const [p_detail_suivi_ped_eval_date_heure_debut, setp_detail_suivi_ped_eval_date_heure_debut] = useState(format(new Date(), 'dd/MM/yyyy HH:mm')); + const [p_detail_suivi_ped_eval_date_heure_fin, setp_detail_suivi_ped_eval_date_heure_fin] = useState(format(new Date(), 'dd/MM/yyyy HH:mm')); const [selected_suivi_pedagogique_id, setselected_suivi_pedagogique_id] = useState(""); + const [p_detail_suivi_ped_sujet, setp_detail_suivi_ped_sujet] = useState(""); + + function Clear_Suivi_Pedago_Field() { setp_detail_suivi_ped_comment(""); @@ -2507,9 +2510,12 @@ const Apprenant = (props) => { setp_detail_suivi_ped_class_eu_id(""); setp_detail_suivi_ped_session_id(""); - setp_detail_suivi_ped_eval_date_heure_debut(new Date()); - setp_detail_suivi_ped_eval_date_heure_fin(new Date()); + setp_detail_suivi_ped_eval_date_heure_debut(format(new Date(), 'dd/MM/yyyy HH:mm')); + setp_detail_suivi_ped_eval_date_heure_fin(format(new Date(), 'dd/MM/yyyy HH:mm')); setselected_suivi_pedagogique_id(""); + + setp_detail_suivi_ped_sujet(""); + } @@ -2546,7 +2552,7 @@ const Apprenant = (props) => { commentaire = editorRef_comment.current.getContent(); } form.append("commentaire", commentaire); - + form.append("sujet", p_detail_suivi_ped_sujet); var myurl = ""; @@ -3434,10 +3440,13 @@ const Apprenant = (props) => { Get_Apprenant_Images(selected_apprenant_id); Get_List_Of_All_PJ(selected_apprenant_id); + Get_Appenant_List_Inscription(selected_apprenant_id); Get_Appenant_List_Suivi_Pedagogique(selected_apprenant_id); + setgridline_id(selected_apprenant_row_id); + submenu_detail_apprenant(); } @@ -4590,6 +4599,15 @@ const Apprenant = (props) => { setgiven_suivi_ped_changed(""); setadd_one_suivi_ped("1"); + if (document.getElementById('myRef_detail_suivi_ped')) { + // myRef.current.scrollIntoView({ behavior: "smooth" }); + var divh = document.getElementById('myRef_detail_suivi_ped').offsetTop; + window.scrollTo({ + top: divh, + behavior: "smooth", + }); + } + } function Annule_Add_One_Suiv_Pedagogique() { @@ -4693,30 +4711,13 @@ const Apprenant = (props) => { setp_detail_suivi_ped_class_internal_url(""); } - - if (mylocaltraining.session_code) { - setp_detail_suivi_ped_comment(mylocaltraining.session_code); + if (mylocaltraining.sujet) { + setp_detail_suivi_ped_sujet(mylocaltraining.sujet); } else { - setp_detail_suivi_ped_comment(""); + setp_detail_suivi_ped_sujet(""); } - if (mylocaltraining.ue_code) { - setp_detail_suivi_ped_comment(mylocaltraining.ue_code); - } else { - setp_detail_suivi_ped_comment(""); - } - - - if (mylocaltraining.ue_titre) { - setp_detail_suivi_ped_comment(mylocaltraining.ue_titre); - } else { - setp_detail_suivi_ped_comment(""); - } - - - - if (document.getElementById('myRef_detail_suivi_ped')) { // myRef.current.scrollIntoView({ behavior: "smooth" }); var divh = document.getElementById('myRef_detail_suivi_ped').offsetTop; @@ -4763,7 +4764,7 @@ const Apprenant = (props) => { setgiven_suivi_ped_data_edit_mode(""); const list_fields = ['suivi_pedago_detail_ftion', 'suivi_pedago_detail_classe', 'suivi_pedago_detail_ue', 'suivi_pedago_detail_debut', 'suivi_pedago_detail_fin', 'suivi_pedago_responsable', - 'suivi_pedago_observation', 'suivi_pedago_comment'] + 'suivi_pedago_observation', 'suivi_pedago_comment', 'suivi_pedago_detail_sujet'] for (let i = 0; i < list_fields.length; i++) { if (document.getElementsByName(String(list_fields[i])) && document.getElementsByName(String(list_fields[i]))[0]) { @@ -4781,7 +4782,7 @@ const Apprenant = (props) => { const list_fields = ['suivi_pedago_detail_ftion', 'suivi_pedago_detail_classe', 'suivi_pedago_detail_ue', 'suivi_pedago_detail_debut', 'suivi_pedago_detail_fin', 'suivi_pedago_responsable', - 'suivi_pedago_observation', 'suivi_pedago_comment'] + 'suivi_pedago_observation', 'suivi_pedago_comment', 'suivi_pedago_detail_sujet'] for (let i = 0; i < list_fields.length; i++) { if (document.getElementsByName(String(list_fields[i])) && document.getElementsByName(String(list_fields[i]))[0]) { @@ -5027,7 +5028,7 @@ const Apprenant = (props) => {
- +
@@ -7677,6 +7678,28 @@ const Apprenant = (props) => { +
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 && @@ -7906,7 +7929,25 @@ const Apprenant = (props) => { {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 && { />} - -
@@ -8083,7 +8122,29 @@ const Apprenant = (props) => { {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 && @@ -8348,7 +8409,7 @@ const Apprenant = (props) => { {String(given_suivi_ped_changed) === "1" && String(given_suivi_ped_data_edit_mode) === "1" &&
/!\ Pensez à enregistrer les modifications
} - +
diff --git a/src/components/Employes.js b/src/components/Employes.js index a6c3300..e3683d7 100644 --- a/src/components/Employes.js +++ b/src/components/Employes.js @@ -384,6 +384,64 @@ const Employes = (props) => { { field: 'periodicite', headerName: 'Périodicité', flex: 1, minWidth: 150, hide: false, editable: false }, { field: 'comment', headerName: 'Commentaire', flex: 1, hide: true, width: 150, }, + { + field: "print", headerName: 'Impr.', + renderCell: (cellValues) => { + return ( + + + + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + Confirmer l'impression du contrat
+ +
+
+
+ + +
+
+ +
+
+
+ )} +
+ + + ); + } + }, + { field: "delete", headerName: 'Supprimer', @@ -526,6 +584,38 @@ const Employes = (props) => { ] + + const [handleClick_print_employee_contrat_api, sethandleClick_print_employee_contrat_api] = useState(); + const [handleClick_print_employee_contrat_message, sethandleClick_print_employee_contrat_message] = useState(); + const [handleClick_print_employee_contrat_result, sethandleClick_print_employee_contrat_result] = useState(); + function handleClick_print_employee_contrat(event, cellValues) { + + + var local_contract_id = cellValues.row._id; + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + + var nom_fiche_detaillee = "Contrat_"+String(p_detail_nom)+".pdf"; + + var url = process.env.REACT_APP_API_URL + "myclass/api/Print_Employee_Given_Contrat/" + stored_cookie + "/" + selected_id + "/" + local_contract_id + "/" ; + + setLoading(true); + axios.get(url, { responseType: 'blob', },) + .then((res) => { + setLoading(false); + fileDownload(res.data, nom_fiche_detaillee) + }).catch((error) => { + setLoading(false); + console.error('Error:', error); + + }); + + + } + + const [Getall_Employee_Acces_Right_api, setGetall_Employee_Acces_Right_api] = useState(); const [Getall_Employee_Acces_Right_message, setGetall_Employee_Acces_Right_message] = useState(); const [Getall_Employee_Acces_Right_result, setGetall_Employee_Acces_Right_result] = useState(); @@ -1556,6 +1646,16 @@ const Employes = (props) => { new_data2.push(node); }); + var node = { + "_id": "", + "id": "", + "label": "", + "nom": "", + "prenom": "", + "ismanager": "" + }; + new_data2.push(node); + if (new_data2.length > 0) setNew_Getall_Training_Employee_No_Filter_result(new_data2); @@ -5285,6 +5385,8 @@ const Employes = (props) => { setselected_row_data_json_age(""); setDialog_employe_open(false); handleClick_edit_employee_From_Line(gridline_id); + + Get_Employee_List_Suivi_Pedagogique(selected_id); } @@ -5813,6 +5915,589 @@ const Employes = (props) => { } + /**** Suivi pedago */ + + const [Get_Employee_List_Suivi_Pedagogique_api, setGet_Employee_List_Suivi_Pedagogique_api] = useState(); + const [Get_Employee_List_Suivi_Pedagogique_message, setGet_Employee_List_Suivi_Pedagogique_message] = useState(); + const [Get_Employee_List_Suivi_Pedagogique_result, setGet_Employee_List_Suivi_Pedagogique_result] = useState([]); + function Get_Employee_List_Suivi_Pedagogique(local_selecte_employee_id) { + + var form = new FormData(); + const stored_cookie = getCookie('tokenmysypart'); + + form.append("token", stored_cookie); + form.append("employee_id", local_selecte_employee_id); + + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_List_Employee_Suivi_Pedagogique_No_Filter/"; + + axios.post(myurl, form).then(res => { + //console.log(" In Get_Employee_List_Suivi_Pedagogique res.data.status = " + res.data.status); + //console.log(" In Get_Employee_List_Suivi_Pedagogique res.data.message r_class = " + res.data.message); + + if (String(res.data.status) === String("true")) { + setGet_Employee_List_Suivi_Pedagogique_api("true"); + setGet_Employee_List_Suivi_Pedagogique_result(res.data.message); + } + else if (String(res.data.status) === String("Err_Connexion")) { + alert('Erreur: ' + res.data.message); + history.push("/Connexion"); + } + else { + setGet_Employee_List_Suivi_Pedagogique_api("false"); + setGet_Employee_List_Suivi_Pedagogique_message(res.data.message); + alert('Erreur: ' + res.data.message); + } + + }).catch((error) => { + console.warn('Not good man :( Get_Employee_List_Suivi_Pedagogique = ', error); + setGet_Employee_List_Suivi_Pedagogique_api("false"); + alert('Erreur: Impossible de recuperer le suivi pédagogique'); + }) + } + + + const [p_detail_suivi_ped_comment, setp_detail_suivi_ped_comment] = React.useState(""); + const [p_detail_suivi_ped_observation, setp_detail_suivi_ped_observation] = React.useState(""); + const [p_detail_suivi_ped_responsable_id, setp_detail_suivi_ped_responsable_id] = React.useState(""); + const [p_detail_suivi_ped_class_id, setp_detail_suivi_ped_class_id] = React.useState(""); + const [p_detail_suivi_ped_class_internal_url, setp_detail_suivi_ped_class_internal_url] = React.useState(""); + const [p_detail_suivi_ped_class_eu_id, setp_detail_suivi_ped_class_eu_id] = React.useState(""); + const [p_detail_suivi_ped_session_id, setp_detail_suivi_ped_session_id] = React.useState(""); + const [p_detail_suivi_ped_eval_date_heure_debut, setp_detail_suivi_ped_eval_date_heure_debut] = useState(format(new Date(), 'dd/MM/yyyy HH:mm')); + const [p_detail_suivi_ped_eval_date_heure_fin, setp_detail_suivi_ped_eval_date_heure_fin] = useState(format(new Date(), 'dd/MM/yyyy HH:mm')); + const [selected_suivi_pedagogique_id, setselected_suivi_pedagogique_id] = useState(""); + + const [p_detail_suivi_ped_sujet, setp_detail_suivi_ped_sujet] = useState(""); + + + function Clear_Suivi_Pedago_Field() { + setp_detail_suivi_ped_comment(""); + setp_detail_suivi_ped_observation(""); + setp_detail_suivi_ped_responsable_id(""); + setp_detail_suivi_ped_class_id(""); + setp_detail_suivi_ped_class_eu_id(""); + setp_detail_suivi_ped_session_id(""); + + setp_detail_suivi_ped_eval_date_heure_debut(format(new Date(), 'dd/MM/yyyy HH:mm')); + setp_detail_suivi_ped_eval_date_heure_fin(format(new Date(), 'dd/MM/yyyy HH:mm')); + setselected_suivi_pedagogique_id(""); + setp_detail_suivi_ped_sujet(""); + } + + + const [Add_Update_Suiv_Pedagogique_api, setAdd_Update_Suiv_Pedagogique_api] = useState(); + const [Add_Update_Suiv_Pedagogique_message, setAdd_Update_Suiv_Pedagogique_message] = useState(); + const [Add_Update_Suiv_Pedagogique_result, setAdd_Update_Suiv_Pedagogique_result] = useState(); + function Add_Update_Suiv_Pedagogique() { + var form = new FormData(); + //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + + form.append("employee_id", selected_id); + form.append("responsable_id", p_detail_suivi_ped_responsable_id); + form.append("date_heure_debut", p_detail_suivi_ped_eval_date_heure_debut); + form.append("date_heure_fin", p_detail_suivi_ped_eval_date_heure_fin); + form.append("apprenant_id", ""); + + var observation = ""; + if (editorRef_observation.current) { + observation = editorRef_observation.current.getContent(); + } + + form.append("observation", observation); + + var commentaire = ""; + if (editorRef_comment.current) { + commentaire = editorRef_comment.current.getContent(); + } + form.append("commentaire", commentaire); + + + form.append("sujet", p_detail_suivi_ped_sujet); + + + + var myurl = ""; + + if (selected_suivi_pedagogique_id && String(selected_suivi_pedagogique_id).length > 5) { + form.append("_id", selected_suivi_pedagogique_id); + myurl = process.env.REACT_APP_API_URL + "myclass/api/Update_Suivi_Pedagogique/"; + } else { + myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Suivi_Pedagogique/"; + } + + + //console.log(" ### form = ", form); + + + setLoading(true); + axios.post(myurl, form).then(res => { + //console.log(" In Add_Update_Suiv_Pedagogique res.data.status = " + res.data.status); + //console.log(" In Add_Update_Suiv_Pedagogique res.data.message r_class = " + res.data.message); + + setLoading(false); + + if (String(res.data.status) === String("true")) { + setAdd_Update_Suiv_Pedagogique_api("true"); + setAdd_Update_Suiv_Pedagogique_result(res.data.message); + + Dialog_Suivi_Pedago_handleClose_buton(); + + + + setgiven_suivi_ped_changed(""); + setgiven_suivi_ped_data_edit_mode(""); + setadd_one_suivi_ped(""); + if (!selected_suivi_pedagogique_id || String(selected_suivi_pedagogique_id).length < 5) { + setsuivi_pedago_gridline_id(""); + Clear_Suivi_Pedago_Field(); + } else { + Get_Geven_Suivi_Ped_Data(selected_suivi_pedagogique_id); + setdisplay_given_suivi_ped("1"); + setadd_one_suivi_ped(""); + setgiven_suivi_ped_data_edit_mode(""); + setselected_suivi_pedagogique_id(selected_suivi_pedagogique_id); + } + + + Get_Employee_List_Suivi_Pedagogique(selected_id); + + alert(res.data.message); + + if (document.getElementById('myRef_detail_suivi_ped')) { + // myRef.current.scrollIntoView({ behavior: "smooth" }); + var divh = document.getElementById('myRef_detail_suivi_ped').offsetTop; + window.scrollTo({ + top: divh, + behavior: "smooth", + }); + } + + } + else { + setAdd_Update_Suiv_Pedagogique_api("false"); + setAdd_Update_Suiv_Pedagogique_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + setLoading(false); + + console.log('UpdateStagiaireData : Not good man :( Add_Update_Suiv_Pedagogique = ' + error); + setAdd_Update_Suiv_Pedagogique_api("false"); + alert(" Impossible d'ajouter ou mettre à jour le suivi pédagogique"); + + }) + } + + + + const [Get_Geven_Suivi_Ped_Data_api, setGet_Geven_Suivi_Ped_Data_api] = useState(); + const [Get_Geven_Suivi_Ped_Data_message, setGet_Geven_Suivi_Ped_Data_message] = useState(); + const [Get_Geven_Suivi_Ped_Data_result, setGet_Geven_Suivi_Ped_Data_result] = useState(); + function Get_Geven_Suivi_Ped_Data(local_selected_suivi_pedagogique_id) { + + var my_id = local_selected_suivi_pedagogique_id; + + Clear_Suivi_Pedago_Field(); + + var form = new FormData(); + //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("_id", my_id); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Given_Suivi_Pedagogique/"; + + setLoading(true); + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === "true") { + //console.log(" In Get_Geven_Suivi_Ped_Data res.data.status = " + res.data.status); + //console.log(" In Get_Geven_Suivi_Ped_Data res.data.message r_class = " + res.data.message); + //console.log(" In Get_Geven_Suivi_Ped_Data res.data.message len = " + String(res.data.message).length); + + setLoading(false); + setGet_Geven_Suivi_Ped_Data_api("true"); + if (String(res.data.message).length > 0) { + setGet_Geven_Suivi_Ped_Data_result(res.data.message); + + var mylocaltraining = JSON.parse(res.data.message); + + + if (mylocaltraining.responsable_id) { + setp_detail_suivi_ped_responsable_id(mylocaltraining.responsable_id); + } else { + setp_detail_suivi_ped_responsable_id(""); + } + + if (mylocaltraining.class_id) { + setp_detail_suivi_ped_class_id(mylocaltraining.class_id); + } else { + setp_detail_suivi_ped_class_id(""); + } + + + if (mylocaltraining.class_eu_id) { + setp_detail_suivi_ped_class_eu_id(mylocaltraining.class_eu_id); + } else { + setp_detail_suivi_ped_class_eu_id(""); + } + + if (mylocaltraining.session_id) { + setp_detail_suivi_ped_session_id(mylocaltraining.session_id); + } else { + setp_detail_suivi_ped_session_id(""); + } + + + if (mylocaltraining.date_heure_debut) { + setp_detail_suivi_ped_eval_date_heure_debut(mylocaltraining.date_heure_debut); + } else { + setp_detail_suivi_ped_eval_date_heure_debut(""); + } + + if (mylocaltraining.date_heure_fin) { + setp_detail_suivi_ped_eval_date_heure_fin(mylocaltraining.date_heure_fin); + } else { + setp_detail_suivi_ped_eval_date_heure_fin(""); + } + + if (mylocaltraining.observation) { + setfield_contenu_observation(mylocaltraining.observation); + } else { + setfield_contenu_observation(""); + } + + + if (mylocaltraining.commentaire) { + setfield_contenu_comment(mylocaltraining.commentaire); + } else { + setfield_contenu_comment(""); + } + + + + if (mylocaltraining.class_internal_url) { + setp_detail_suivi_ped_class_internal_url(mylocaltraining.class_internal_url); + } else { + setp_detail_suivi_ped_class_internal_url(""); + } + + if (mylocaltraining.sujet) { + setp_detail_suivi_ped_sujet(mylocaltraining.sujet); + } else { + setp_detail_suivi_ped_sujet(""); + } + + + if (document.getElementById('myRef_detail_suivi_ped')) { + // myRef.current.scrollIntoView({ behavior: "smooth" }); + var divh = document.getElementById('myRef_detail_suivi_ped').offsetTop; + window.scrollTo({ + top: divh, + behavior: "smooth", + }); + } + + Disable_Suivi_Pedago_Fields(); + + } + + } else if (String(res.data.status) === String("Err_Connexion")) { + setLoading(false); + alert('Erreur: ' + res.data.message); + history.push("/Connexion"); + } + + else { + setLoading(false); + setGet_Geven_Suivi_Ped_Data_api("false"); + setGet_Geven_Suivi_Ped_Data_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('Not good man :( Get_Geven_Suivi_Ped_Data = ', error); + setGet_Geven_Suivi_Ped_Data_api("false"); + alert(" Impossible de récuperer les données de l'apprenant "); + + }) + } + + + const [selectionModel_suivi_pedagogique, setselectionModel_suivi_pedagogique] = React.useState([]); + + + const [display_given_suivi_ped, setdisplay_given_suivi_ped] = useState(""); + const [given_suivi_ped_changed, setgiven_suivi_ped_changed] = useState(""); + const [given_suivi_ped_data_edit_mode, setgiven_suivi_ped_data_edit_mode] = useState(""); + const [add_one_suivi_ped, setadd_one_suivi_ped] = useState(""); + + + function Disable_Suivi_Pedago_Fields() { + + setgiven_suivi_ped_data_edit_mode(""); + const list_fields = ['suivi_pedago_detail_debut', 'suivi_pedago_detail_fin', 'suivi_pedago_responsable', + 'suivi_pedago_observation', 'suivi_pedago_comment', 'suivi_pedago_detail_sujet'] + + for (let i = 0; i < list_fields.length; i++) { + if (document.getElementsByName(String(list_fields[i])) && document.getElementsByName(String(list_fields[i]))[0]) { + document.getElementsByName(String(list_fields[i]))[0].disabled = true; + document.getElementsByName(String(list_fields[i]))[0].style.backgroundColor = "#ECEFF1"; + + } + } + + } + + function Enable_Suivi_Pedago_Fields() { + setgiven_suivi_ped_data_edit_mode("1"); + + + const list_fields = ['suivi_pedago_detail_debut', 'suivi_pedago_detail_fin', 'suivi_pedago_responsable', + 'suivi_pedago_observation', 'suivi_pedago_comment', 'suivi_pedago_detail_sujet'] + + for (let i = 0; i < list_fields.length; i++) { + if (document.getElementsByName(String(list_fields[i])) && document.getElementsByName(String(list_fields[i]))[0]) { + document.getElementsByName(String(list_fields[i]))[0].disabled = false; + document.getElementsByName(String(list_fields[i]))[0].style.backgroundColor = "#FFFFFF"; + + } + } + } + + + const [field_contenu_observation, setfield_contenu_observation] = useState(""); + const editorRef_observation = useRef(null); + const [editorRef_observation_limite, seteditorRef_observation_limite] = useState(800); + + function field_contenu_observation_keyup() { + setgiven_suivi_ped_changed("1"); + } + + const [field_contenu_comment, setfield_contenu_comment] = useState(""); + const editorRef_comment = useRef(null); + const [editorRef_comment_limite, seteditorRef_comment_limite] = useState(800); + + function field_contenu_comment_keyup() { + setgiven_suivi_ped_changed("1"); + } + + function cancel_edit_suivi_ped() { + setgiven_suivi_ped_data_edit_mode(""); + setgiven_suivi_ped_changed(""); + Get_Geven_Suivi_Ped_Data(selected_suivi_pedagogique_id); + + } + + + const columns_suivi_pedagogique = [ + { field: 'id', headerName: 'id', hide: true }, + { field: '_id', headerName: '_id', hide: true }, + { field: 'employee_id', headerName: 'employee_id', hide: true, Width: 1 }, + + { field: 'responsable_id', headerName: 'responsable_id', hide: true, Width: 1 }, + { field: 'sujet', headerName: 'Sujet', hide: false, minWidth: 200, flex: 1, renderCell: (params) => , }, + + { field: 'date_debut', headerName: 'Début', hide: false, minWidth: 200, flex: 1, renderCell: (params) => , }, + { field: 'date_fin', headerName: 'Fin', hide: false, minWidth: 200, flex: 1, renderCell: (params) => , }, + + { + field: 'responsable', headerName: 'responsable', hide: false, minWidth: 200, flex: 1, + + + renderCell: (cellValues) => { + return ( +
+ {New_Getall_Training_Employee_No_Filter_result && New_Getall_Training_Employee_No_Filter_result.length > 0 && } +
+ + ); + } + + + }, + + + { + field: "delete", headerName: 'Supprimer', + renderCell: (cellValues) => { + return ( + + + + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, le suivi pédagogique sera définitivement supprimé.
+ +
+
+
+ + +
+
+ +
+
+
+ )} +
+ + + ); + } + }, + + + ] + + + function handleClick_delete_suivi_pedago(event, cellValues) { + + setsuivi_pedago_gridline_id(''); + setdisplay_given_suivi_ped(''); + setgiven_suivi_ped_changed(''); + setgiven_suivi_ped_data_edit_mode(''); + setadd_one_suivi_ped(""); + + var local_apprenant_id = cellValues.row._id; + + Delete_Suivi_Pedago_Data(local_apprenant_id); + } + + + const [Delete_Suivi_Pedago_Data_api, setDelete_Suivi_Pedago_Data_api] = useState(); + const [Delete_Suivi_Pedago_Data_message, setDelete_Suivi_Pedago_Data_message] = useState(); + const [Delete_Suivi_Pedago_Data_result, setDelete_Suivi_Pedago_Data_result] = useState(); + function Delete_Suivi_Pedago_Data(suivi_pedago_id) { + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("_id", suivi_pedago_id); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Delete_Suivi_Pedagogique/"; + + setLoading(true); + + axios.post(myurl, form).then(res => { + //console.log(" In Delete_Suivi_Pedago_Data res.data.status = " + res.data.status); + //console.log(" In Delete_Suivi_Pedago_Data res.data.message r_class = " + res.data.message); + setLoading(false); + if (String(res.data.status) === String("true")) { + setDelete_Suivi_Pedago_Data_api("true"); + setDelete_Suivi_Pedago_Data_result(res.data.message); + + setselectionModel_suivi_pedagogique([]); + + setsuivi_pedago_gridline_id(''); + setdisplay_given_suivi_ped(''); + setgiven_suivi_ped_changed(''); + setgiven_suivi_ped_data_edit_mode(''); + setadd_one_suivi_ped(""); + + Get_Employee_List_Suivi_Pedagogique(selected_id); + + alert(res.data.message); + } + else { + setDelete_Suivi_Pedago_Data_api("false"); + setDelete_Suivi_Pedago_Data_message(res.data.message); + alert(res.data.message); + + } + + }).catch((error) => { + setLoading(false); + console.log('Delete_Suivi_Pedago_Data : Not good man :( Delete_Suivi_Pedago_Data = ' + error); + setDelete_Suivi_Pedago_Data_api("false"); + alert(" Impossible de supprimer le suivi pédagogique "); + }) + } + + + const Dialog_Suivi_Pedago_handleClose = () => { + + }; + + const Dialog_Suivi_Pedago_handleClose_buton = () => { + setDialog_Suivi_Pedago_open(false); + }; + + + function add_suivi_ped_funct() { + Clear_Suivi_Pedago_Field(); + + setdisplay_given_suivi_ped(""); + setgiven_suivi_ped_changed(""); + setadd_one_suivi_ped("1"); + + if (document.getElementById('myRef_detail_suivi_ped')) { + // myRef.current.scrollIntoView({ behavior: "smooth" }); + var divh = document.getElementById('myRef_detail_suivi_ped').offsetTop; + window.scrollTo({ + top: divh, + behavior: "smooth", + }); + } + + } + + function Annule_Add_One_Suiv_Pedagogique() { + Clear_Suivi_Pedago_Field(); + setdisplay_given_suivi_ped(""); + setgiven_suivi_ped_changed(""); + setadd_one_suivi_ped(""); + } + + + const [suivi_pedago_gridline_id, setsuivi_pedago_gridline_id] = useState(""); + const myRef_detail_suivi_ped = useRef(null); + + const [Dialog_Suivi_Pedago_message, setDialog_Suivi_Pedago_message] = React.useState(false); + const [Dialog_Suivi_Pedago_open, setDialog_Suivi_Pedago_open] = React.useState(false); + + + /***** end suivi pedago */ return (
@@ -6129,6 +6814,8 @@ const Employes = (props) => { {/*** FIN GESTION COMPETENCES */} + + {/*** GESTION EMPLOYE */} { + {/*** FIN GESTION EMPLOYE */} { var reel_age = Math.abs(age.getUTCFullYear() - 1970); setselected_row_data_json_age(reel_age) } + + setdisplay_given_suivi_ped(""); + setgiven_suivi_ped_changed(""); + setgiven_suivi_ped_data_edit_mode(""); + setadd_one_suivi_ped(""); + setselectionModel_suivi_pedagogique([]); + setsuivi_pedago_gridline_id(""); + + setDialog_employe_open(true); @@ -7379,7 +8076,7 @@ const Employes = (props) => { - +
@@ -8533,7 +9230,7 @@ const Employes = (props) => { - +
@@ -9053,7 +9750,7 @@ const Employes = (props) => { - +
@@ -9620,7 +10317,7 @@ const Employes = (props) => { - +
@@ -9654,7 +10351,7 @@ const Employes = (props) => { } /> - +
@@ -9837,7 +10534,7 @@ const Employes = (props) => {
} {String(submenu) === "contrat" &&
- +
@@ -9845,13 +10542,14 @@ const Employes = (props) => { - +
 
  + { - +
@@ -10114,7 +10812,7 @@ const Employes = (props) => { - +
@@ -10194,7 +10892,7 @@ const Employes = (props) => { - +
@@ -10203,7 +10901,7 @@ const Employes = (props) => {
-
Evaluation par les apprenants
+
{p_detail_prenom}   {p_detail_nom} : Evaluation par les apprenants
Evaluation
{
-
Autres évaluations
+
{p_detail_prenom}   {p_detail_nom} : Suivi pédagoqigue
+ + + + +
+
+ +
+   + + { + setselectionModel_suivi_pedagogique(newSelectionModel); + + }} + selectionModel={selectionModel_suivi_pedagogique} + + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} + rows={Get_Employee_List_Suivi_Pedagogique_result.map((item, index) => ( + { + id: index, + _id: JSON.parse(item)._id, + employee_id: JSON.parse(item).employee_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, + sujet: JSON.parse(item).sujet, + + + } + ))} + + 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(add_one_suivi_ped) === "1" && String(display_given_suivi_ped) !== "1" &&
+ + + +
Sujet
+ { + setp_detail_suivi_ped_sujet(e.target.value); + + } + } + + /> + +
+ +
Début
+ { + setp_detail_suivi_ped_eval_date_heure_debut(format(date, 'dd/MM/yyyy HH:mm')); + + } + } + + + className="disabled_style enable_style" + locale='fr-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-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(selected_id))} + value={New_Getall_Training_Employee_No_Filter_result.filter((data) => (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
+ + +
+ + +
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:Helvetica,Arial,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:Helvetica,Arial,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"); + } + } + + /> + +
+ +
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-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-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(selected_id))} + value={New_Getall_Training_Employee_No_Filter_result.filter((data) => (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:Helvetica,Arial,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:Helvetica,Arial,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(given_suivi_ped_data_edit_mode) !== "1" &&
+ + + + +
} +
+   +
+
+ + + +
} + + + + + +
@@ -10344,7 +11683,7 @@ const Employes = (props) => { - +
@@ -10556,7 +11895,7 @@ const Employes = (props) => { Somme totale d'enquêtes sur la période : {Global_Getall_Qry_Survey_Data_result_JSON['global_somme_question_response']}
Moyenne Globale sur la période : {Global_Getall_Qry_Survey_Data_result_JSON['global_moyenne_question_response']}
- + }
}