23/04/23 - 19h
parent
157a386078
commit
ee3ab89b1e
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -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*/
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue