danj

ajout.php

@@ -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>
+                        <label for="image">Photo du plat : </label>
-                        <input type="file" class="form-control" id="recette-form-photo" name="photo" placeholder="ajouter votre image">
+                        <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>
+                            <label for="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="">
+                            <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>
+                            <label for="image">Photo de l'Ingrédient</label>
-                            <input type="file" class="form-control" id="recette-form-ingr-photo" name="ingr-photo">
+                            <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">

main.css

@@ -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;

main.js

@@ -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;
+            }
+
+            return reponse.json();
+        })
+
     }
 
-    let ingr_btn = document.getElementById("recette-form-ingr-add");
+    function formulaire_tag_update(event){
 
-    console.log(ingr_btn)
+        event.preventDefault();
 
-    ingr_btn.addEventListener('submit', formulaire_ingredient_update);
+        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);
 
 
 })