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);
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 (
<div className="hebergementlms">
{isLoading && <div className="loader-container">
<div className="mysy_spinner"> <img src={img_loading_spin} /> </div>
</div>}
{String(menu) === String("default") && <div>
<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 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() {
</div>
{isconnected === "false" && <div className="erreurconnexion">
{String(onSubmit_api) === "false" && <div className="erreurconnexion">
<br />
Erreur Connexion</div>
Erreur Connexion : {onSubmit_message} </div>
}

View File

@ -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*/

View File

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

View File

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

View File

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