add button to delete task

dist/index.js

@@ -1463,12 +1463,12 @@
       this.close();
       this.save();
     };
-    // storage
+    // settings
     save = () => {
       const newTaskFileContent = BoardModel.createTaskFileContent(
         this.task.fileId,
         this.name.value,
-        this.boardViewModel.boardInfo.fileId
+        this.task.boardId
       );
       newTaskFileContent.description = this.description.value;
       newTaskFileContent.status = this.status.value;
@@ -1479,6 +1479,11 @@
       this.boardModel.updateTaskAndSend(newTaskFileContent);
       this.boardViewModel.showTaskInList(newTaskFileContent);
     };
+    deleteTask = () => {
+      this.close();
+      this.boardModel.deleteTask(this.task.boardId, this.task.fileId);
+      this.boardViewModel.removeTaskFromList(this.task.fileId);
+    };
     // load
     loadAllData = () => {
       this.name.value = this.task.name;
@@ -1573,6 +1578,9 @@
       );
       this.taskViewModels.set(taskFileContent.fileId, taskViewModel);
     };
+    removeTaskFromList = (taskId) => {
+      this.taskViewModels.remove(taskId);
+    };
     select = () => {
       this.taskPageViewModel.selectBoard(this);
     };
@@ -2065,7 +2073,8 @@
         taskPriorityLabel: "Priority",
         taskDescriptionLabel: "Description",
         taskDateLabel: "Date",
-        taskTimeLabel: "Time"
+        taskTimeLabel: "Time",
+        deleteTaskButton: "Delete task"
       }
     }
   };
@@ -2359,7 +2368,11 @@
         rows: "10",
         "bind:value": taskViewModel.description
       }
-    ))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("label", { class: "tile flex-no" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "category"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translations.chatPage.task.taskCategoryLabel), /* @__PURE__ */ createElement("input", { "bind:value": taskViewModel.category }))), /* @__PURE__ */ createElement("label", { class: "tile flex-no" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "clock_loader_40"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translations.chatPage.task.taskStatusLabel), /* @__PURE__ */ createElement("input", { "bind:value": taskViewModel.status }))), /* @__PURE__ */ createElement("label", { class: "tile flex-no" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "priority_high"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translations.chatPage.task.taskPriorityLabel), /* @__PURE__ */ createElement("input", { type: "number", "bind:value": taskViewModel.priority }))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("label", { class: "tile flex-no" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "calendar_month"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translations.chatPage.task.taskDateLabel), /* @__PURE__ */ createElement("input", { type: "date", "bind:value": taskViewModel.date }))), /* @__PURE__ */ createElement("label", { class: "tile flex-no" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "schedule"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translations.chatPage.task.taskTimeLabel), /* @__PURE__ */ createElement("input", { type: "time", "bind:value": taskViewModel.time })))), /* @__PURE__ */ createElement("div", { class: "flex-row width-100" }, /* @__PURE__ */ createElement("button", { class: "flex", "on:click": taskViewModel.close }, translations.general.closeButton), /* @__PURE__ */ createElement("button", { class: "flex primary", "on:click": taskViewModel.closeAndSave }, translations.general.saveButton, /* @__PURE__ */ createElement("span", { class: "icon" }, "save")))));
+    ))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("label", { class: "tile flex-no" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "category"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translations.chatPage.task.taskCategoryLabel), /* @__PURE__ */ createElement("input", { "bind:value": taskViewModel.category }))), /* @__PURE__ */ createElement("label", { class: "tile flex-no" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "clock_loader_40"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translations.chatPage.task.taskStatusLabel), /* @__PURE__ */ createElement("input", { "bind:value": taskViewModel.status }))), /* @__PURE__ */ createElement("label", { class: "tile flex-no" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "priority_high"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translations.chatPage.task.taskPriorityLabel), /* @__PURE__ */ createElement("input", { type: "number", "bind:value": taskViewModel.priority }))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("label", { class: "tile flex-no" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "calendar_month"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translations.chatPage.task.taskDateLabel), /* @__PURE__ */ createElement("input", { type: "date", "bind:value": taskViewModel.date }))), /* @__PURE__ */ createElement("label", { class: "tile flex-no" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "schedule"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translations.chatPage.task.taskTimeLabel), /* @__PURE__ */ createElement("input", { type: "time", "bind:value": taskViewModel.time }))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("div", { class: "width-input" }, DangerousActionButton(
+      translations.chatPage.task.deleteTaskButton,
+      "delete_forever",
+      taskViewModel.deleteTask
+    ))), /* @__PURE__ */ createElement("div", { class: "flex-row width-100" }, /* @__PURE__ */ createElement("button", { class: "flex", "on:click": taskViewModel.close }, translations.general.closeButton), /* @__PURE__ */ createElement("button", { class: "flex primary", "on:click": taskViewModel.closeAndSave }, translations.general.saveButton, /* @__PURE__ */ createElement("span", { class: "icon" }, "save")))));
   }
 
   // src/View/Components/taskEntry.tsx

src/View/Modals/taskSettingsModal.tsx

@@ -73,6 +73,16 @@ export function TaskSettingsModal(taskViewModel: TaskViewModel) {
               <input type="time" bind:value={taskViewModel.time}></input>
             </div>
           </label>
+
+          <hr></hr>
+
+          <div class="width-input">
+            {DangerousActionButton(
+              translations.chatPage.task.deleteTaskButton,
+              "delete_forever",
+              taskViewModel.deleteTask
+            )}
+          </div>
         </main>
         <div class="flex-row width-100">
           <button class="flex" on:click={taskViewModel.close}>

src/View/translations.ts

@@ -170,6 +170,8 @@ const englishTranslations = {
 
       taskDateLabel: "Date",
       taskTimeLabel: "Time",
+
+      deleteTaskButton: "Delete task",
     },
   },
 };

src/ViewModel/Pages/boardViewModel.ts

@@ -104,6 +104,10 @@ export default class BoardViewModel {
     this.taskViewModels.set(taskFileContent.fileId, taskViewModel);
   };
 
+  removeTaskFromList = (taskId: string): void => {
+    this.taskViewModels.remove(taskId);
+  }
+
   select = (): void => {
     this.taskPageViewModel.selectBoard(this);
   };

src/ViewModel/Pages/taskViewModel.ts

@@ -43,13 +43,13 @@ export default class TaskViewModel {
     this.save();
   };
 
-  // storage
+  // settings
   save = (): void => {
     const newTaskFileContent: TaskFileContent =
       BoardModel.createTaskFileContent(
         this.task.fileId,
         this.name.value,
-        this.boardViewModel.boardInfo.fileId
+        this.task.boardId
       );
 
     newTaskFileContent.description = this.description.value;
@@ -63,6 +63,12 @@ export default class TaskViewModel {
     this.boardViewModel.showTaskInList(newTaskFileContent);
   };
 
+  deleteTask = (): void => {
+    this.close();
+    this.boardModel.deleteTask(this.task.boardId, this.task.fileId);
+    this.boardViewModel.removeTaskFromList(this.task.fileId);
+  };
+
   // load
   loadAllData = (): void => {
     this.name.value = this.task.name;