jhuyg
This commit is contained in:
@@ -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>
|
||||
|
||||
2
main.css
2
main.css
@@ -478,7 +478,7 @@ ul {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#recette-form-div-err-ingr {
|
||||
.err {
|
||||
color: red;
|
||||
display: none;
|
||||
text-align: center;
|
||||
|
||||
46
main.js
46
main.js
@@ -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 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");
|
||||
|
||||
|
||||
|
||||
new_elem.setAttribute("value",tag.value);
|
||||
new_elem.innerText = tag.value;
|
||||
|
||||
cible.appendChild(new_elem);
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user