a

server/src/data/app.py

@@ -11,4 +11,11 @@ def submit():
     value = request.form.get("query")
     print(value)
     items.append(value)
+    return redirect(url_for("mainpage"))
+@app.route("/delete", methods=["POST"])
+def delete():
+    value = request.form.get("item")
+    if value in items:
+        items.remove(value)
+    print("Deleting:", value)
     return redirect(url_for("mainpage"))

server/src/data/templates/index.html

@@ -6,7 +6,7 @@
     <!-- Formulaire -->
     <div class="card bg-dark bg-opacity-75 p-3 mb-4">
         <form method="post" action="/submit" class="row g-2 align-items-center">
-            <div class="col">
+            <div class="col-md-6">
                 <input 
                     type="text"
                     name="query"
@@ -26,13 +26,16 @@
         <h5 class="text-white mb-3">Liste des éléments</h5>
         <div class="table-items">
             {% for item in items %}
-                <div class="py-2">
-                    <a href="#" class="text-decoration-none text-white">{{ item }}</a>
+                <div class="d-flex justify-content-between align-items-center py-2">
+                    <span class="text-white">{{ item }}</span>
+                    <form method="post" action="/delete" class="m-0 p-0">
+                        <input type="hidden" name="item" value="{{ item }}">
+                        <button type="submit" class="btn btn-sm btn-danger">&times;</button>
+                    </form>
                 </div>
                 {% if not loop.last %}
                     <hr class="border-secondary my-1">
                 {% endif %}
-            {% endfor %}
         </div>
     </div>