This commit is contained in:
2026-04-03 11:37:06 +02:00
parent 4d34d0c8a0
commit 553c0e9689
3 changed files with 42 additions and 21 deletions

View File

@@ -56,8 +56,8 @@
<div class="recette-form-add-additional"> <div class="recette-form-add-additional">
<form id="recette-form-ingr-add" class="recette-form recette-form-add-ingr" action="" method="POST"> <form id="recette-form-ingr-add" class="recette-form recette-form-add-ingr" action="" method="POST">
<div class="recette-form-group form-group"> <div class="recette-form-group form-group">
<label for="nom">Nom de l'Ingrédient</label> <label for="name">Nom de l'Ingrédient</label>
<input type="texte" class="form-control" id="recette-form-ingr-nom" name="nom" placeholder="Nom de l'ingrédient" value=""> <input type="texte" class="form-control" id="recette-form-ingr-nom" name="name" placeholder="Nom de l'ingrédient" value="">
</div> </div>
<div class="recette-form-group form-group"> <div class="recette-form-group form-group">
<label for="image">Photo de l'Ingrédient</label> <label for="image">Photo de l'Ingrédient</label>
@@ -65,7 +65,7 @@
</div> </div>
<button id="submit-ingr" type='submit' class='btn btn-primary'>Confirmer</button> <button id="submit-ingr" type='submit' class='btn btn-primary'>Confirmer</button>
<div id="recette-form-div-err-ingr"> <div id="recette-form-div-err-ingr" class="err">
Erreur Erreur
</div> </div>
</form> </form>
@@ -76,6 +76,9 @@
</div> </div>
<button type='submit' class='btn btn-primary'>Confirmer</button> <button type='submit' class='btn btn-primary'>Confirmer</button>
<div id="recette-form-div-err-tag" class="err">
Erreur
</div>
</form> </form>
</div> </div>
</div> </div>

View File

@@ -478,7 +478,7 @@ ul {
padding-right: 10px; padding-right: 10px;
} }
#recette-form-div-err-ingr { .err {
color: red; color: red;
display: none; display: none;
text-align: center; text-align: center;

46
main.js
View File

@@ -12,15 +12,6 @@ document.addEventListener("DOMContentLoaded", function(){
let ingr = form.nom; let ingr = form.nom;
let new_elem = document.createElement("option");
new_elem.setAttribute("value",ingr.value);
new_elem.innerText = ingr.value;
cible.appendChild(new_elem);
let form_data = FormData(form); let form_data = FormData(form);
fetch("/api/ingredients/create", { fetch("/api/ingredients/create", {
@@ -31,12 +22,21 @@ document.addEventListener("DOMContentLoaded", function(){
let div_err = document.getElementById("recette-form-div-err-ingr"); let div_err = document.getElementById("recette-form-div-err-ingr");
div_err.style.display = "inherit"; div_err.style.display = "inherit";
div_err.innerText = "un gros message d'erreur"; div_err.innerText = "Erreur de connection au serveur";
return null;
} }
else {
reponse.json().then( data => {
if (data.success) {
let new_elem = document.createElement("option");
return reponse.json(); new_elem.setAttribute("value",ingr.value);
new_elem.innerText = ingr.value;
cible.appendChild(new_elem);
}
})
}
}) })
} }
@@ -51,14 +51,32 @@ document.addEventListener("DOMContentLoaded", function(){
let tag = form.tag; let tag = form.tag;
let form_data = FormData(form);
fetch("/api/tags/create", {
method : "POST",
body: form_data
}).then( reponse => {
if (!reponse.ok) {
let div_err = document.getElementById("recette-form-div-err-tag");
div_err.style.display = "inherit";
div_err.innerText = "Erreur de connection au serveur";
}
else {
reponse.json().then( data => {
if (data.success) {
let new_elem = document.createElement("option"); let new_elem = document.createElement("option");
new_elem.setAttribute("value",tag.value); new_elem.setAttribute("value",tag.value);
new_elem.innerText = tag.value; new_elem.innerText = tag.value;
cible.appendChild(new_elem); cible.appendChild(new_elem);
}
})
}
})
} }