20/04/23 - 20h
parent
9e3f65a6c8
commit
3328237c95
|
@ -96,16 +96,54 @@ function HebergementLms(props) {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const [RecordData_api, setRecordData_api] = useState();
|
||||||
|
const [RecordData_result, setRecordData_result] = useState();
|
||||||
|
const [RecordData_message, setRecordData_message] = useState();
|
||||||
|
|
||||||
|
function RecordData() {
|
||||||
|
var form = new FormData();
|
||||||
|
|
||||||
|
const stored_cookie = getCookie('tokenmysypart');
|
||||||
|
form.append("token", stored_cookie);
|
||||||
|
form.append('theme_name', selected_lms_theme_text);
|
||||||
|
|
||||||
|
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Lms_Config_Theme_and_Logo/";
|
||||||
|
|
||||||
|
axios.post(myurl, form).then(res => {
|
||||||
|
|
||||||
|
if (String(res.data.status) === "true") {
|
||||||
|
//console.log(" In GetLms_Themes res.data.status = " + res.data.status);
|
||||||
|
//console.log(" In GetLms_Themes res.data.message r_class = " + res.data.message);
|
||||||
|
setRecordData_api("true");
|
||||||
|
setRecordData_result(res.data.message);
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
setRecordData_api("false");
|
||||||
|
setRecordData_message(res.data.message);
|
||||||
|
}
|
||||||
|
|
||||||
|
}).catch((error) => {
|
||||||
|
console.warn('Not good man :( GetLms_Themes = ', error);
|
||||||
|
setRecordData_api("false");
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
const [selected_lms_theme, setselected_lms_theme] = useState();
|
const [selected_lms_theme, setselected_lms_theme] = useState();
|
||||||
|
const [selected_lms_theme_text, setselected_lms_theme_text] = useState();
|
||||||
|
|
||||||
const [urlpreview_lms_theme, seturlpreview_lms_theme] = useState();
|
const [urlpreview_lms_theme, seturlpreview_lms_theme] = useState();
|
||||||
function handleChangeselected_lms_theme(event) {
|
function handleChangeselected_lms_theme(event) {
|
||||||
|
|
||||||
var val = event.target.value
|
var val = event.target.value
|
||||||
GetLms_Themes(val)
|
GetLms_Themes(val)
|
||||||
seturlpreview_lms_theme(val);
|
seturlpreview_lms_theme(val);
|
||||||
|
|
||||||
|
const sel = document.getElementById("lms_theme_liste");
|
||||||
|
let value = sel.options[sel.selectedIndex].value;
|
||||||
|
let text = sel.options[sel.selectedIndex].text;
|
||||||
|
setselected_lms_theme_text(text)
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -123,10 +161,13 @@ function HebergementLms(props) {
|
||||||
<br />
|
<br />
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
|
{String(RecordData_api) === "true" && <div className="okUpdateData"> la mise à jour a été correctement faite</div>}
|
||||||
|
|
||||||
<div className="session_caract">Choisir un modèle d'attestation :
|
{String(RecordData_api) === "false" && <div className="koUpdateData"> {RecordData_message}</div>}
|
||||||
|
|
||||||
<select id="certif_liste" name="certif_liste" value={selected_lms_theme} onChange={handleChangeselected_lms_theme} className="selectsession">
|
<div className="session_caract">Choisir un modèle d'attestation : <br />
|
||||||
|
|
||||||
|
<select id="lms_theme_liste" name="lms_theme_liste" value={selected_lms_theme} onChange={handleChangeselected_lms_theme} className="selectsession">
|
||||||
<option value="">Choisir un modèle </option>
|
<option value="">Choisir un modèle </option>
|
||||||
{GetLms_Themes_result &&
|
{GetLms_Themes_result &&
|
||||||
GetLms_Themes_result.map((lms_theme) => (
|
GetLms_Themes_result.map((lms_theme) => (
|
||||||
|
@ -136,7 +177,7 @@ function HebergementLms(props) {
|
||||||
</option>
|
</option>
|
||||||
))}
|
))}
|
||||||
</select>
|
</select>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="session_caract">Le modèle d'attestation :
|
<div className="session_caract">Le modèle d'attestation :
|
||||||
|
@ -145,6 +186,31 @@ function HebergementLms(props) {
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className="div_row">
|
||||||
|
<div className="div_row" style={{ "border": "None" }}>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
{<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
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }}>
|
||||||
|
<Button variant="contained" className="btn_enreg" onClick={RecordData}>Enregistrer
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>}
|
||||||
|
<div className="div_row" style={{ "border": "None" }}>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>);
|
</div>);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -335,6 +335,12 @@
|
||||||
font-size: small;
|
font-size: small;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.selectsession {
|
||||||
|
width: 90%;
|
||||||
|
height: 2rem;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// End media
|
// End media
|
||||||
|
|
Loading…
Reference in New Issue