Fix bugs
This commit is contained in:
+28
-35
@@ -59,18 +59,18 @@
|
|||||||
#task-edit-menu {
|
#task-edit-menu {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: -400px; /* Cacher initialement en dehors de la vue */
|
right: -400px; /* Caché initialement */
|
||||||
width: 300px;
|
width: 300px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-color: #f4f4f4;
|
background-color: #f4f4f4;
|
||||||
box-shadow: -2px 0 5px rgba(0,0,0,0.5);
|
box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
transition: right 0.3s ease-in-out;
|
transition: right 0.3s ease-in-out;
|
||||||
z-index: 20; /* Un z-index élevé pour être au-dessus des autres éléments */
|
z-index: 20; /* Pour le mettre au-dessus des autres éléments */
|
||||||
}
|
}
|
||||||
|
|
||||||
#task-edit-menu.open {
|
#task-edit-menu.open {
|
||||||
right: 0; /* Affiche le menu lorsqu'il est actif */
|
right: 0; /* Ouvre le menu lorsque la classe "open" est ajoutée */
|
||||||
}
|
}
|
||||||
|
|
||||||
#close-edit-menu {
|
#close-edit-menu {
|
||||||
@@ -187,40 +187,33 @@
|
|||||||
<input type="button" value="Modifier la tâche" onclick="updateTaskDetails()">
|
<input type="button" value="Modifier la tâche" onclick="updateTaskDetails()">
|
||||||
</form>
|
</form>
|
||||||
<script>
|
<script>
|
||||||
// Ouvrir le menu pour modifier une tâche
|
// Ouvrir le menu pour modifier une tâche
|
||||||
function openTaskMenu(taskId) {
|
function openTaskMenu(taskId) {
|
||||||
// Récupérer les données de la tâche à partir de l'ID
|
// Récupérer les données de la tâche à partir de l'ID
|
||||||
const xhr = new XMLHttpRequest();
|
const xhr = new XMLHttpRequest();
|
||||||
xhr.open('GET', `get_task.php?task_id=${taskId}`, true);
|
xhr.open('GET', `get_task.php?task_id=${taskId}`, true);
|
||||||
xhr.onload = function() {
|
xhr.onload = function() {
|
||||||
if (this.status === 200) {
|
if (this.status === 200) {
|
||||||
const task = JSON.parse(this.responseText);
|
const task = JSON.parse(this.responseText);
|
||||||
|
|
||||||
// Pré-remplir le formulaire avec les données de la tâche
|
// Pré-remplir le formulaire avec les données de la tâche
|
||||||
document.getElementById('edit-task-id').value = task.id;
|
document.getElementById('edit-task-id').value = task.id;
|
||||||
document.getElementById('edit-task-name').value = task.task_name;
|
document.getElementById('edit-task-name').value = task.task_name;
|
||||||
document.getElementById('edit-description').value = task.description;
|
document.getElementById('edit-description').value = task.description;
|
||||||
document.getElementById('edit-tags').value = task.tags;
|
document.getElementById('edit-tags').value = task.tags;
|
||||||
|
|
||||||
// Ouvrir le menu latéral
|
// Ouvrir le menu latéral
|
||||||
document.getElementById('task-edit-menu').classList.add('open');
|
document.getElementById('task-edit-menu').classList.add('open');
|
||||||
}
|
|
||||||
};
|
|
||||||
xhr.send();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Fermer le menu de modification
|
|
||||||
document.getElementById('close-edit-menu').addEventListener('click', function() {
|
|
||||||
document.getElementById('task-edit-menu').classList.remove('open');
|
|
||||||
});
|
|
||||||
|
|
||||||
// Optionnel : Fermer le menu si l'utilisateur clique en dehors (mais pas sur les éléments du formulaire)
|
|
||||||
window.addEventListener("click", function(event) {
|
|
||||||
const menu = document.getElementById('task-edit-menu');
|
|
||||||
if (event.target !== menu && !menu.contains(event.target)) {
|
|
||||||
menu.classList.remove('open');
|
|
||||||
}
|
}
|
||||||
});
|
};
|
||||||
|
xhr.send();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Fermer le menu de modification
|
||||||
|
document.getElementById('close-edit-menu').addEventListener('click', function() {
|
||||||
|
document.getElementById('task-edit-menu').classList.remove('open');
|
||||||
|
});
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,19 @@
|
|||||||
|
<?php
|
||||||
|
include 'todo_db.php';
|
||||||
|
|
||||||
|
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
|
||||||
|
$task_id = intval($_POST['task_id']); // Assurez-vous que c'est un entier
|
||||||
|
$completed = intval($_POST['completed']); // 0 ou 1 seulement
|
||||||
|
|
||||||
|
// Mise à jour de l'état de la tâche
|
||||||
|
$sql = "UPDATE tasks SET completed = $completed WHERE id = $task_id";
|
||||||
|
|
||||||
|
if ($conn->query($sql) === TRUE) {
|
||||||
|
echo "Task updated successfully";
|
||||||
|
} else {
|
||||||
|
echo "Error updating task: " . $conn->error;
|
||||||
|
}
|
||||||
|
|
||||||
|
$conn->close();
|
||||||
|
}
|
||||||
|
?>
|
||||||
@@ -2,18 +2,18 @@
|
|||||||
include 'todo_db.php';
|
include 'todo_db.php';
|
||||||
|
|
||||||
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
|
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
|
||||||
$task_id = $_POST['task_id'];
|
$task_id = intval($_POST['task_id']);
|
||||||
$task_name = $_POST['task_name'];
|
$task_name = $_POST['task_name'];
|
||||||
$description = $_POST['description'];
|
$description = $_POST['description'];
|
||||||
$tags = $_POST['tags'];
|
$tags = $_POST['tags'];
|
||||||
|
|
||||||
// Mise à jour de la tâche
|
// Mise à jour de la tâche dans la base de données
|
||||||
$sql = "UPDATE tasks SET task_name = '$task_name', description = '$description', tags = '$tags' WHERE id = $task_id";
|
$sql = "UPDATE tasks SET task_name = '$task_name', description = '$description', tags = '$tags' WHERE id = $task_id";
|
||||||
|
|
||||||
if ($conn->query($sql) === TRUE) {
|
if ($conn->query($sql) === TRUE) {
|
||||||
echo "Tâche mise à jour avec succès";
|
echo "Tâche mise à jour avec succès.";
|
||||||
} else {
|
} else {
|
||||||
echo "Erreur: " . $conn->error;
|
echo "Erreur lors de la mise à jour de la tâche: " . $conn->error;
|
||||||
}
|
}
|
||||||
|
|
||||||
$conn->close();
|
$conn->close();
|
||||||
|
|||||||
Reference in New Issue
Block a user