add setting for board name, implement saving settings

src/View/Modals/boardSettingsModal.tsx

@@ -8,11 +8,20 @@ export function BoardSettingsModal(boardViewModel: BoardViewModel) {
     <div class="modal" toggle:open={boardViewModel.isPresentingSettingsModal}>
       <div>
         <main>
-          <h2>{translations.chatPage.message.messageInfoHeadline}</h2>
+          <h2>{translations.chatPage.task.boardSettingsHeadline}</h2>
+
+          <label class="tile flex-no">
+            <span class="icon">label</span>
+            <div>
+              <span>{translations.chatPage.task.boardNameInputLabel}</span>
+              <input
+                on:enter={boardViewModel.saveSettings}
+                bind:value={boardViewModel.name}
+              ></input>
+            </div>
+          </label>
         </main>
-        <button
-          on:click={boardViewModel.hideSettings}
-        >
+        <button on:click={boardViewModel.hideSettings}>
           {translations.general.closeButton}
           <span class="icon">close</span>
         </button>

src/ViewModel/Pages/boardViewModel.ts

@@ -1,6 +1,7 @@
 import * as React from "bloatless-react";
 
-import { BoardInfoFileContent } from "../../Model/Files/taskModel";
+import TaskModel, { BoardInfoFileContent } from "../../Model/Files/taskModel";
+
 import { Color } from "../../colors";
 import TaskPageViewModel from "./taskPageViewModel";
 
@@ -30,9 +31,21 @@ export default class BoardViewModel {
   };
 
   hideSettings = (): void => {
+    this.saveSettings();
     this.isPresentingSettingsModal.value = false;
   };
 
+  // methods
+  saveSettings = (): void => {
+    const newBoardInfoFileContent: BoardInfoFileContent =
+      TaskModel.createBoardInfoFileContent(
+        this.boardInfo.fileId,
+        this.name.value,
+        this.color.value
+      );
+    this.taskPageViewModel.updateBoard(newBoardInfoFileContent);
+  };
+
   // load
   loadListRelevantData = (): void => {
     this.name.value = this.boardInfo.name;

src/ViewModel/Pages/taskPageViewModel.ts

@@ -53,6 +53,10 @@ export default class TaskPageViewModel {
     this.showBoardInList(boardInfoFileContent);
   };
 
+  updateBoard = (boardInfoFileContent: BoardInfoFileContent): void => {
+    this.taskModel.updateBoard(boardInfoFileContent);
+  };
+
   // view
   showBoardInList = (boardInfo: BoardInfoFileContent): void => {
     const boardViewModel: BoardViewModel = new BoardViewModel(this, boardInfo);