26/04/23 - 21h

recette2
cherif 2023-04-26 21:41:13 +02:00
parent 0c11084e1f
commit 84216b25aa
2 changed files with 234 additions and 139 deletions

View File

@ -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" }}>
&nbsp;
@ -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" }}>
&nbsp;
@ -552,6 +581,7 @@ function HebergementLms(props) {
</div>
</div>
</div>}
</div>);

View File

@ -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