From 0e649489ba07fa0f0cce72b58abc388618a4f476 Mon Sep 17 00:00:00 2001
From: WhyKorp <117651228+whykorp@users.noreply.github.com>
Date: Sun, 22 Sep 2024 14:03:24 +0200
Subject: [PATCH] Add task menu

---
 ruty/todo.php | 35 +++++++++++++++++++++++++++++++++--
 1 file changed, 33 insertions(+), 2 deletions(-)

diff --git a/ruty/todo.php b/ruty/todo.php
index 8f980f2..f8f5be7 100644
--- a/ruty/todo.php
+++ b/ruty/todo.php
@@ -12,8 +12,14 @@
         <?php include 'menunav.php'; ?>
         
 <!-- Ajouter une nouvelle tâche -->
-<h1>Ajouter une tâche</h1>
-    <form action="add_task.php" method="POST">
+   <!-- Bouton "+" pour ajouter une tâche -->
+   <div id="add-task-button">+</div>
+
+<!-- Menu latéral pour ajouter une tâche -->
+<div id="task-menu">
+    <span id="close-menu">&times;</span>
+    <h2>Ajouter une tâche</h2>
+    <form id="add-task-form" action="add_task.php" method="POST">
         <label for="task_name">Nom de la tâche :</label><br>
         <input type="text" id="task_name" name="task_name" required><br><br>
 
@@ -25,6 +31,31 @@
 
         <input type="submit" value="Ajouter la tâche">
     </form>
+</div>
+
+<script>
+    // Récupération des éléments
+    const addButton = document.getElementById("add-task-button");
+    const taskMenu = document.getElementById("task-menu");
+    const closeMenuButton = document.getElementById("close-menu");
+
+    // Afficher le menu lorsqu'on clique sur le bouton "+"
+    addButton.addEventListener("click", function() {
+        taskMenu.classList.add("open");
+    });
+
+    // Cacher le menu lorsqu'on clique sur le bouton de fermeture
+    closeMenuButton.addEventListener("click", function() {
+        taskMenu.classList.remove("open");
+    });
+
+    // Optionnel : Fermer le menu si l'utilisateur clique en dehors
+    window.addEventListener("click", function(event) {
+        if (event.target == taskMenu) {
+            taskMenu.classList.remove("open");
+        }
+    });
+</script>
 
     <h2>Liste des tâches</h2>
 <ul>