diff --git a/listeIngr.js b/listeIngr.js index 32aa61c..dcacfe7 100644 --- a/listeIngr.js +++ b/listeIngr.js @@ -1,12 +1,4 @@ document.addEventListener("DOMContentLoaded", function(){ - - function modifier_button_ingr(element){ - - let modif = element.parentElement.previousSibling.previousSibling; - //modif.style.color = "red"; - console.log("click") - } - let modifier_button = document.getElementsByClassName("ingr-modifier"); @@ -14,7 +6,43 @@ document.addEventListener("DOMContentLoaded", function(){ console.log(modifier_button); for (const element of modifier_button) { - element.addEventListener('click', modifier_button_ingr(element)); + element.addEventListener('click', function () { + let modif = element.parentElement.previousSibling.previousSibling; + + let data = element.getAttribute("data-id"); + + let form = document.createElement("form"); + + form.setAttribute("method", "POST"); + form.setAttribute("action", "/ingredient/edit/" + data); + form.setAttribute("class","liste-ingr-elem-text") + + let input = document.createElement("input"); + + input.setAttribute("type", "text"); + input.setAttribute("class", "form-control"); + input.setAttribute("name","modif_ingr"); + input.setAttribute("placeholder", "modificiation"); + + let hidden = document.createElement("input"); + + hidden.setAttribute("type","hidden"); + hidden.setAttribute("name","id"); + hidden.setAttribute("value", data); + + let button = document.createElement("button"); + + button.setAttribute("type", "submit"); + button.setAttribute("class", "btn btn-primary"); + button.innerText = "Submit Modification"; + + form.append(input) + form.append(hidden) + form.append(button) + + modif.replaceWith(form); + + }); }; }); \ No newline at end of file diff --git a/listeIngr.php b/listeIngr.php index c4ed815..0a99d1f 100644 --- a/listeIngr.php +++ b/listeIngr.php @@ -18,7 +18,7 @@ Un Element
diff --git a/listeTag.js b/listeTag.js new file mode 100644 index 0000000..965d874 --- /dev/null +++ b/listeTag.js @@ -0,0 +1,62 @@ +document.addEventListener("DOMContentLoaded", function(){ + + + let modifier_button = document.getElementsByClassName("tag-modifier"); + + console.log(modifier_button); + + for (const element of modifier_button) { + element.addEventListener('click', function () { + let modif = element.parentElement.previousSibling.previousSibling; + + let data = element.getAttribute("data-id"); + + let form = document.createElement("form"); + + form.setAttribute("method", "POST"); + form.setAttribute("action", "/tag/edit/" + data); + form.setAttribute("class","liste-tag-elem-text") + + let input = document.createElement("input"); + + input.setAttribute("type", "text"); + input.setAttribute("class", "form-control"); + input.setAttribute("name","modif_tag"); + input.setAttribute("placeholder", "modificiation"); + + let hidden = document.createElement("input"); + + hidden.setAttribute("type","hidden"); + hidden.setAttribute("name","id"); + hidden.setAttribute("value", data); + + let button = document.createElement("button"); + + button.setAttribute("type", "submit"); + button.setAttribute("class", "btn btn-primary"); + button.innerText = "Submit Modification"; + + form.append(input) + form.append(hidden) + form.append(button) + + modif.replaceWith(form); + + }); + }; + + let suppr = document.getElementsByClassName("tag-suppr"); + + for (const element of suppr) { + element.addEventListener('click', function () { + let confirm = window.confirm("Voulez vous supprimez ?"); + + let data = element.getAttribute("data-id"); + + if (confirm) { + window.location.href = "/tag/delete/" + data; + } + }) + } + +}); \ No newline at end of file diff --git a/listeTag.php b/listeTag.php index c833bae..e971804 100644 --- a/listeTag.php +++ b/listeTag.php @@ -12,10 +12,56 @@