26/04/23 - 21h
parent
0c11084e1f
commit
84216b25aa
|
@ -152,6 +152,7 @@ function HebergementLms(props) {
|
|||
|
||||
useEffect(() => {
|
||||
GetLms_Themes();
|
||||
submenu_design();
|
||||
}, [])
|
||||
|
||||
const [isLoading, setLoading] = useState();
|
||||
|
@ -363,9 +364,6 @@ function HebergementLms(props) {
|
|||
}
|
||||
setLoading(false);
|
||||
|
||||
|
||||
|
||||
|
||||
};
|
||||
|
||||
|
||||
|
@ -380,6 +378,24 @@ function HebergementLms(props) {
|
|||
sethandleSubmission_logo_api();
|
||||
}
|
||||
|
||||
const [submenu, setsubmenu] = useState("design");
|
||||
function submenu_design() {
|
||||
clear_message();
|
||||
setsubmenu("design");
|
||||
}
|
||||
|
||||
function submenu_logo() {
|
||||
clear_message();
|
||||
setsubmenu("logo");
|
||||
}
|
||||
|
||||
function submenu_img_bg() {
|
||||
clear_message();
|
||||
setsubmenu("img_bg");
|
||||
}
|
||||
|
||||
|
||||
|
||||
return (
|
||||
<div className="hebergementlms">
|
||||
|
||||
|
@ -392,7 +408,15 @@ function HebergementLms(props) {
|
|||
|
||||
<br />
|
||||
</div>}
|
||||
<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_logo} className="detail_class_submenu" id='menu_preinscrit' name='menu_preinscrit'>Logo</Button>
|
||||
<Button variant="outlined" onClick={submenu_img_bg} className="detail_class_submenu" id='menu_inscrit' name='menu_inscrit'>Arriere plan</Button>
|
||||
|
||||
</div>
|
||||
|
||||
{String(submenu) === String("design") && <div className="detail_class_submenu_data" style={{ "border": "None" }}>
|
||||
<div className="div_row">
|
||||
{String(RecordData_api) === "true" && <div className="okUpdateData"> la mise à jour a été correctement faite</div>}
|
||||
|
||||
{String(RecordData_api) === "false" && <div className="koUpdateData"> {RecordData_message}</div>}
|
||||
|
@ -440,7 +464,10 @@ function HebergementLms(props) {
|
|||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>}
|
||||
|
||||
{String(submenu) === String("logo") && <div className="detail_class_submenu_data" style={{ "border": "None" }}>
|
||||
<div className="div_row"> Import du logo <br />
|
||||
<div className="div_row" style={{ "border": "None" }}>
|
||||
|
||||
|
@ -498,7 +525,9 @@ function HebergementLms(props) {
|
|||
|
||||
</div>
|
||||
</div>
|
||||
</div>}
|
||||
|
||||
{String(submenu) === String("img_bg") && <div className="detail_class_submenu_data" style={{ "border": "None" }}>
|
||||
<div className="div_row"> Import du background <br />
|
||||
<div className="div_row" style={{ "border": "None" }}>
|
||||
|
||||
|
@ -552,6 +581,7 @@ function HebergementLms(props) {
|
|||
|
||||
</div>
|
||||
</div>
|
||||
</div>}
|
||||
|
||||
</div>);
|
||||
|
||||
|
|
|
@ -15,14 +15,14 @@
|
|||
background-color: transparent;
|
||||
}
|
||||
|
||||
.mysy_spinner{
|
||||
.mysy_spinner {
|
||||
border-radius: 5px;
|
||||
border: 1px solid black;
|
||||
opacity: 100%;
|
||||
}
|
||||
|
||||
.spinner {
|
||||
width:20rem;
|
||||
width: 20rem;
|
||||
height: 10rem;
|
||||
border: 8px solid;
|
||||
border-color: #3d5af1 transparent #3d5af1 transparent;
|
||||
|
@ -149,7 +149,7 @@
|
|||
float: right;
|
||||
//border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 55%;
|
||||
width: 45%;
|
||||
padding-left: 2%;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
@ -228,7 +228,7 @@
|
|||
float: right;
|
||||
//border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 55%;
|
||||
width: 45%;
|
||||
padding-left: 2%;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
@ -300,7 +300,7 @@
|
|||
float: left;
|
||||
//border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
width: 50%;
|
||||
width: 48%;
|
||||
border-radius: 0px;
|
||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||
font-size: small;
|
||||
|
@ -311,7 +311,7 @@
|
|||
float: right;
|
||||
//border:0px solid black;
|
||||
border-width: 0rem;
|
||||
width: 50%;
|
||||
width: 48%;
|
||||
padding-left: 5px;
|
||||
border-radius: 0px;
|
||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||
|
@ -334,15 +334,35 @@
|
|||
|
||||
|
||||
.btn_modif {
|
||||
width: 10rem;
|
||||
background-color: #212121 !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;
|
||||
}
|
||||
|
||||
.btn_enreg {
|
||||
width: 10rem;
|
||||
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 {
|
||||
|
@ -372,6 +392,51 @@
|
|||
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: 95%;
|
||||
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;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// End media
|
||||
|
|
Loading…
Reference in New Issue