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;
}