05/05/23 - 21h

recette2
cherif 2023-05-05 22:09:34 +02:00
parent 961170328f
commit fecfa6e82d
3 changed files with 60 additions and 24 deletions

View File

@ -221,7 +221,7 @@ function HebergementLms(props) {
setimg_logo_file2(event.target.files[0]);
} else {
sethandleSubmission_logo_message(" La taille de l'image est incorrecte. Larg = "+String(img_width)+" px Long = "+String(img_height)+" px");
sethandleSubmission_logo_message(" La taille de l'image est incorrecte. Larg = " + String(img_width) + " px Long = " + String(img_height) + " px");
sethandleSubmission_logo_api("false");
setLoading(false);
return;
@ -332,7 +332,7 @@ function HebergementLms(props) {
console.log(" img_width = ", img_width);
_URL.revokeObjectURL(objectUrl);
if (parseFloat(img_width) > 1500 && parseFloat(img_width) < 1950 &&
parseFloat(img_height) > 180 && parseFloat(img_height) < 200) {
parseFloat(img_height) > 170 && parseFloat(img_height) < 200) {
//console.log(" img_height est = ", img_height, " < à 1500 ");
@ -342,7 +342,7 @@ function HebergementLms(props) {
} else {
sethandleSubmission_bg_message(" La taille de l'image est incorrecte. Larg = "+String(img_width)+" px Long = "+String(img_height)+" px");
sethandleSubmission_bg_message(" La taille de l'image est incorrecte. Larg = " + String(img_width) + " px Long = " + String(img_height) + " px");
sethandleSubmission_bg_api("false");
setLoading(false);
return;
@ -436,6 +436,25 @@ function HebergementLms(props) {
}
function Annule_bg_img() {
clear_message();
setimg_bg_file();
setimg_bg_file2();
sethandleSubmission_bg_message();
setSendBackground_Img_api();
setSendBackground_Img_message();
setbg_file_name();
}
function Annule_logo_img() {
clear_message();
setimg_logo_file();
setimg_logo_file2();
sethandleSubmission_logo_message();
setSend_logo_Img_api();
setSend_logo_Img_message();
setlogo_file_name();
}
return (
<div className="hebergementlms">
@ -450,13 +469,13 @@ 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_img_bg} className="detail_class_submenu" id='menu_inscrit' name='menu_inscrit'>Bannière</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" }}>
@ -521,9 +540,9 @@ function HebergementLms(props) {
"minWidth": "15rem", "color": "black", "width": "auto"
}}
id='menu_import_formation' name='menu_import_formation'>Choisir une image &nbsp; <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>
<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>}
<input type="file"
accept=".png"
@ -543,7 +562,7 @@ function HebergementLms(props) {
{String(Send_logo_Img_api) === "true" && <div className="okUpdateData"> La mise à jour a été correctement faite</div>}
{String(Send_logo_Img_api) === "false" && <div className="koUpdateData"> {Send_logo_Img_message}</div>}
{String(handleSubmission_logo_api) === "false" && <div className="koUpdateData"> {handleSubmission_logo_message}</div>}
{String(handleSubmission_logo_api) === "false" && <div className="koUpdateData"> {handleSubmission_logo_message}</div>}
@ -556,7 +575,7 @@ function HebergementLms(props) {
{<div className="div_row" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
<div className="div_row_gauche " style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
<Button variant="contained" className="btn_modif" onClick={"One_annuleSessionUpdate"}>Annuler le logo
<Button variant="contained" className="btn_modif" onClick={Annule_logo_img}>Annuler le logo
</Button>
</div>
@ -586,10 +605,10 @@ function HebergementLms(props) {
"minWidth": "15rem", "color": "black", "width": "auto"
}}
id='menu_import_formation' name='menu_import_formation'>Choisir une image bannière &nbsp; <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>
<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>}
<input type="file"
accept=".png"
@ -620,7 +639,7 @@ function HebergementLms(props) {
{<div className="div_row" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
<div className="div_row_gauche " style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
<Button variant="contained" className="btn_modif" onClick={"One_annuleSessionUpdate"}>Annuler le BG
<Button variant="contained" className="btn_modif" onClick={Annule_bg_img}>Annuler le BG
</Button>
</div>

View File

@ -664,8 +664,9 @@ const Partner = (props) => {
<hr className="my_hr" />
{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"/>
{String(deplie_hebergement) !== "1" &&
<div className="nom_prenom sousmenu" style={{"color":"white", "textAlign":"center"}} >
<nav onClick={ftion_deplie_hebergement}> Espace Hébergement <img src={uparrow} className="hebergement_icone"/> </nav>
<hr className="my_hr" />
{String(has_partner_lms_url) === "1" && <div className="sousmenu" onClick={(e) => {

View File

@ -84,6 +84,7 @@
background-color: "#ECEFF1";
background: "#ECEFF1";
color: black;
margin: 0.5rem !important;
}
.texte_area_adress {
@ -96,6 +97,7 @@
background-color: "#ECEFF1";
background: "#ECEFF1";
color: black;
margin: 0.5rem !important;
}
.titre1 {
@ -131,8 +133,7 @@
float: right;
//border:0px solid black;
border-width: 0.01rem;
width: 95%;
padding-left: 2%;
width: 100%;
border-radius: 0px;
}
@ -290,7 +291,7 @@
}
.texte_area {
width: 47% !important;
width: 95% !important;
font-size: x-small !important;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
margin: 0rem !important;
@ -299,6 +300,7 @@
background-color: "#ECEFF1";
background: "#ECEFF1";
color: black;
margin: 0.5rem !important;
}
.texte_area_adress {
@ -311,6 +313,7 @@
background-color: "#ECEFF1";
background: "#ECEFF1";
color: black;
margin: 0.5rem !important;
}
.titre1 {
@ -506,7 +509,7 @@
}
.texte_area {
width: 47% !important;
width: 95% !important;
font-size: x-small !important;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
margin: 0rem !important;
@ -515,6 +518,7 @@
background-color: "#ECEFF1";
background: "#ECEFF1";
color: black;
margin: 0.5rem !important;
}
.texte_area_adress {
@ -527,6 +531,7 @@
background-color: "#ECEFF1";
background: "#ECEFF1";
color: black;
margin: 0.5rem !important;
}
.titre1 {
@ -725,7 +730,7 @@
.texte_area {
width: 47% !important;
font-size: x-small !important;
font-size: small !important;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
margin: 0rem !important;
margin-right: 0.4rem !important;
@ -733,11 +738,12 @@
background-color: "#ECEFF1";
background: "#ECEFF1";
color: black;
margin: 0.5rem !important;
}
.texte_area_adress {
width: 95% !important;
font-size: x-small !important;
width: 96.5% !important;
font-size: small !important;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
margin: 0rem !important;
margin-right: 0.4rem !important;
@ -745,6 +751,7 @@
background-color: "#ECEFF1";
background: "#ECEFF1";
color: black;
margin: 0.5rem !important;
}
.titre1 {
@ -900,8 +907,17 @@
.Mui-disabled {
color: 212121 !important;
font-size: small !important;
margin: 0px;
}
.css-1o9s3wi-MuiInputBase-input-MuiOutlinedInput-input{
.css-1sumxir-MuiFormLabel-root-MuiInputLabel-root.Mui-disabled{
color: 212121 !important;
font-size: medium !important;
margin: 0px !important;
}
.css-1o9s3wi-MuiInputBase-input-MuiOutlinedInput-input {
color: #212121 !important;
}
}