Benjamin/LesRecettesDePapis
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

danj

Browse Source
This commit is contained in:
Lycano
2026-04-03 11:17:24 +02:00
parent 6349bd4d90
commit 4d34d0c8a0
3 changed files with 61 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
ajout.php
View File

@@ -13,7 +13,7 @@
<div class="main-body">
<div class="content">
<div class="recette-add-form-all">
<form class="recette-form recette-form-add" action="" method="POST">
<form class="recette-form recette-form-add" action="/api/recettes/create.php" method="POST">
<div class="recette-form-group form-group">
<label for="nom">Titre : </label>
<input type="texte" class="form-control" id="recette-form-nom" name="nom" placeholder="Titre de votre recette">
@@ -23,8 +23,8 @@
<input type="texte" class="form-control" id="recette-form-temps" name="temps" placeholder="Temps de préparation">
</div>
<div class="recette-form-group form-group">
<label for="photo">Photo du plat : </label>
<input type="file" class="form-control" id="recette-form-photo" name="photo" placeholder="ajouter votre image">
<label for="image">Photo du plat : </label>
<input type="file" class="form-control" id="recette-form-photo" name="image" placeholder="ajouter votre image">
</div>
<div class="recette-form-group form-group" id="recette-form-div-ingr">
<label for="ingr">Ingredients</label>
@@ -56,17 +56,20 @@
<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="ingr-nom">Nom de l'Ingrédient</label>
<input type="texte" class="form-control" id="recette-form-ingr-nom" name="ingr-nom" placeholder="Nom de l'ingrédient" value="">
<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="">
</div>
<div class="recette-form-group form-group">
<label for="ingr-photo">Photo de l'Ingrédient</label>
<input type="file" class="form-control" id="recette-form-ingr-photo" name="ingr-photo">
<label for="image">Photo de l'Ingrédient</label>
<input type="file" class="form-control" id="recette-form-ingr-photo" name="image">
</div>
<button id="submit-ingr" type='submit' class='btn btn-primary'>Confirmer</button>
<div id="recette-form-div-err-ingr">
Erreur
</div>
</form>
<form class="recette-form recette-form-add-tag" action="" method="POST">
<form id="recette-form-tag-add" class="recette-form recette-form-add-tag" action="" method="POST">
<div class="recette-form-group form-group">
<label for="tag">Tags</label>
<input type="texte" class="form-control" id="recette-form-tag" name="tag" placeholder="Nom de l'ingrédient">

7
main.css
View File

@@ -478,6 +478,13 @@ ul {
padding-right: 10px;
}
#recette-form-div-err-ingr {
color: red;
display: none;
text-align: center;
padding-top: 20px;
}
/*Footer et son contenue*/
footer{
padding: 25px;

47
main.js
View File

@@ -10,7 +10,7 @@ document.addEventListener("DOMContentLoaded", function(){
let cible = document.getElementById("recette-form-ingr");
let ingr = form.elements["ingr-nom"];
let ingr = form.nom;
let new_elem = document.createElement("option");
@@ -21,15 +21,54 @@ document.addEventListener("DOMContentLoaded", function(){
cible.appendChild(new_elem);
let form_data = FormData(form);
fetch("/api/ingredients/create", {
method : "POST",
body: form_data
}).then( reponse => {
if (!reponse.ok) {
let div_err = document.getElementById("recette-form-div-err-ingr");
div_err.style.display = "inherit";
div_err.innerText = "un gros message d'erreur";
return null;
}
let ingr_btn = document.getElementById("recette-form-ingr-add");
return reponse.json();
})
console.log(ingr_btn)
}
ingr_btn.addEventListener('submit', formulaire_ingredient_update);
function formulaire_tag_update(event){
event.preventDefault();
let form = document.getElementById("recette-form-tag-add");
let cible = document.getElementById("recette-form-tag");
let tag = form.tag;
let new_elem = document.createElement("option");
new_elem.setAttribute("value",tag.value);
new_elem.innerText = tag.value;
cible.appendChild(new_elem);
}
let ingr_form = document.getElementById("recette-form-ingr-add");
ingr_form.addEventListener('submit', formulaire_ingredient_update);
let tag_form = document.getElementById("recette-form-tag-add");
tag_form.addEventListener('submit', formulaire_tag_update);
})