Todo prototype 2 (mysql)

2024-03-11 06:56:08 +01:00
parent 2db1ff4b7a
commit 7957caad51
3 changed files with 96 additions and 22 deletions
@@ -1,5 +1,31 @@
 <html>
    <head>
+    <?php
+        // Connexion à la base de données
+        $conn = mysqli_connect("localhost", "root", "votre_mot_de_passe", "ruty");
+
+        // Vérifier la connexion
+        if ($conn->connect_error) {
+            die("Erreur de connexion à la base de données : " . $conn->connect_error);
+        }
+
+        // Sélectionner les tâches depuis la base de données
+        $sql = "SELECT id, task_name, completed FROM tasks";
+        $result = $conn->query($sql);
+
+        if ($result->num_rows > 0) {
+            while($row = $result->fetch_assoc()) {
+                $taskId = $row["id"];
+                $taskName = $row["task_name"];
+                $completed = $row["completed"] ? "checked" : "";
+
+                echo "<li><input type='checkbox' $completed onchange='updateTask($taskId, this.checked)'> $taskName</li>";
+            }
+        } else {
+            echo "Aucune tâche trouvée.";
+        }
+        $conn->close();
+        ?>
        <title>Ruty - ToDo List</title>
        <link rel="stylesheet" href="styles/styletodo.css">
        <link rel="icon" href="img/logo.png">        
@@ -11,28 +37,25 @@
        </header>
        <?php include 'menunav.php'; ?>
        
-        <div id="todoapp">
-            <header>
-                <h2>Add a Task</h2>
-                <input type="text" id="new-todo" placeholder="What needs to be done?">
-                <button id="add-todo">Add</button>
-            </header>
-            <section id="main">
-                <h2>Todos</h2>
-                <ul id="todo-list"></ul>
-            </section>
-            <footer id="footer">
-                <h2>Tags</h2>
-                <input type="text" id="new-tag" placeholder="Enter tag...">
-                <button id="add-tag">Add Tag</button>
-                <ul id="tag-list"></ul>
-                <h2>Categories</h2>
-                <input type="text" id="new-category" placeholder="Enter category...">
-                <button id="add-category">Add Category</button>
-                <ul id="category-list"></ul>
-            </footer>
-        </div>
+<!-- Ajouter une nouvelle tâche -->
+<h2>Ajouter une tâche</h2>
+    <form action="add_task.php" method="post">
+        <input type="text" name="task_name" placeholder="Nom de la tâche" required>
+        <button type="submit">Ajouter</button>
+    </form>

-        <script src="js/scripttodo.js"></script>
+    <!-- Script pour mettre à jour l'état d'une tâche -->
+    <script>
+        function updateTask(taskId, completed) {
+            var xhttp = new XMLHttpRequest();
+            xhttp.onreadystatechange = function() {
+                if (this.readyState == 4 && this.status == 200) {
+                    console.log("Tâche mise à jour avec succès.");
+                }
+            };
+            xhttp.open("GET", "update_task.php?id=" + taskId + "&completed=" + completed, true);
+            xhttp.send();
+        }
+    </script>
    </body>
 </html>