25/04/23 - 21h
parent
84216b25aa
commit
1160ce544f
|
@ -151,6 +151,7 @@ function HebergementLms(props) {
|
||||||
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
window.scrollTo(0, 0);
|
||||||
GetLms_Themes();
|
GetLms_Themes();
|
||||||
submenu_design();
|
submenu_design();
|
||||||
}, [])
|
}, [])
|
||||||
|
@ -171,6 +172,9 @@ function HebergementLms(props) {
|
||||||
const [img_logo_file, setimg_logo_file] = useState();
|
const [img_logo_file, setimg_logo_file] = useState();
|
||||||
const [img_bg_file, setimg_bg_file] = useState();
|
const [img_bg_file, setimg_bg_file] = useState();
|
||||||
|
|
||||||
|
const [img_logo_file2, setimg_logo_file2] = useState();
|
||||||
|
const [img_bg_file2, setimg_bg_file2] = useState();
|
||||||
|
|
||||||
const handleSubmission_logo = event => {
|
const handleSubmission_logo = event => {
|
||||||
clear_message();
|
clear_message();
|
||||||
|
|
||||||
|
@ -188,7 +192,7 @@ function HebergementLms(props) {
|
||||||
|
|
||||||
//image/png
|
//image/png
|
||||||
if (String(file_type) !== "image/png") {
|
if (String(file_type) !== "image/png") {
|
||||||
alert("Le fichier n'est pas au formation PNG");
|
alert("Le fichier n'est pas au format PNG");
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -205,52 +209,19 @@ function HebergementLms(props) {
|
||||||
img_height = this.height;
|
img_height = this.height;
|
||||||
img_width = this.width;
|
img_width = this.width;
|
||||||
_URL.revokeObjectURL(objectUrl);
|
_URL.revokeObjectURL(objectUrl);
|
||||||
|
console.log(" img_width = ", img_width, " img_height = ", img_height)
|
||||||
|
|
||||||
if (parseFloat(img_width) > 200 && parseFloat(img_width) < 280 &&
|
if (parseFloat(img_width) > 150 && parseFloat(img_width) < 280 &&
|
||||||
parseFloat(img_height) > 60 && parseFloat(img_height) < 80) {
|
parseFloat(img_height) > 60 && parseFloat(img_height) < 90) {
|
||||||
//console.log(" img_height est = ", img_height, " < à 1500 ");
|
//console.log(" img_height est = ", img_height, " < à 1500 ");
|
||||||
|
|
||||||
setlogo_file_name(event.target.files[0].name);
|
setlogo_file_name(event.target.files[0].name);
|
||||||
setimg_logo_file(URL.createObjectURL(event.target.files[0]));
|
setimg_logo_file(URL.createObjectURL(event.target.files[0]));
|
||||||
|
setimg_logo_file2(event.target.files[0]);
|
||||||
|
|
||||||
|
|
||||||
const formData = new FormData();
|
|
||||||
formData.append('File', fileUploaded);
|
|
||||||
//formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA');
|
|
||||||
const stored_cookie = getCookie('tokenmysypart');
|
|
||||||
formData.append("token", stored_cookie);
|
|
||||||
|
|
||||||
|
|
||||||
fetch(
|
|
||||||
process.env.REACT_APP_API_URL + "myclass/api/Lms_Add_Logo_File/",
|
|
||||||
{
|
|
||||||
method: 'POST',
|
|
||||||
body: formData,
|
|
||||||
}
|
|
||||||
)
|
|
||||||
.then((response) => response.json())
|
|
||||||
.then((result) => {
|
|
||||||
//console.log('Success:', result['message']);
|
|
||||||
|
|
||||||
if (String(result['status']) === String("true")) {
|
|
||||||
sethandleSubmission_logo_api("true");
|
|
||||||
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
sethandleSubmission_logo_api("false");
|
|
||||||
sethandleSubmission_logo_message(result['message']);
|
|
||||||
}
|
|
||||||
setLoading(false);
|
|
||||||
|
|
||||||
})
|
|
||||||
.catch((error) => {
|
|
||||||
console.error('Error:', result);
|
|
||||||
sethandleSubmission_logo_api("false");
|
|
||||||
sethandleSubmission_logo_message(result['message']);
|
|
||||||
setLoading(false);
|
|
||||||
});
|
|
||||||
} else {
|
} else {
|
||||||
sethandleSubmission_logo_message(" La taille de l'image est incorrecte");
|
|
||||||
|
sethandleSubmission_logo_message(" La taille de l'image est incorrecte.");
|
||||||
sethandleSubmission_logo_api("false");
|
sethandleSubmission_logo_api("false");
|
||||||
setLoading(false);
|
setLoading(false);
|
||||||
return;
|
return;
|
||||||
|
@ -263,6 +234,58 @@ function HebergementLms(props) {
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
|
const [Send_logo_Img_api, setSend_logo_Img_api] = useState();
|
||||||
|
const [Send_logo_Img_result, setSend_logo_Img_result] = useState();
|
||||||
|
const [Send_logo_Img_message, setSend_logo_Img_message] = useState();
|
||||||
|
|
||||||
|
function Send_logo_Img() {
|
||||||
|
clear_message();
|
||||||
|
|
||||||
|
|
||||||
|
setLoading(true);
|
||||||
|
|
||||||
|
|
||||||
|
const formData = new FormData();
|
||||||
|
formData.append('File', img_logo_file2);
|
||||||
|
//formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA');
|
||||||
|
const stored_cookie = getCookie('tokenmysypart');
|
||||||
|
formData.append("token", stored_cookie);
|
||||||
|
|
||||||
|
|
||||||
|
fetch(
|
||||||
|
process.env.REACT_APP_API_URL + "myclass/api/Lms_Add_Logo_File/",
|
||||||
|
{
|
||||||
|
method: 'POST',
|
||||||
|
body: formData,
|
||||||
|
}
|
||||||
|
)
|
||||||
|
.then((response) => response.json())
|
||||||
|
.then((result) => {
|
||||||
|
//console.log('Success:', result['message']);
|
||||||
|
|
||||||
|
if (String(result['status']) === String("true")) {
|
||||||
|
setSend_logo_Img_api("true");
|
||||||
|
alert(" La mise à jour du logo a été correctement effectuée. ")
|
||||||
|
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
setSend_logo_Img_api("false");
|
||||||
|
setSend_logo_Img_message(result['message']);
|
||||||
|
}
|
||||||
|
setLoading(false);
|
||||||
|
|
||||||
|
})
|
||||||
|
.catch((error) => {
|
||||||
|
console.error('Error:', result);
|
||||||
|
setSend_logo_Img_api("false");
|
||||||
|
setSend_logo_Img_message(result['message']);
|
||||||
|
setLoading(false);
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const changeHandler2_logo = (event) => {
|
const changeHandler2_logo = (event) => {
|
||||||
clear_message();
|
clear_message();
|
||||||
hiddenFileInput_logo.current.click();
|
hiddenFileInput_logo.current.click();
|
||||||
|
@ -288,7 +311,7 @@ function HebergementLms(props) {
|
||||||
|
|
||||||
//image/png
|
//image/png
|
||||||
if (String(file_type) !== "image/png") {
|
if (String(file_type) !== "image/png") {
|
||||||
alert("Le fichier n'est pas au formation PNG");
|
alert("Le fichier n'est pas au format PNG");
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -313,44 +336,9 @@ function HebergementLms(props) {
|
||||||
|
|
||||||
setbg_file_name(event.target.files[0].name);
|
setbg_file_name(event.target.files[0].name);
|
||||||
setimg_bg_file(URL.createObjectURL(event.target.files[0]));
|
setimg_bg_file(URL.createObjectURL(event.target.files[0]));
|
||||||
|
setimg_bg_file2(event.target.files[0]);
|
||||||
|
|
||||||
|
|
||||||
const formData = new FormData();
|
|
||||||
formData.append('File', fileUploaded);
|
|
||||||
//formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA');
|
|
||||||
const stored_cookie = getCookie('tokenmysypart');
|
|
||||||
formData.append("token", stored_cookie);
|
|
||||||
|
|
||||||
|
|
||||||
fetch(
|
|
||||||
process.env.REACT_APP_API_URL + "myclass/api/Lms_Add_BG_File/",
|
|
||||||
{
|
|
||||||
method: 'POST',
|
|
||||||
body: formData,
|
|
||||||
}
|
|
||||||
)
|
|
||||||
.then((response) => response.json())
|
|
||||||
.then((result) => {
|
|
||||||
//console.log('Success:', result['message']);
|
|
||||||
|
|
||||||
if (String(result['status']) === String("true")) {
|
|
||||||
sethandleSubmission_logo_api("true");
|
|
||||||
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
sethandleSubmission_bg_api("false");
|
|
||||||
sethandleSubmission_bg_message(result['message']);
|
|
||||||
}
|
|
||||||
setLoading(false);
|
|
||||||
|
|
||||||
})
|
|
||||||
.catch((error) => {
|
|
||||||
console.error('Error:', result);
|
|
||||||
sethandleSubmission_logo_api("false");
|
|
||||||
sethandleSubmission_logo_message(result['message']);
|
|
||||||
setLoading(false);
|
|
||||||
});
|
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
sethandleSubmission_bg_message(" La taille de l'image est incorrecte");
|
sethandleSubmission_bg_message(" La taille de l'image est incorrecte");
|
||||||
sethandleSubmission_bg_api("false");
|
sethandleSubmission_bg_api("false");
|
||||||
|
@ -367,6 +355,55 @@ function HebergementLms(props) {
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
|
const [SendBackground_Img_api, setSendBackground_Img_api] = useState();
|
||||||
|
const [SendBackground_Img_result, setSendBackground_Img_result] = useState();
|
||||||
|
const [SendBackground_Img_message, setSendBackground_Img_message] = useState();
|
||||||
|
|
||||||
|
function SendBackground_Img() {
|
||||||
|
clear_message();
|
||||||
|
|
||||||
|
setLoading(true);
|
||||||
|
|
||||||
|
const formData = new FormData();
|
||||||
|
formData.append('File', img_bg_file2);
|
||||||
|
//formData.append('token', 'K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA');
|
||||||
|
const stored_cookie = getCookie('tokenmysypart');
|
||||||
|
formData.append("token", stored_cookie);
|
||||||
|
|
||||||
|
|
||||||
|
fetch(
|
||||||
|
process.env.REACT_APP_API_URL + "myclass/api/Lms_Add_BG_File/",
|
||||||
|
{
|
||||||
|
method: 'POST',
|
||||||
|
body: formData,
|
||||||
|
}
|
||||||
|
)
|
||||||
|
.then((response) => response.json())
|
||||||
|
.then((result) => {
|
||||||
|
//console.log('Success:', result['message']);
|
||||||
|
|
||||||
|
if (String(result['status']) === String("true")) {
|
||||||
|
setSendBackground_Img_api("true");
|
||||||
|
alert(" L'image bannière a été correctement mise à jour")
|
||||||
|
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
setSendBackground_Img_api("false");
|
||||||
|
setSendBackground_Img_message(result['message']);
|
||||||
|
}
|
||||||
|
setLoading(false);
|
||||||
|
|
||||||
|
})
|
||||||
|
.catch((error) => {
|
||||||
|
console.error('Error:', result);
|
||||||
|
setSendBackground_Img_api("false");
|
||||||
|
setSendBackground_Img_message(result['message']);
|
||||||
|
setLoading(false);
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
const changeHandler2_bg = (event) => {
|
const changeHandler2_bg = (event) => {
|
||||||
clear_message();
|
clear_message();
|
||||||
hiddenFileInput_bg.current.click();
|
hiddenFileInput_bg.current.click();
|
||||||
|
@ -376,6 +413,8 @@ function HebergementLms(props) {
|
||||||
function clear_message() {
|
function clear_message() {
|
||||||
sethandleSubmission_logo_message();
|
sethandleSubmission_logo_message();
|
||||||
sethandleSubmission_logo_api();
|
sethandleSubmission_logo_api();
|
||||||
|
setSendBackground_Img_api();
|
||||||
|
setSendBackground_Img_message();
|
||||||
}
|
}
|
||||||
|
|
||||||
const [submenu, setsubmenu] = useState("design");
|
const [submenu, setsubmenu] = useState("design");
|
||||||
|
@ -404,10 +443,13 @@ function HebergementLms(props) {
|
||||||
</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}> Parametrage de l'environnement LMS</h2>
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div style={{ "textAlign": "left", "float": "left", "width": "100%", "marginBottom": "1rem" }} id="participant_menu_tab">
|
<div style={{ "textAlign": "left", "float": "left", "width": "100%", "marginBottom": "1rem" }} id="participant_menu_tab">
|
||||||
<Button variant="outlined" onClick={submenu_design} className="detail_class_submenu" id='menu_preinscrit' name='menu_preinscrit'>Thème & Design</Button>
|
<Button variant="outlined" onClick={submenu_design} className="detail_class_submenu" id='menu_preinscrit' name='menu_preinscrit'>Thème & Design</Button>
|
||||||
<Button variant="outlined" onClick={submenu_logo} className="detail_class_submenu" id='menu_preinscrit' name='menu_preinscrit'>Logo</Button>
|
<Button variant="outlined" onClick={submenu_logo} className="detail_class_submenu" id='menu_preinscrit' name='menu_preinscrit'>Logo</Button>
|
||||||
|
@ -477,8 +519,9 @@ function HebergementLms(props) {
|
||||||
"minWidth": "15rem", "color": "black", "width": "auto"
|
"minWidth": "15rem", "color": "black", "width": "auto"
|
||||||
}}
|
}}
|
||||||
id='menu_import_formation' name='menu_import_formation'>Choisir une image <br />
|
id='menu_import_formation' name='menu_import_formation'>Choisir une image <br />
|
||||||
<i> (Le logo doit être de taille 250 x 70 px et au format PNG) </i>
|
|
||||||
</Button><br />
|
</Button><br />
|
||||||
|
<nav className="koUpdateData" style={{ "color": "orange"}}> <i> Important : Taille du logo : larg = 250px et long = 70px et au format PNG </i> </nav>
|
||||||
{logo_file_name && <nav className="okUpdateData"><i>{logo_file_name}</i></nav>}
|
{logo_file_name && <nav className="okUpdateData"><i>{logo_file_name}</i></nav>}
|
||||||
<input type="file"
|
<input type="file"
|
||||||
accept=".png"
|
accept=".png"
|
||||||
|
@ -495,8 +538,10 @@ function HebergementLms(props) {
|
||||||
<br />
|
<br />
|
||||||
</nav>}
|
</nav>}
|
||||||
|
|
||||||
{String(handleSubmission_logo_api) === "false" &&
|
{String(Send_logo_Img_api) === "true" && <div className="okUpdateData"> La mise à jour a été correctement faite</div>}
|
||||||
<nav className="koUpdateData"> {handleSubmission_logo_message} </nav>}
|
|
||||||
|
{String(Send_logo_Img_api) === "false" && <div className="koUpdateData"> {Send_logo_Img_message}</div>}
|
||||||
|
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
|
@ -512,7 +557,7 @@ function HebergementLms(props) {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }}>
|
<div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }}>
|
||||||
<Button variant="contained" className="btn_enreg" onClick={"RecordData"}>Enregistrer le logo
|
<Button variant="contained" className="btn_enreg" onClick={Send_logo_Img}>Enregistrer le logo
|
||||||
</Button>
|
</Button>
|
||||||
|
|
||||||
|
|
||||||
|
@ -536,9 +581,11 @@ function HebergementLms(props) {
|
||||||
"background": "#c8cfd5",
|
"background": "#c8cfd5",
|
||||||
"minWidth": "15rem", "color": "black", "width": "auto"
|
"minWidth": "15rem", "color": "black", "width": "auto"
|
||||||
}}
|
}}
|
||||||
id='menu_import_formation' name='menu_import_formation'>Choisir une image GB <br />
|
id='menu_import_formation' name='menu_import_formation'>Choisir une image bannière <br />
|
||||||
<i> (Le BG doit être de taille 1920 x 195 px et au format PNG) </i>
|
|
||||||
</Button><br />
|
</Button><br />
|
||||||
|
<nav className="koUpdateData" style={{ "color": "orange"}}> <i> Important : Taille de la bannière :larg = 1920 px et long = 195 px et au format PNG) </i> </nav>
|
||||||
|
|
||||||
{bg_file_name && <nav className="okUpdateData"><i>{bg_file_name}</i></nav>}
|
{bg_file_name && <nav className="okUpdateData"><i>{bg_file_name}</i></nav>}
|
||||||
<input type="file"
|
<input type="file"
|
||||||
accept=".png"
|
accept=".png"
|
||||||
|
@ -554,6 +601,12 @@ function HebergementLms(props) {
|
||||||
<br />
|
<br />
|
||||||
</nav>}
|
</nav>}
|
||||||
|
|
||||||
|
|
||||||
|
{String(SendBackground_Img_api) === "true" && <div className="okUpdateData"> La mise à jour a été correctement faite</div>}
|
||||||
|
|
||||||
|
{String(SendBackground_Img_api) === "false" && <div className="koUpdateData"> {SendBackground_Img_message}</div>}
|
||||||
|
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
<div className="div_row">
|
<div className="div_row">
|
||||||
|
@ -568,7 +621,7 @@ function HebergementLms(props) {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }}>
|
<div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }}>
|
||||||
<Button variant="contained" className="btn_enreg" onClick={"RecordData"}>Enregistrer le BG
|
<Button variant="contained" className="btn_enreg" onClick={SendBackground_Img}>Enregistrer le BG
|
||||||
</Button>
|
</Button>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -14,6 +14,11 @@ import PartenairStat from "./PartenairStat";
|
||||||
import { Helmet } from "react-helmet";
|
import { Helmet } from "react-helmet";
|
||||||
import bannerimg2 from "../mysy_img/MYSY-LOGO-BLUE.png";
|
import bannerimg2 from "../mysy_img/MYSY-LOGO-BLUE.png";
|
||||||
import logowhite from "../mysy_img/MYSY-LOGO-WHITE.png";
|
import logowhite from "../mysy_img/MYSY-LOGO-WHITE.png";
|
||||||
|
|
||||||
|
import downarrow from "../mysy_img/downarrow.png";
|
||||||
|
import uparrow from "../mysy_img/uparrow.png";
|
||||||
|
|
||||||
|
|
||||||
import Footer from "./Fotter";
|
import Footer from "./Fotter";
|
||||||
import { confirmAlert } from 'react-confirm-alert'; // Import
|
import { confirmAlert } from 'react-confirm-alert'; // Import
|
||||||
import { useCookies } from "react-cookie";
|
import { useCookies } from "react-cookie";
|
||||||
|
@ -616,7 +621,7 @@ const Partner = (props) => {
|
||||||
<Button variant="outlined" onClick={sendImage} className="enreg">Enregistrer</Button>
|
<Button variant="outlined" onClick={sendImage} className="enreg">Enregistrer</Button>
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
|
<hr />
|
||||||
<div className="nom_prenom"> {parntername && <b> {parntername} - {String(partnerPackService).toUpperCase()} ({parnternbformation})</b>}
|
<div className="nom_prenom"> {parntername && <b> {parntername} - {String(partnerPackService).toUpperCase()} ({parnternbformation})</b>}
|
||||||
{!parntername && <b> Partenaire </b>} </div>
|
{!parntername && <b> Partenaire </b>} </div>
|
||||||
<hr className="my_hr" />
|
<hr className="my_hr" />
|
||||||
|
@ -652,14 +657,15 @@ const Partner = (props) => {
|
||||||
<hr className="my_hr" />
|
<hr className="my_hr" />
|
||||||
|
|
||||||
<hr />
|
<hr />
|
||||||
{String(deplie_hebergement) === "1" && <div className="sousmenu" onClick={ftion_deplie_hebergement}>
|
{String(deplie_hebergement) === "1" && <div className="sousmenu sousmenu" style={{"color":"white", "textAlign":"center"}} onClick={ftion_deplie_hebergement}>
|
||||||
Espace Hébergement (++)
|
Espace Hébergement <img src={downarrow} className="hebergement_icone"/>
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
<hr className="my_hr" />
|
<hr className="my_hr" />
|
||||||
|
|
||||||
{String(deplie_hebergement) !== "1" && <div className="sousmenu" style={{"color":"white"}} onClick={ftion_deplie_hebergement}>
|
|
||||||
Espace Hébergement (--)
|
{String(deplie_hebergement) !== "1" && <div className="nom_prenom sousmenu" style={{"color":"white", "textAlign":"center"}} onClick={ftion_deplie_hebergement}>
|
||||||
|
Espace Hébergement <img src={uparrow} className="hebergement_icone"/>
|
||||||
<hr className="my_hr" />
|
<hr className="my_hr" />
|
||||||
|
|
||||||
{String(has_partner_lms_url) === "1" && <div className="sousmenu" onClick={(e) => {
|
{String(has_partner_lms_url) === "1" && <div className="sousmenu" onClick={(e) => {
|
||||||
|
@ -668,12 +674,12 @@ const Partner = (props) => {
|
||||||
partner_lms_url,
|
partner_lms_url,
|
||||||
'_blank'
|
'_blank'
|
||||||
);
|
);
|
||||||
}}> <FcVideoCall className="icone_menu" />MON HEBERGEMENT </div>}
|
}}> <FcVideoCall className="icone_menu" /> MON HEBERGEMENT </div>}
|
||||||
|
|
||||||
{String(has_partner_lms_url) === "1" && <div>
|
{String(has_partner_lms_url) === "1" && <div>
|
||||||
<hr className="my_hr" />
|
<hr className="my_hr" />
|
||||||
{String(menu) !== "statistique" && <div className="sousmenu" onClick={DisplaySetUpLMS}> <FcSettings className="icone_menu" />CONFIGURATION</div>}
|
{String(menu) !== "statistique" && <div className="sousmenu" onClick={DisplaySetUpLMS}> <FcSettings className="icone_menu" /> CONFIGURATION</div>}
|
||||||
{String(menu) === "statistique" && <div className="sousmenu_hebergement_lms" onClick={DisplaySetUpLMS}> <FcSettings className="icone_menu" />Configuration</div>}
|
{String(menu) === "statistique" && <div className="sousmenu_hebergement_lms" onClick={DisplaySetUpLMS}> <FcSettings className="icone_menu" /> CONFIGURATION</div>}
|
||||||
</div>}
|
</div>}
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
After Width: | Height: | Size: 1.7 KiB |
|
@ -100,17 +100,110 @@
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn_enreg_cmd {
|
.btn_modif {
|
||||||
background: #81BC3A;
|
background-color: #212121 !important;
|
||||||
padding: 0.3rem;
|
|
||||||
border-radius: 5rem;
|
|
||||||
font-size: small;
|
|
||||||
text-align: left;
|
|
||||||
border: solid 1px;
|
|
||||||
height: 2.5rem;
|
|
||||||
color: white;
|
color: white;
|
||||||
width: 90%;
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 15rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn_enreg {
|
||||||
|
background-color: green !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 15rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview_certif {
|
||||||
|
display: block;
|
||||||
|
width: 90%;
|
||||||
|
height: 200px;
|
||||||
|
border-radius: 1rem !important;
|
||||||
|
margin-top: 1rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview_certif:hover {
|
||||||
|
//transform: scale(1.8);
|
||||||
|
//margin-left: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.session_caract {
|
||||||
|
width: 95%;
|
||||||
|
padding: 5px;
|
||||||
|
float: left;
|
||||||
|
text-align: left;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
.selectsession {
|
||||||
|
width: 90%;
|
||||||
|
height: 2rem;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.detail_class_submenu {
|
||||||
|
background: #d8edfc;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 95%;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
color: #3b3e40;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu:hover:active,
|
||||||
|
.detail_class_submenu:hover {
|
||||||
|
background-color: #104277;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu:focus {
|
||||||
|
//border: 3px dotted green;
|
||||||
|
background-color: #104277;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu_data {
|
||||||
|
width: 100%;
|
||||||
|
background-color: #d8edfc;
|
||||||
|
padding-left: 5px;
|
||||||
|
text-align: left;
|
||||||
|
padding: 0;
|
||||||
|
border: 0px;
|
||||||
|
color: #3b3e40;
|
||||||
|
padding-left: 5px;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||||
|
@ -180,16 +273,108 @@
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn_enreg_cmd {
|
.btn_modif {
|
||||||
background: #81BC3A;
|
background-color: #212121 !important;
|
||||||
padding: 0.3rem;
|
|
||||||
border-radius: 5rem;
|
|
||||||
font-size: small;
|
|
||||||
text-align: left;
|
|
||||||
border: solid 1px;
|
|
||||||
height: 2.5rem;
|
|
||||||
color: white;
|
color: white;
|
||||||
width: 80%;
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 15rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_enreg {
|
||||||
|
background-color: green !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 15rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview_certif {
|
||||||
|
display: block;
|
||||||
|
width: 90%;
|
||||||
|
height: 200px;
|
||||||
|
border-radius: 1rem !important;
|
||||||
|
margin-top: 1rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview_certif:hover {
|
||||||
|
transform: scale(1.1);
|
||||||
|
//margin-left: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.session_caract {
|
||||||
|
width: 95%;
|
||||||
|
padding: 5px;
|
||||||
|
float: left;
|
||||||
|
text-align: left;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
.selectsession {
|
||||||
|
width: 90%;
|
||||||
|
height: 2rem;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.detail_class_submenu {
|
||||||
|
background: #d8edfc;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 11rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
color: #3b3e40;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu:hover:active,
|
||||||
|
.detail_class_submenu:hover {
|
||||||
|
background-color: #104277;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu:focus {
|
||||||
|
//border: 3px dotted green;
|
||||||
|
background-color: #104277;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu_data {
|
||||||
|
width: 100%;
|
||||||
|
background-color: #d8edfc;
|
||||||
|
padding-left: 5px;
|
||||||
|
text-align: left;
|
||||||
|
padding: 0;
|
||||||
|
border: 0px;
|
||||||
|
color: #3b3e40;
|
||||||
|
padding-left: 5px;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid;
|
||||||
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -259,18 +444,112 @@
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn_enreg_cmd {
|
|
||||||
background: #81BC3A;
|
.btn_modif {
|
||||||
padding: 0.3rem;
|
background-color: #212121 !important;
|
||||||
border-radius: 5rem;
|
|
||||||
font-size: small;
|
|
||||||
text-align: left;
|
|
||||||
border: solid 1px;
|
|
||||||
height: 2.5rem;
|
|
||||||
color: white;
|
color: white;
|
||||||
width: 80%;
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 15rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn_enreg {
|
||||||
|
background-color: green !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 15rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview_certif {
|
||||||
|
display: block;
|
||||||
|
width: 90%;
|
||||||
|
height: 200px;
|
||||||
|
border-radius: 1rem !important;
|
||||||
|
margin-top: 1rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview_certif:hover {
|
||||||
|
transform: scale(1.2);
|
||||||
|
//margin-left: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.session_caract {
|
||||||
|
width: 95%;
|
||||||
|
padding: 5px;
|
||||||
|
float: left;
|
||||||
|
text-align: left;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
.selectsession {
|
||||||
|
width: 90%;
|
||||||
|
height: 2rem;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.detail_class_submenu {
|
||||||
|
background: #d8edfc;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 11rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
color: #3b3e40;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu:hover:active,
|
||||||
|
.detail_class_submenu:hover {
|
||||||
|
background-color: #104277;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu:focus {
|
||||||
|
//border: 3px dotted green;
|
||||||
|
background-color: #104277;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu_data {
|
||||||
|
width: 100%;
|
||||||
|
background-color: #d8edfc;
|
||||||
|
padding-left: 5px;
|
||||||
|
text-align: left;
|
||||||
|
padding: 0;
|
||||||
|
border: 0px;
|
||||||
|
color: #3b3e40;
|
||||||
|
padding-left: 5px;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 1200px) {
|
@media only screen and (min-width: 1200px) {
|
||||||
|
@ -374,12 +653,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.preview_certif:hover {
|
.preview_certif:hover {
|
||||||
transform: scale(1.8);
|
transform: scale(1.3);
|
||||||
margin-left: 10rem;
|
//margin-left: 10rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.session_caract {
|
.session_caract {
|
||||||
width: 30%;
|
width: 45%;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
float: left;
|
float: left;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
|
@ -1949,9 +1949,13 @@
|
||||||
width: 2rem;
|
width: 2rem;
|
||||||
height: 1.5rem;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hebergement_icone{
|
||||||
|
width: 10%;
|
||||||
|
}
|
||||||
// end media
|
// end media
|
||||||
.css-1wgeduv-MuiFormControl-root-MuiTextField-root {
|
.css-1wgeduv-MuiFormControl-root-MuiTextField-root {
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
|
|
Loading…
Reference in New Issue