finish selector for board

src/View/Modals/taskSettingsModal.tsx

@@ -1,7 +1,9 @@
 import * as React from "bloatless-react";
 
 import {
+  Entry,
   EntryToOption,
+  Option,
   StringToOption,
   VersionIdToOption,
 } from "../Components/option";
@@ -15,6 +17,13 @@ export function TaskSettingsModal(taskViewModel: TaskViewModel) {
   const categorySuggestionId = v4();
   const statusSuggestionId = v4();
 
+  const BoardOptionConverter: React.StateItemConverter<Entry> = (
+    entry: Entry
+  ) => {
+    const isSelected = entry[0] == taskViewModel.task.boardId;
+    return Option(entry[1], entry[0], isSelected);
+  };
+
   return (
     <div class="modal" open>
       <div>
@@ -51,7 +60,7 @@ export function TaskSettingsModal(taskViewModel: TaskViewModel) {
                 bind:value={taskViewModel.boardId}
                 children:append={[
                   taskViewModel.chatViewModel.taskBoardSuggestions,
-                  EntryToOption,
+                  BoardOptionConverter,
                 ]}
               ></select>
               <span class="icon">arrow_drop_down</span>

src/View/translations.ts

@@ -237,6 +237,10 @@ const englishTranslations = {
     },
 
     calendar: {
+      eventsBoard: "Events",
+
+      ///
+      
       todayButtonAudioLabel: "go to today",
 
       previousMonthButtonAudioLabel: "previous month",

src/ViewModel/Chat/chatViewModel.ts

@@ -1,12 +1,14 @@
 import * as React from "bloatless-react";
 
+import CalendarPageViewModel, {
+  CALENDAR_EVENT_BOARD_ID,
+} from "../Pages/calendarPageViewModel";
 import ChatModel, { ChatMessage } from "../../Model/Chat/chatModel";
 import StorageModel, {
   StorageModelSubPath,
   filePaths,
 } from "../../Model/Global/storageModel";
 
-import CalendarPageViewModel from "../Pages/calendarPageViewModel";
 import ChatListViewModel from "./chatListViewModel";
 import { Color } from "../../colors";
 import CoreViewModel from "../Global/coreViewModel";
@@ -15,6 +17,7 @@ import MessagePageViewModel from "../Pages/messagePageViewModel";
 import SettingsPageViewModel from "../Pages/settingsPageViewModel";
 import SettingsViewModel from "../Global/settingsViewModel";
 import TaskPageViewModel from "../Pages/taskPageViewModel";
+import { translations } from "../../View/translations";
 
 export default class ChatViewModel {
   chatModel: ChatModel;
@@ -93,6 +96,11 @@ export default class ChatViewModel {
 
   loadInfo = (): void => {
     this.hasUnreadMessages.value = this.chatModel.info.hasUnreadMessages;
+
+    this.taskBoardSuggestions.set(CALENDAR_EVENT_BOARD_ID, [
+      CALENDAR_EVENT_BOARD_ID,
+      translations.chatPage.calendar.eventsBoard,
+    ]);
   };
 
   // init

src/ViewModel/Pages/boardViewModel.ts

@@ -17,7 +17,7 @@ import TaskViewModel from "./taskViewModel";
 export default class BoardViewModel extends TaskContainingPageViewModel {
   storageModel: StorageModel;
   boardsAndTasksModel: BoardsAndTasksModel;
-  
+
   taskPageViewModel: TaskPageViewModel;
 
   // data
@@ -75,6 +75,7 @@ export default class BoardViewModel extends TaskContainingPageViewModel {
 
   deleteBoard = (): void => {
     this.taskPageViewModel.deleteBoard(this.boardInfo);
+    this.chatViewModel.taskBoardSuggestions.remove(this.boardInfo.fileId);
     this.close();
   };
 

src/ViewModel/Pages/calendarPageViewModel.ts

@@ -11,6 +11,8 @@ import StorageModel from "../../Model/Global/storageModel";
 import TaskContainingPageViewModel from "./taskContainingPageViewModel";
 import TaskViewModel from "./taskViewModel";
 
+export const CALENDAR_EVENT_BOARD_ID = "events";
+
 export default class CalendarPageViewModel extends TaskContainingPageViewModel {
   storageModel: StorageModel;
   calendarModel: CalendarModel;
@@ -40,7 +42,7 @@ export default class CalendarPageViewModel extends TaskContainingPageViewModel {
   // methods
   createEvent = (): void => {
     const taskFileContent: TaskFileContent =
-      this.boardsAndTasksModel.createTask("events");
+      this.boardsAndTasksModel.createTask(CALENDAR_EVENT_BOARD_ID);
     taskFileContent.date = CalendarModel.getISODateString(
       this.selectedYear.value.toString(),
       this.selectedMonth.value.toString(),
@@ -184,7 +186,7 @@ export default class CalendarPageViewModel extends TaskContainingPageViewModel {
     public chatViewModel: ChatViewModel,
     storageModel: StorageModel,
     calendarModel: CalendarModel,
-    boardsAndTasksModel: BoardsAndTasksModel,
+    boardsAndTasksModel: BoardsAndTasksModel
   ) {
     super(coreViewModel, chatViewModel, boardsAndTasksModel);