08/01/24 - 17h30

recette2
cherif 2024-01-08 16:51:59 +01:00
parent 48186898e9
commit 08a0820f16
2 changed files with 56 additions and 30 deletions

View File

@ -845,7 +845,7 @@ const AddClassManual = (props) => {
var presentiel = mypresence;
var distentiel = mydistance;
var domaine = mytrainingdomaine;
if( String(domaine).trim() === "-"){
if (String(domaine).trim() === "-") {
domaine = ""
}
var mypublier = mypublished;
@ -856,7 +856,7 @@ const AddClassManual = (props) => {
var lms_class_code = document.getElementsByName("lms_class_code")[0].value;
var class_inscription_url = document.getElementsByName("class_inscription_url")[0].value;
var mymetier = mytrainingmetier;
if( String(mymetier).trim() === "-"){
if (String(mymetier).trim() === "-") {
mymetier = ""
}
var mynote = document.getElementsByName("note")[0].value;
@ -1019,6 +1019,7 @@ const AddClassManual = (props) => {
formData.append('pourqui', pourqui);
formData.append('support', trainingSupport);
formData.append('img_banner_detail_class', banniereImg);
formData.append('img_url', banniereImg);
/*
@ -2226,7 +2227,7 @@ const AddClassManual = (props) => {
setmytrainingdomaine(value.domaine);
setmytrainingmetier("-");
setdatamodification("1");
} else {
} else {
setmytrainingdomaine("-");
setmytrainingmetier("-");
}
@ -2249,7 +2250,7 @@ const AddClassManual = (props) => {
value={mytrainingmetier}
onChange={(event, value) => {
if (value && value.metier) {
setmytrainingmetier(value.metier);
@ -2424,19 +2425,29 @@ const AddClassManual = (props) => {
/>
</div>
<div className="training_caract">
<TextField
name="class_banner_img_url"
id="class_banner_img_url"
label="Image Bannière"
type="text"
InputLabelProps={{
shrink: true,
}}
disabled={false}
className="disabled_style"
/>
</div>
<div className="training_caract">
<Tooltip className="tooltip_css" id="tooltip_img_profil_01" />
<a data-tooltip-id="tooltip_img_profil_01" data-tooltip-html="L'image de profil de la formation. <br/>L'ordre de priorité d'affichage des images est : <br/>
1 - Image Bannière <br/>
2 - L'image carrée téléchargéeen bas de page <br/>
3 - L'image par defaut du métier dans le système
">
<TextField
name="class_banner_img_url"
id="class_banner_img_url"
label="Image Bannière"
type="text"
InputLabelProps={{
shrink: true,
}}
disabled={false}
className="disabled_style"
/>
</a>
</div>
<div className="training_caract">
<TextField
@ -2990,10 +3001,20 @@ const AddClassManual = (props) => {
<div className="div_row_bis" style={{ "marginBottom": "10px", "marginTop": "1rem" }} >
<div className="div_row_gauche_image">
<img class="img_class_logo" src={userimgclassprofil} /><br />
</div>
<Tooltip className="tooltip_css" id="tooltip_img_profil" />
<a data-tooltip-id="tooltip_img_profil" data-tooltip-html="L'image de profil de la formation. <br/>L'ordre de priorité d'affichage des images est : <br/>
1 - Image Bannière <br/>
2 - L'image carrée téléchargéeen bas de page <br/>
3 - L'image par defaut du métier dans le système
">
<div className="div_row_gauche_image"> Image de profil <br />
<img class="img_class_logo" src={userimgclassprofil} /><br />
</div>
</a>
<div className="div_row_droite_image">
<input type="file" id="files_img_class" accept="image/*" onChange={imglogoclasschangeHandler} style={{ opacity: "0", zIndex: "-1", maxWidth: "5px", maxHeight: "0px" }} /> <br />
<label for="files_img_class" className="bton_image_class">Charger une image</label><br />

View File

@ -84,7 +84,7 @@ const Formation = (props) => {
const [myclassimage, setmyclassimage] = useState();
const [isclassimage, setisclassimage] = useState("False");
const [userimgclassprofil, setuserimgclassprofil] = useState();
const [userimgclassprofil, setuserimgclassprofil] = useState("");
function getClassImage(e) {
var myurl = process.env.REACT_APP_API_URL + "myclass/api/getRecodedClassImage_from_front/";
@ -294,7 +294,12 @@ const Formation = (props) => {
}
{String(ismetiermanaged) === "0" && <div className="forma_img_gauche">
{String(ismetiermanaged) === "0" && String(userimgclassprofil).length > 100 && <div className="forma_img_gauche">
<img src={userimgclassprofil} alt="autre" className="training_img" />
{props.formation.institut_formation && <div style={{ width: '100%', "textAlign": "center" }}> Dispensé par :<br /> {String(props.formation.institut_formation)} </div>}
</div>}
{String(ismetiermanaged) === "0" && String(userimgclassprofil).length <= 100 && <div className="forma_img_gauche">
<img src={img_met_autre} alt="autre" className="training_img" />
{props.formation.institut_formation && <div style={{ width: '100%', "textAlign": "center" }}> Dispensé par :<br /> {String(props.formation.institut_formation)} </div>}
</div>}
@ -406,19 +411,19 @@ const Formation = (props) => {
</div>
{GetCurrentClass_trainingsession_cities_result && GetCurrentClass_trainingsession_cities_result.length > 0 &&
<nav style={{"width":"100%", "float":"left", "textAlign":"left", "color": "#619E31"}}>
<nav style={{"width":"auto", "float":"left"}}> <CiLocationOn className="icone_location" />&nbsp; </nav>
<nav style={{ "width": "100%", "float": "left", "textAlign": "left", "color": "#619E31" }}>
<nav style={{ "width": "auto", "float": "left" }}> <CiLocationOn className="icone_location" />&nbsp; </nav>
{GetCurrentClass_trainingsession_cities_result && GetCurrentClass_trainingsession_cities_result.sort().slice(0, 5).map((formation_ville) => (
<nav style={{"width":"auto", "float":"left"}}>
<nav style={{ "width": "auto", "float": "left" }}>
{formation_ville &&
<b> {formation_ville.replaceAll('"', '').substring(0, 20).toLocaleLowerCase().charAt(0).toUpperCase() +
<b> {formation_ville.replaceAll('"', '').substring(0, 20).toLocaleLowerCase().charAt(0).toUpperCase() +
formation_ville.replaceAll('"', '').substring(0, 20).toLocaleLowerCase().slice(1)} &nbsp;&nbsp; </b>
}
</nav>
@ -429,7 +434,7 @@ const Formation = (props) => {
</nav>
}
{!GetCurrentClass_result || GetCurrentClass_result.length <= 0 &&
<nav style={{"width":"100%", "float":"left", "textAlign":"left", "fontWeight":"700"}}><CiLocationOn className="icone_location" />&nbsp; A venir </nav>
<nav style={{ "width": "100%", "float": "left", "textAlign": "left", "fontWeight": "700" }}><CiLocationOn className="icone_location" />&nbsp; A venir </nav>
}
</div>