implement updating task list

src/Model/Files/boardModel.ts

@@ -20,6 +20,7 @@ export default class BoardModel {
   // data
   boardHandlerManager: HandlerManager<BoardInfoFileContent> =
     new HandlerManager();
+  taskHandlerManager: HandlerManager<TaskFileContent> = new HandlerManager();
 
   // paths
   getBasePath = (): string[] => {
@@ -76,7 +77,7 @@ export default class BoardModel {
   };
 
   handleTask = (taskFileContent: TaskFileContent) => {
-    this.storeTask(taskFileContent);
+    this.updateTask(taskFileContent);
   };
 
   // boards
@@ -91,6 +92,11 @@ export default class BoardModel {
     this.boardHandlerManager.trigger(boardInfoFileContent);
   };
 
+  updateBoardAndSend = (boardInfoFileContent: BoardInfoFileContent): void => {
+    this.updateBoard(boardInfoFileContent);
+    this.chatModel.sendMessage("", boardInfoFileContent);
+  };
+
   storeBoard = (boardInfoFileContent: BoardInfoFileContent): void => {
     // store info
     this.fileModel.storeFileContent(boardInfoFileContent);
@@ -102,10 +108,6 @@ export default class BoardModel {
     this.storageModel.write(boardDirectoryPath, "");
   };
 
-  updateBoardAndSend = (boardInfoFileContent: BoardInfoFileContent): void => {
-    this.chatModel.sendMessage("", boardInfoFileContent);
-  };
-
   deleteBoard = (boardId: string): void => {
     const boardFilePath: string[] = this.getBoardFilePath(boardId);
     const boardDirectoryPath: string[] = this.getBoardDirectoryPath(boardId);
@@ -141,6 +143,12 @@ export default class BoardModel {
 
   updateTask = (taskFileContent: TaskFileContent): void => {
     this.storeTask(taskFileContent);
+    this.taskHandlerManager.trigger(taskFileContent);
+  };
+
+  updateTaskAndSend = (taskFileContent: TaskFileContent): void => {
+    this.updateTask(taskFileContent);
+    this.chatModel.sendMessage("", taskFileContent);
   };
 
   storeTask = (taskFileContent: TaskFileContent): void => {

src/ViewModel/Pages/boardViewModel.ts

@@ -99,6 +99,15 @@ export default class BoardViewModel {
   };
 
   // view
+  showTaskInList = (taskFileContent: TaskFileContent): void => {
+    const taskViewModel: TaskViewModel = new TaskViewModel(
+      this.boardModel,
+      this,
+      taskFileContent
+    );
+    this.taskViewModels.set(taskFileContent.fileId, taskViewModel);
+  };
+
   select = (): void => {
     this.taskPageViewModel.selectBoard(this);
   };
@@ -176,13 +185,16 @@ export default class BoardViewModel {
     taskPageViewModel: TaskPageViewModel,
     boardInfo: BoardInfoFileContent
   ) {
+    // set
     this.storageModel = storageModel;
     this.boardModel = boardModel;
     this.taskPageViewModel = taskPageViewModel;
     this.boardInfo = boardInfo;
 
+    // load
     this.loadListRelevantData();
 
+    // subscriptions
     this.isSelected = React.createProxyState(
       [this.taskPageViewModel.selectedBoardId],
       () =>
@@ -193,9 +205,17 @@ export default class BoardViewModel {
       if (this.isSelected.value == false) return;
       this.applyColor();
     });
+
     this.selectedPage.subscribeSilent(() => {
       this.storeLastUsedView();
     });
+
+    // handlers
+    boardModel.taskHandlerManager.addHandler(
+      (taskFileContent: TaskFileContent) => {
+        this.showTaskInList(taskFileContent);
+      }
+    );
   }
 }
 

src/ViewModel/Pages/taskViewModel.ts

@@ -59,7 +59,7 @@ export default class TaskViewModel {
     newTaskFileContent.date = this.date.value;
     newTaskFileContent.time = this.time.value;
 
-    this.boardModel.updateTask(newTaskFileContent);
+    this.boardModel.updateTaskAndSend(newTaskFileContent);
     this.boardViewModel.trackTask(this);
   };