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
@@ -0,0 +1,25 @@
+<?php
+// Vérifier si le formulaire est soumis
+if ($_SERVER["REQUEST_METHOD"] == "POST") {
+    // Récupérer le nom de la tâche depuis le formulaire
+    $taskName = $_POST["task_name"];
+
+    // Connexion à la base de données
+    $conn = mysqli_connect("localhost", "votre_nom_utilisateur", "votre_mot_de_passe", "votre_base_de_données");
+
+    // Vérifier la connexion
+    if ($conn->connect_error) {
+        die("Erreur de connexion à la base de données : " . $conn->connect_error);
+    }
+
+    // Préparer et exécuter la requête SQL pour ajouter la tâche
+    $sql = "INSERT INTO tasks (task_name) VALUES ('$taskName')";
+    if ($conn->query($sql) === TRUE) {
+        echo "Tâche ajoutée avec succès.";
+    } else {
+        echo "Erreur lors de l'ajout de la tâche : " . $conn->error;
+    }
+
+    $conn->close();
+}
+?>
@@ -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>
@@ -0,0 +1,26 @@
+<?php
+// Vérifier si les paramètres sont passés dans l'URL
+if (isset($_GET["id"]) && isset($_GET["completed"])) {
+    // Récupérer l'ID de la tâche et l'état complété depuis l'URL
+    $taskId = $_GET["id"];
+    $completed = $_GET["completed"];
+
+    // Connexion à la base de données
+    $conn = mysqli_connect("localhost", "votre_nom_utilisateur", "votre_mot_de_passe", "votre_base_de_données");
+
+    // Vérifier la connexion
+    if ($conn->connect_error) {
+        die("Erreur de connexion à la base de données : " . $conn->connect_error);
+    }
+
+    // Préparer et exécuter la requête SQL pour mettre à jour l'état de la tâche
+    $sql = "UPDATE tasks SET completed = '$completed' WHERE id = '$taskId'";
+    if ($conn->query($sql) === TRUE) {
+        echo "État de la tâche mis à jour avec succès.";
+    } else {
+        echo "Erreur lors de la mise à jour de l'état de la tâche : " . $conn->error;
+    }
+
+    $conn->close();
+}
+?>