From 4e8de3f76d1b3c31af1a2023f9c21766e788a678 Mon Sep 17 00:00:00 2001
From: WhyKorp <117651228+whykorp@users.noreply.github.com>
Date: Mon, 11 Mar 2024 19:46:48 +0100
Subject: [PATCH] change checkbox

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

diff --git a/ruty/todo.php b/ruty/todo.php
index 133e0e7..6d860b3 100644
--- a/ruty/todo.php
+++ b/ruty/todo.php
@@ -18,8 +18,6 @@
                 $taskId = $row["id"];
                 $taskName = $row["task_name"];
                 $completed = $row["completed"] ? "checked" : "";
-
-                echo "<li><div class='checkbox-wrapper'><input id='terms-checkbox-37' name='checkbox' type='checkbox'><label class='terms-label' for='terms-checkbox-37'><svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 200 200' class='checkbox-svg'><mask fill='white' id='path-1-inside-1_476_5-37'><rect height='200' width='200'></rect></mask><rect mask='url(#path-1-inside-1_476_5-37)' stroke-width='40' class='checkbox-box' height='200' width='200'></rect><path stroke-width='15' d='M52 111.018L76.9867 136L149 64' class='checkbox-tick'></path></svg>span class='label-text'>$taskName</span></label></div></li>";
             }
         } else {
             echo "Aucune tâche trouvée.";
@@ -44,6 +42,27 @@
         <button type="submit">Ajouter</button>
     </form>
 
+<!-- Liste de tâches -->
+<h2>Tâches en cours</h2>
+<script>
+    for(i = 0; i < <?php echo $row ?>; i++){
+        document.writeln(
+            <div class="checkbox-wrapper">
+                <input id="terms-checkbox-37" name="checkbox" type="checkbox">
+                <label class="terms-label" for="terms-checkbox-37">
+                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 200 200" class="checkbox-svg">
+                        <mask fill="white" id="path-1-inside-1_476_5-37">
+                            <rect height="200" width="200"></rect>
+                        </mask>
+                        <rect mask="url(#path-1-inside-1_476_5-37)" stroke-width="40" class="checkbox-box" height="200" width="200"></rect>
+                        <path stroke-width="15" d="M52 111.018L76.9867 136L149 64" class="checkbox-tick"></path>
+                    </svg>
+                <span class="label-text">Checkbox</span>
+                </label>
+            </div>
+        );
+    }
+</script>
     <!-- Script pour mettre à jour l'état d'une tâche -->
     <script>
         function updateTask(taskId, completed) {