From 5a64cb706ac74060ba1c5c0eb142bbd35383a2a8 Mon Sep 17 00:00:00 2001 From: cherif Date: Mon, 22 Jan 2024 21:57:00 +0100 Subject: [PATCH] 22/01/2024 -22h00 --- src/components/DisplayPartnerSession.js | 4 +- src/components/HebergementLms.js | 183 +++++++++++++++++++++- src/components/Inscription_Information.js | 2 +- src/styles/components/_employes.scss | 4 + 4 files changed, 187 insertions(+), 6 deletions(-) diff --git a/src/components/DisplayPartnerSession.js b/src/components/DisplayPartnerSession.js index 1d76f78..6f67d4d 100644 --- a/src/components/DisplayPartnerSession.js +++ b/src/components/DisplayPartnerSession.js @@ -316,7 +316,7 @@ const DisplayPartnerSession = (props) => { { field: 'nom', headerName: 'nom', minWidth: 150, flex: 1, hide: false, editable: true, renderCell: (params) => , }, { field: 'prenom', headerName: 'prenom', minWidth: 150, flex: 1, hide: false, editable: true, renderCell: (params) => , }, { field: 'email', headerName: 'email', minWidth: 150, flex: 1, hideable: false, flex: 1, renderCell: (params) => , }, - { field: 'client_nom', headerName: 'Client', minWidth: 150, flex: 1, maxWidth: 200, hide: false, editable: true, renderCell: (params) => , }, + { field: 'client_rattachement_nom', headerName: 'Client', minWidth: 150, flex: 1, maxWidth: 200, hide: false, editable: true, renderCell: (params) => , }, { field: 'employeur', headerName: 'Employeur', minWidth: 150, flex: 1, maxWidth: 200, hide: false, editable: true, renderCell: (params) => , }, { field: 'opco', headerName: 'Centre Opco', minWidth: 100, flex: 1, maxWidth: 150, hide: false, editable: true }, { field: 'modefinancement', headerName: 'Financement', minWidth: 100, flex: 1, maxWidth: 150, hide: false, editable: true }, @@ -9905,7 +9905,7 @@ const DisplayPartnerSession = (props) => { {selected_code_session && String(selected_code_session).length > 0 &&
- + diff --git a/src/components/HebergementLms.js b/src/components/HebergementLms.js index ecef426..5ed3472 100644 --- a/src/components/HebergementLms.js +++ b/src/components/HebergementLms.js @@ -100,6 +100,52 @@ function HebergementLms(props) { }) } + + const [GetLms_Themes_Logo_Img, setGetLms_Themes_Logo_Img] = useState(""); + const [GetLms_Themes_Banniere_Img, setGetLms_Themes_Banniere_Img] = useState(""); + + const [GetLms_Themes_Logo_Banniere_api, setGetLms_Themes_Logo_Banniere_api] = useState(); + const [GetLms_Themes_Logo_Banniere_message, setGetLms_Themes_Logo_Banniere_message] = useState(); + const [GetLms_Themes_Logo_Banniere_result, setGetLms_Themes_Logo_Banniere_result] = useState(); + function GetLms_Themes_Logo_Banniere(event) { + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_LMS_Logo_And_Bannier_Img/"; + + setLoading(true); + axios.post(myurl, form).then(res => { + setLoading(false); + if (String(res.data.status) === "true") { + //console.log(" In GetLms_Themes_Logo_Banniere res.data.status = " + res.data.status); + console.log(" In GetLms_Themes_Logo_Banniere res.data.message r_class = " + res.data.message); + setGetLms_Themes_Logo_Banniere_api("true"); + setGetLms_Themes_Logo_Banniere_result(res.data.message); + + var logo_img = "data:image/png;base64," + JSON.parse(res.data.message).logo; + setGetLms_Themes_Logo_Img(logo_img); + + + var banniere_img = "data:image/png;base64," + JSON.parse(res.data.message).banniere; + setGetLms_Themes_Banniere_Img(banniere_img); + + } + else { + setGetLms_Themes_Logo_Banniere_api("false"); + setGetLms_Themes_Logo_Banniere_message(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('Not good man :( GetLms_Themes_Logo_Banniere = ', error); + alert(" Impossible de récuperer le logo et la bannière ") + + }) + } + const [RecordData_api, setRecordData_api] = useState(); const [RecordData_result, setRecordData_result] = useState(); const [RecordData_message, setRecordData_message] = useState(); @@ -162,6 +208,7 @@ function HebergementLms(props) { }); GetLms_Themes(); submenu_design(); + GetLms_Themes_Logo_Banniere(); }, []) const [isLoading, setLoading] = useState(); @@ -265,7 +312,6 @@ function HebergementLms(props) { const [Send_logo_Img_api, setSend_logo_Img_api] = useState(); const [Send_logo_Img_result, setSend_logo_Img_result] = useState(); const [Send_logo_Img_message, setSend_logo_Img_message] = useState(); - function Send_logo_Img() { clear_message(); @@ -317,6 +363,114 @@ function HebergementLms(props) { } + const [Delete_logo_Img_api, setDelete_logo_Img_api] = useState(); + const [Delete_logo_Img_result, setDelete_logo_Img_result] = useState(); + const [Delete_logo_Img_message, setDelete_logo_Img_message] = useState(); + function Delete_logo_Img() { + clear_message(); + + + setLoading(true); + + + const formData = new FormData(); + + //formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA'); + const stored_cookie = getCookie('tokenmysypart'); + formData.append("token", stored_cookie); + + + fetch( + process.env.REACT_APP_API_URL + "myclass/api/Lms_Delete_Logo_File/", + { + method: 'POST', + body: formData, + } + ) + .then((response) => response.json()) + .then((result) => { + //console.log('Success:', result['message']); + + if (String(result['status']) === String("true")) { + setDelete_logo_Img_api("true"); + setGetLms_Themes_Logo_Img(''); + alert(" Le logo a été correctement supprimé "); + + } else if (String(result['status']) === String("Err_Connexion")) { + alert('Erreur: ' + result['message']); + history.push("/Connexion"); + } + + else { + setDelete_logo_Img_api("false"); + setDelete_logo_Img_message(result['message']); + } + setLoading(false); + + }) + .catch((error) => { + console.error('Error:', result); + setDelete_logo_Img_api("false"); + setDelete_logo_Img_message(" Impossible de supprimer le fichier logo"); + setLoading(false); + }); + + } + + + const [Delete_Banniere_Img_api, setDelete_Banniere_Img_api] = useState(); + const [Delete_Banniere_Img_result, setDelete_Banniere_Img_result] = useState(); + const [Delete_Banniere_Img_message, setDelete_Banniere_Img_message] = useState(); + function Delete_Banniere_Img() { + clear_message(); + + + setLoading(true); + + + const formData = new FormData(); + + //formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA'); + const stored_cookie = getCookie('tokenmysypart'); + formData.append("token", stored_cookie); + + + fetch( + process.env.REACT_APP_API_URL + "myclass/api/Lms_Delete_Banniere_File/", + { + method: 'POST', + body: formData, + } + ) + .then((response) => response.json()) + .then((result) => { + //console.log('Success:', result['message']); + + if (String(result['status']) === String("true")) { + setDelete_Banniere_Img_api("true"); + setGetLms_Themes_Banniere_Img(''); + alert(" La bannière a été correctement supprimée "); + + } else if (String(result['status']) === String("Err_Connexion")) { + alert('Erreur: ' + result['message']); + history.push("/Connexion"); + } + + else { + setDelete_Banniere_Img_api("false"); + setDelete_Banniere_Img_message(result['message']); + } + setLoading(false); + + }) + .catch((error) => { + console.error('Error:', result); + setDelete_Banniere_Img_api("false"); + setDelete_Banniere_Img_message(" Impossible de supprimer la bannière"); + setLoading(false); + }); + + } const changeHandler2_logo = (event) => { clear_message(); @@ -516,7 +670,7 @@ function HebergementLms(props) {
} {String(menu) === String("default") &&
-

Parametrage de l'environnement LMS

+

Parametrage de l'environnement E-Learning


} @@ -583,10 +737,22 @@ function HebergementLms(props) { } {String(submenu) === String("logo") &&
+ + {GetLms_Themes_Logo_Img && String(GetLms_Themes_Logo_Img) !== "" &&
+ Logo actuel :
+ {""} +
+ + +
}
Import du logo
 
+ + +
} @@ -655,10 +822,20 @@ function HebergementLms(props) { } {String(submenu) === String("img_bg") &&
-
Import du background
+ + {GetLms_Themes_Banniere_Img && String(GetLms_Themes_Banniere_Img) !== "" &&
+ Bannière actuelle :
+ {""} +
+ +
} +
Import Bannière
+
 
+