23/04/23 - 19h

recette2
cherif 2023-04-23 18:33:45 +02:00
parent 157a386078
commit ee3ab89b1e
6 changed files with 63 additions and 15 deletions

View File

@ -108,7 +108,7 @@ function HebergementLms(props) {
form.append('theme_name', selected_lms_theme_text); form.append('theme_name', selected_lms_theme_text);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Lms_Config_Theme_and_Logo/"; var myurl = process.env.REACT_APP_API_URL + "myclass/api/Lms_Config_Theme_and_Logo/";
setLoading(true);
axios.post(myurl, form).then(res => { axios.post(myurl, form).then(res => {
if (String(res.data.status) === "true") { 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); //console.log(" In GetLms_Themes res.data.message r_class = " + res.data.message);
setRecordData_api("true"); setRecordData_api("true");
setRecordData_result(res.data.message); setRecordData_result(res.data.message);
setLoading(false);
} }
else { else {
setRecordData_api("false"); setRecordData_api("false");
setRecordData_message(res.data.message); setRecordData_message(res.data.message);
setLoading(false);
} }
}).catch((error) => { }).catch((error) => {
console.warn('Not good man :( GetLms_Themes = ', error); console.warn('Not good man :( GetLms_Themes = ', error);
setRecordData_api("false"); setRecordData_api("false");
setLoading(false);
}) })
} }
@ -151,9 +154,16 @@ function HebergementLms(props) {
GetLms_Themes(); GetLms_Themes();
}, []) }, [])
const [isLoading, setLoading] = useState();
return ( return (
<div className="hebergementlms"> <div className="hebergementlms">
{isLoading && <div className="loader-container">
<div className="mysy_spinner"> <img src={img_loading_spin} /> </div>
</div>}
{String(menu) === String("default") && <div> {String(menu) === String("default") && <div>
<h2 style={{ "textAlign": "center", "marginBottom": "2rem" }} ref={scrollDiv}> Espace de parametrage de l'environnement d'hébergement</h2> <h2 style={{ "textAlign": "center", "marginBottom": "2rem" }} ref={scrollDiv}> Espace de parametrage de l'environnement d'hébergement</h2>

View File

@ -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 onSubmit = async (data) => {
const formData = new FormData(); const formData = new FormData();
@ -132,11 +134,15 @@ function PartnerSignIn() {
} }
else { else {
setisconnected("false"); setisconnected("false");
setonSubmit_api("false");
setonSubmit_message(result['message']);
} }
}) })
.catch((error) => { .catch((error) => {
console.error('Error:', error); console.error('Error:', error);
setisconnected("false"); 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() {
</div> </div>
{isconnected === "false" && <div className="erreurconnexion"> {String(onSubmit_api) === "false" && <div className="erreurconnexion">
<br /> <br />
Erreur Connexion</div> Erreur Connexion : {onSubmit_message} </div>
} }

View File

@ -1,6 +1,37 @@
.hebergementlms { .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) { @media only screen and (max-width: 600px) {
/*style smartphones et petites tablettes en portrait*/ /*style smartphones et petites tablettes en portrait*/

View File

@ -521,13 +521,13 @@
/*style petites-moyennes tablettes */ /*style petites-moyennes tablettes */
.koUpdateData { .koUpdateData {
font-size: small; font-size: medium;
color: red; color: red;
font-style: italic; font-style: italic;
} }
.okUpdateData { .okUpdateData {
font-size: small; font-size: medium;
color: green; color: green;
font-style: italic; font-style: italic;
} }
@ -1047,13 +1047,13 @@
} }
.koUpdateData { .koUpdateData {
font-size: small; font-size: medium;
color: red; color: red;
font-style: italic; font-style: italic;
} }
.okUpdateData { .okUpdateData {
font-size: small; font-size: medium;
color: green; color: green;
font-style: italic; font-style: italic;
} }
@ -1520,13 +1520,13 @@
} }
.koUpdateData { .koUpdateData {
font-size: small; font-size: medium;
color: red; color: red;
font-style: italic; font-style: italic;
} }
.okUpdateData { .okUpdateData {
font-size: small; font-size: medium;
color: green; color: green;
font-style: italic; font-style: italic;
} }

View File

@ -274,7 +274,7 @@
} }
.erreurconnexion { .erreurconnexion {
font-size: medium; font-size: small;
color: red; color: red;
font-style: italic; font-style: italic;
} }
@ -642,7 +642,7 @@
max-height: 3rem; max-height: 3rem;
} }
.erreurconnexion { .erreurconnexion {
font-size: large; font-size: medium;
color: red; color: red;
font-style: italic; font-style: italic;
} }
@ -1046,8 +1046,9 @@
max-width: 18%; max-width: 18%;
max-height: 3rem; max-height: 3rem;
} }
.erreurconnexion { .erreurconnexion {
font-size: large; font-size: medium;
color: red; color: red;
font-style: italic; font-style: italic;
} }

View File

@ -1225,7 +1225,7 @@
} }
.erreurconnexion { .erreurconnexion {
font-size: small; font-size: medium;
color: red; color: red;
font-style: italic; font-style: italic;
} }
@ -1774,7 +1774,7 @@
} }
.erreurconnexion { .erreurconnexion {
font-size: small; font-size: medium;
color: red; color: red;
font-style: italic; font-style: italic;
} }