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