From 3328237c952630691f92984864d6d5cc3489131e Mon Sep 17 00:00:00 2001 From: cherif Date: Thu, 20 Apr 2023 20:05:57 +0200 Subject: [PATCH] 20/04/23 - 20h --- src/components/HebergementLms.js | 76 ++++++++++++++++++++-- src/styles/components/_hebergementlms.scss | 6 ++ 2 files changed, 77 insertions(+), 5 deletions(-) diff --git a/src/components/HebergementLms.js b/src/components/HebergementLms.js index d7fbc47..7393163 100644 --- a/src/components/HebergementLms.js +++ b/src/components/HebergementLms.js @@ -96,16 +96,54 @@ function HebergementLms(props) { }) } + const [RecordData_api, setRecordData_api] = useState(); + const [RecordData_result, setRecordData_result] = useState(); + const [RecordData_message, setRecordData_message] = useState(); + + function RecordData() { + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append('theme_name', selected_lms_theme_text); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Lms_Config_Theme_and_Logo/"; + + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === "true") { + //console.log(" In GetLms_Themes res.data.status = " + res.data.status); + //console.log(" In GetLms_Themes res.data.message r_class = " + res.data.message); + setRecordData_api("true"); + setRecordData_result(res.data.message); + } + else { + setRecordData_api("false"); + setRecordData_message(res.data.message); + } + + }).catch((error) => { + console.warn('Not good man :( GetLms_Themes = ', error); + setRecordData_api("false"); + + }) + } + const [selected_lms_theme, setselected_lms_theme] = useState(); - - + const [selected_lms_theme_text, setselected_lms_theme_text] = useState(); const [urlpreview_lms_theme, seturlpreview_lms_theme] = useState(); function handleChangeselected_lms_theme(event) { var val = event.target.value GetLms_Themes(val) seturlpreview_lms_theme(val); + + const sel = document.getElementById("lms_theme_liste"); + let value = sel.options[sel.selectedIndex].value; + let text = sel.options[sel.selectedIndex].text; + setselected_lms_theme_text(text) + } @@ -123,10 +161,13 @@ function HebergementLms(props) {
} + {String(RecordData_api) === "true" &&
la mise à jour a été correctement faite
} -
Choisir un modèle d'attestation : + {String(RecordData_api) === "false" &&
{RecordData_message}
} - {GetLms_Themes_result && GetLms_Themes_result.map((lms_theme) => ( @@ -136,7 +177,7 @@ function HebergementLms(props) { ))} - +
Le modèle d'attestation : @@ -145,6 +186,31 @@ function HebergementLms(props) {
+
+
+   +
+ {
+ +
+ +
+ +
+ + + +
+ +
} +
+   +
+ +
+ ); } diff --git a/src/styles/components/_hebergementlms.scss b/src/styles/components/_hebergementlms.scss index 6508c74..caa7485 100644 --- a/src/styles/components/_hebergementlms.scss +++ b/src/styles/components/_hebergementlms.scss @@ -335,6 +335,12 @@ font-size: small; } + .selectsession { + width: 90%; + height: 2rem; + font-size: small; + } + } // End media