From 637ba78100a2ea55ec24cedb3a1c18d20b44cf56 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Tue, 25 Feb 2025 18:40:20 +0200
Subject: [PATCH] feat(tasks): display due date in editable textbox

---
 .../app/widgets/type_widgets/task_list.ts     | 26 ++++++++++++-------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/public/app/widgets/type_widgets/task_list.ts b/src/public/app/widgets/type_widgets/task_list.ts
index 0241afa19..ebc1e7370 100644
--- a/src/public/app/widgets/type_widgets/task_list.ts
+++ b/src/public/app/widgets/type_widgets/task_list.ts
@@ -78,10 +78,10 @@ function buildTasks(tasks: FTask[]) {
     return html;
 }
 
-function buildEditContainer() {
+function buildEditContainer(task: FTask) {
     return `\
         <label>Due date:</label>
-        <input type="date" data-tasks-role="due-date" />
+        <input type="date" data-tasks-role="due-date" value="${task.dueDate ?? ""}" />
     `;
 }
 
@@ -130,18 +130,15 @@ export default class TaskListWidget extends TypeWidget {
 
             // Add the new edit container.
             const $editContainer = $target.find(".edit-container");
-            $editContainer.html(buildEditContainer());
+            const task = this.#getCorrespondingTask($target);
+            if (task) {
+                $editContainer.html(buildEditContainer(task));
+            }
         });
 
         this.$taskContainer.on("change", "input", async (e) => {
             const $target = $(e.target);
-            const taskId = $target.closest("li")[0].dataset.taskId;
-            if (!taskId) {
-                return;
-            }
-
-            const task = froca.getTask(taskId);
-
+            const task = this.#getCorrespondingTask($target);
             if (!task) {
                 return;
             }
@@ -159,6 +156,15 @@ export default class TaskListWidget extends TypeWidget {
         });
     }
 
+    #getCorrespondingTask($target: JQuery<HTMLElement>) {
+        const taskId = $target.closest("li")[0].dataset.taskId;
+        if (!taskId) {
+            return;
+        }
+
+        return froca.getTask(taskId);
+    }
+
     async #createNewTask(title: string) {
         if (!title || !this.noteId) {
             return;