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 presentiel = mypresence;
var distentiel = mydistance; var distentiel = mydistance;
var domaine = mytrainingdomaine; var domaine = mytrainingdomaine;
if( String(domaine).trim() === "-"){ if (String(domaine).trim() === "-") {
domaine = "" domaine = ""
} }
var mypublier = mypublished; var mypublier = mypublished;
@ -856,7 +856,7 @@ const AddClassManual = (props) => {
var lms_class_code = document.getElementsByName("lms_class_code")[0].value; var lms_class_code = document.getElementsByName("lms_class_code")[0].value;
var class_inscription_url = document.getElementsByName("class_inscription_url")[0].value; var class_inscription_url = document.getElementsByName("class_inscription_url")[0].value;
var mymetier = mytrainingmetier; var mymetier = mytrainingmetier;
if( String(mymetier).trim() === "-"){ if (String(mymetier).trim() === "-") {
mymetier = "" mymetier = ""
} }
var mynote = document.getElementsByName("note")[0].value; var mynote = document.getElementsByName("note")[0].value;
@ -1019,6 +1019,7 @@ const AddClassManual = (props) => {
formData.append('pourqui', pourqui); formData.append('pourqui', pourqui);
formData.append('support', trainingSupport); formData.append('support', trainingSupport);
formData.append('img_banner_detail_class', banniereImg); formData.append('img_banner_detail_class', banniereImg);
formData.append('img_url', banniereImg);
/* /*
@ -2226,7 +2227,7 @@ const AddClassManual = (props) => {
setmytrainingdomaine(value.domaine); setmytrainingdomaine(value.domaine);
setmytrainingmetier("-"); setmytrainingmetier("-");
setdatamodification("1"); setdatamodification("1");
} else { } else {
setmytrainingdomaine("-"); setmytrainingdomaine("-");
setmytrainingmetier("-"); setmytrainingmetier("-");
} }
@ -2249,7 +2250,7 @@ const AddClassManual = (props) => {
value={mytrainingmetier} value={mytrainingmetier}
onChange={(event, value) => { onChange={(event, value) => {
if (value && value.metier) { if (value && value.metier) {
setmytrainingmetier(value.metier); setmytrainingmetier(value.metier);
@ -2424,19 +2425,29 @@ const AddClassManual = (props) => {
/> />
</div> </div>
<div className="training_caract">
<TextField
name="class_banner_img_url" <div className="training_caract">
id="class_banner_img_url" <Tooltip className="tooltip_css" id="tooltip_img_profil_01" />
label="Image Bannière" <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/>
type="text" 1 - Image Bannière <br/>
InputLabelProps={{ 2 - L'image carrée téléchargéeen bas de page <br/>
shrink: true, 3 - L'image par defaut du métier dans le système
}} ">
disabled={false} <TextField
className="disabled_style" name="class_banner_img_url"
/> id="class_banner_img_url"
</div> label="Image Bannière"
type="text"
InputLabelProps={{
shrink: true,
}}
disabled={false}
className="disabled_style"
/>
</a>
</div>
<div className="training_caract"> <div className="training_caract">
<TextField <TextField
@ -2990,10 +3001,20 @@ const AddClassManual = (props) => {
<div className="div_row_bis" style={{ "marginBottom": "10px", "marginTop": "1rem" }} > <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"> <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 /> <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 /> <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 [myclassimage, setmyclassimage] = useState();
const [isclassimage, setisclassimage] = useState("False"); const [isclassimage, setisclassimage] = useState("False");
const [userimgclassprofil, setuserimgclassprofil] = useState(); const [userimgclassprofil, setuserimgclassprofil] = useState("");
function getClassImage(e) { function getClassImage(e) {
var myurl = process.env.REACT_APP_API_URL + "myclass/api/getRecodedClassImage_from_front/"; 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" /> <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>} {props.formation.institut_formation && <div style={{ width: '100%', "textAlign": "center" }}> Dispensé par :<br /> {String(props.formation.institut_formation)} </div>}
</div>} </div>}
@ -406,19 +411,19 @@ const Formation = (props) => {
</div> </div>
{GetCurrentClass_trainingsession_cities_result && GetCurrentClass_trainingsession_cities_result.length > 0 && {GetCurrentClass_trainingsession_cities_result && GetCurrentClass_trainingsession_cities_result.length > 0 &&
<nav style={{"width":"100%", "float":"left", "textAlign":"left", "color": "#619E31"}}> <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": "auto", "float": "left" }}> <CiLocationOn className="icone_location" />&nbsp; </nav>
{GetCurrentClass_trainingsession_cities_result && GetCurrentClass_trainingsession_cities_result.sort().slice(0, 5).map((formation_ville) => ( {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 && {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> formation_ville.replaceAll('"', '').substring(0, 20).toLocaleLowerCase().slice(1)} &nbsp;&nbsp; </b>
} }
</nav> </nav>
@ -429,7 +434,7 @@ const Formation = (props) => {
</nav> </nav>
} }
{!GetCurrentClass_result || GetCurrentClass_result.length <= 0 && {!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> </div>