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

View File

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

50
main.js
View File

@@ -12,15 +12,6 @@ document.addEventListener("DOMContentLoaded", function(){
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);
fetch("/api/ingredients/create", {
@@ -31,12 +22,21 @@ document.addEventListener("DOMContentLoaded", function(){
let div_err = document.getElementById("recette-form-div-err-ingr");
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 new_elem = document.createElement("option");
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";
new_elem.setAttribute("value",tag.value);
new_elem.innerText = tag.value;
}
else {
reponse.json().then( data => {
if (data.success) {
let new_elem = document.createElement("option");
cible.appendChild(new_elem);
new_elem.setAttribute("value",tag.value);
new_elem.innerText = tag.value;
cible.appendChild(new_elem);
}
})
}
})
}