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

@ -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);
/*
@ -2424,7 +2425,15 @@ const AddClassManual = (props) => {
/>
</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"
@ -2436,8 +2445,10 @@ const AddClassManual = (props) => {
disabled={false}
className="disabled_style"
/>
</a>
</div>
<div className="training_caract">
<TextField
name="note"
@ -2990,10 +3001,20 @@ const AddClassManual = (props) => {
<div className="div_row_bis" style={{ "marginBottom": "10px", "marginTop": "1rem" }} >
<div className="div_row_gauche_image">
<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>}