add button to delete board

dist/index.js

@@ -1454,6 +1454,10 @@
     applyColor = () => {
       this.taskPageViewModel.chatViewModel.setDisplayedColor(this.color.value);
     };
+    deleteBoard = () => {
+      this.taskPageViewModel.deleteBoard(this.boardInfo);
+      this.close();
+    };
     // load
     loadListRelevantData = () => {
       this.name.value = this.boardInfo.name;
@@ -1513,6 +1517,11 @@
       this.taskModel.updateBoard(boardInfoFileContent);
       this.updateIndices();
     };
+    deleteBoard = (boardInfoFileContent) => {
+      this.taskModel.deleteBoard(boardInfoFileContent.fileId);
+      this.boardViewModels.remove(boardInfoFileContent.fileId);
+      this.updateIndices();
+    };
     // view
     showBoardInList = (boardInfo) => {
       const boardViewModel = new BoardViewModel(this, boardInfo);
@@ -1835,7 +1844,8 @@
         showBoardSettingsButtonAudioLabel: "show board settigns",
         ///
         boardSettingsHeadline: "Board Settings",
-        boardNameInputLabel: "Board name"
+        boardNameInputLabel: "Board name",
+        deleteBoardButton: "Delete board and all tasks"
       }
     }
   };
@@ -2124,7 +2134,11 @@
         "on:enter": boardViewModel.saveSettings,
         "bind:value": boardViewModel.name
       }
-    ))), ColorPicker(boardViewModel.color)), /* @__PURE__ */ createElement("button", { "on:click": boardViewModel.hideSettings }, translations.general.closeButton, /* @__PURE__ */ createElement("span", { class: "icon" }, "close"))));
+    ))), /* @__PURE__ */ createElement("hr", null), ColorPicker(boardViewModel.color), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("div", { class: "width-input" }, DangerousActionButton(
+      translations.chatPage.task.deleteBoardButton,
+      "delete_forever",
+      boardViewModel.deleteBoard
+    ))), /* @__PURE__ */ createElement("button", { "on:click": boardViewModel.hideSettings }, translations.general.closeButton, /* @__PURE__ */ createElement("span", { class: "icon" }, "close"))));
   }
 
   // src/View/ChatPages/boardPage.tsx

src/View/Modals/boardSettingsModal.tsx

@@ -2,6 +2,7 @@ import * as React from "bloatless-react";
 
 import BoardViewModel from "../../ViewModel/Pages/boardViewModel";
 import { ColorPicker } from "../Components/colorPicker";
+import { DangerousActionButton } from "../Components/dangerousActionButton";
 import { translations } from "../translations";
 
 export function BoardSettingsModal(boardViewModel: BoardViewModel) {
@@ -22,7 +23,19 @@ export function BoardSettingsModal(boardViewModel: BoardViewModel) {
             </div>
           </label>
 
+          <hr></hr>
+
           {ColorPicker(boardViewModel.color)}
+
+          <hr></hr>
+
+          <div class="width-input">
+            {DangerousActionButton(
+              translations.chatPage.task.deleteBoardButton,
+              "delete_forever",
+              boardViewModel.deleteBoard
+            )}
+          </div>
         </main>
         <button on:click={boardViewModel.hideSettings}>
           {translations.general.closeButton}

src/View/translations.ts

@@ -146,6 +146,8 @@ const englishTranslations = {
       boardSettingsHeadline: "Board Settings",
 
       boardNameInputLabel: "Board name",
+
+      deleteBoardButton: "Delete board and all tasks",
     },
   },
 };

src/ViewModel/Pages/boardViewModel.ts

@@ -58,6 +58,11 @@ export default class BoardViewModel {
     this.taskPageViewModel.chatViewModel.setDisplayedColor(this.color.value);
   };
 
+  deleteBoard = (): void => {
+    this.taskPageViewModel.deleteBoard(this.boardInfo);
+    this.close();
+  };
+
   // load
   loadListRelevantData = (): void => {
     this.name.value = this.boardInfo.name;

src/ViewModel/Pages/taskPageViewModel.ts

@@ -65,6 +65,12 @@ export default class TaskPageViewModel {
     this.updateIndices();
   };
 
+  deleteBoard = (boardInfoFileContent: BoardInfoFileContent): void => {
+    this.taskModel.deleteBoard(boardInfoFileContent.fileId);
+    this.boardViewModels.remove(boardInfoFileContent.fileId);
+    this.updateIndices();
+  };
+
   // view
   showBoardInList = (boardInfo: BoardInfoFileContent): void => {
     const boardViewModel: BoardViewModel = new BoardViewModel(this, boardInfo);