20/04/23 - 20h

recette2
cherif 2023-04-20 20:05:57 +02:00
parent 9e3f65a6c8
commit 3328237c95
2 changed files with 77 additions and 5 deletions

View File

@ -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_text, setselected_lms_theme_text] = useState();
const [urlpreview_lms_theme, seturlpreview_lms_theme] = useState();
function handleChangeselected_lms_theme(event) {
var val = event.target.value
GetLms_Themes(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 />
</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>
{GetLms_Themes_result &&
GetLms_Themes_result.map((lms_theme) => (
@ -136,7 +177,7 @@ function HebergementLms(props) {
</option>
))}
</select>
</div>
<div className="session_caract">Le modèle d'attestation :
@ -145,6 +186,31 @@ function HebergementLms(props) {
</div>
<div className="div_row">
<div className="div_row" style={{ "border": "None" }}>
&nbsp;
</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" }}>
&nbsp;
</div>
</div>
</div>);
}

View File

@ -335,6 +335,12 @@
font-size: small;
}
.selectsession {
width: 90%;
height: 2rem;
font-size: small;
}
}
// End media