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