diff --git a/src/components/HebergementLms.js b/src/components/HebergementLms.js index 7393163..bc03788 100644 --- a/src/components/HebergementLms.js +++ b/src/components/HebergementLms.js @@ -108,7 +108,7 @@ function HebergementLms(props) { form.append('theme_name', selected_lms_theme_text); var myurl = process.env.REACT_APP_API_URL + "myclass/api/Lms_Config_Theme_and_Logo/"; - + setLoading(true); axios.post(myurl, form).then(res => { if (String(res.data.status) === "true") { @@ -116,15 +116,18 @@ function HebergementLms(props) { //console.log(" In GetLms_Themes res.data.message r_class = " + res.data.message); setRecordData_api("true"); setRecordData_result(res.data.message); + setLoading(false); } else { setRecordData_api("false"); setRecordData_message(res.data.message); + setLoading(false); } }).catch((error) => { console.warn('Not good man :( GetLms_Themes = ', error); setRecordData_api("false"); + setLoading(false); }) } @@ -151,9 +154,16 @@ function HebergementLms(props) { GetLms_Themes(); }, []) + const [isLoading, setLoading] = useState(); + return (
+ {isLoading &&
+
+
} + + {String(menu) === String("default") &&

Espace de parametrage de l'environnement d'hébergement

diff --git a/src/components/PartnerSignIn.js b/src/components/PartnerSignIn.js index 93a421a..299eee1 100644 --- a/src/components/PartnerSignIn.js +++ b/src/components/PartnerSignIn.js @@ -86,7 +86,9 @@ function PartnerSignIn() { }); } - + const [onSubmit_api, setonSubmit_api] = useState(); + const [onSubmit_result, setonSubmit_result] = useState(); + const [onSubmit_message, setonSubmit_message] = useState(); const onSubmit = async (data) => { const formData = new FormData(); @@ -132,11 +134,15 @@ function PartnerSignIn() { } else { setisconnected("false"); + setonSubmit_api("false"); + setonSubmit_message(result['message']); } }) .catch((error) => { console.error('Error:', error); setisconnected("false"); + setonSubmit_api("false"); + setonSubmit_message(" Impossible de se connecter à l'hôte distant. Merci de contacter votre administrateur"); }); } @@ -261,9 +267,9 @@ function PartnerSignIn() {
- {isconnected === "false" &&
+ {String(onSubmit_api) === "false" &&

- Erreur Connexion
+ Erreur Connexion : {onSubmit_message}
} diff --git a/src/styles/components/_hebergementlms.scss b/src/styles/components/_hebergementlms.scss index caa7485..91aa98f 100644 --- a/src/styles/components/_hebergementlms.scss +++ b/src/styles/components/_hebergementlms.scss @@ -1,6 +1,37 @@ .hebergementlms { + .loader-container { + width: 100%; + height: 100vh; + display: flex; + //justify-content: center; + align-items: center; + left: -5%; + position: fixed; + z-index: 1; + top: 0px; + background: white; + background-color: transparent; + } + + .mysy_spinner{ + border-radius: 5px; + border: 1px solid black; + opacity: 100%; + } + + .spinner { + width:20rem; + height: 10rem; + border: 8px solid; + border-color: #3d5af1 transparent #3d5af1 transparent; + border-radius: 50%; + animation: spin-anim 1.2s linear infinite; + background-color: red; + color: black; + } + @media only screen and (max-width: 600px) { /*style smartphones et petites tablettes en portrait*/ diff --git a/src/styles/components/_partner.scss b/src/styles/components/_partner.scss index 34674e3..dc8e880 100644 --- a/src/styles/components/_partner.scss +++ b/src/styles/components/_partner.scss @@ -521,13 +521,13 @@ /*style petites-moyennes tablettes */ .koUpdateData { - font-size: small; + font-size: medium; color: red; font-style: italic; } .okUpdateData { - font-size: small; + font-size: medium; color: green; font-style: italic; } @@ -1047,13 +1047,13 @@ } .koUpdateData { - font-size: small; + font-size: medium; color: red; font-style: italic; } .okUpdateData { - font-size: small; + font-size: medium; color: green; font-style: italic; } @@ -1520,13 +1520,13 @@ } .koUpdateData { - font-size: small; + font-size: medium; color: red; font-style: italic; } .okUpdateData { - font-size: small; + font-size: medium; color: green; font-style: italic; } diff --git a/src/styles/components/_partnersignin.scss b/src/styles/components/_partnersignin.scss index 0e7aac6..0cba883 100644 --- a/src/styles/components/_partnersignin.scss +++ b/src/styles/components/_partnersignin.scss @@ -274,7 +274,7 @@ } .erreurconnexion { - font-size: medium; + font-size: small; color: red; font-style: italic; } @@ -642,7 +642,7 @@ max-height: 3rem; } .erreurconnexion { - font-size: large; + font-size: medium; color: red; font-style: italic; } @@ -1046,8 +1046,9 @@ max-width: 18%; max-height: 3rem; } + .erreurconnexion { - font-size: large; + font-size: medium; color: red; font-style: italic; } diff --git a/src/styles/components/_signin.scss b/src/styles/components/_signin.scss index cee9b69..6e10d36 100644 --- a/src/styles/components/_signin.scss +++ b/src/styles/components/_signin.scss @@ -1225,7 +1225,7 @@ } .erreurconnexion { - font-size: small; + font-size: medium; color: red; font-style: italic; } @@ -1774,7 +1774,7 @@ } .erreurconnexion { - font-size: small; + font-size: medium; color: red; font-style: italic; }