08/01/24 - 17h30
parent
48186898e9
commit
08a0820f16
|
@ -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 />
|
||||||
|
|
|
@ -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" /> </nav>
|
<nav style={{ "width": "auto", "float": "left" }}> <CiLocationOn className="icone_location" /> </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)} </b>
|
formation_ville.replaceAll('"', '').substring(0, 20).toLocaleLowerCase().slice(1)} </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" /> A venir </nav>
|
<nav style={{ "width": "100%", "float": "left", "textAlign": "left", "fontWeight": "700" }}><CiLocationOn className="icone_location" /> A venir </nav>
|
||||||
}
|
}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue