jhuyg
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
2
main.css
2
main.css
@@ -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;
|
||||||
|
|||||||
50
main.js
50
main.js
@@ -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 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);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user