integrate taskViewModel

src/ViewModel/Pages/boardViewModel.ts

@@ -2,12 +2,15 @@ import * as React from "bloatless-react";
 
 import BoardModel, {
   BoardInfoFileContent,
-  BoardInfoFileContentReference,
+  TaskFileContent,
+  TaskFileContentReference,
 } from "../../Model/Files/boardModel";
 
 import { Color } from "../../colors";
+import FileModel from "../../Model/Files/fileModel";
 import StorageModel from "../../Model/Global/storageModel";
 import TaskPageViewModel from "./taskPageViewModel";
+import TaskViewModel from "./taskViewModel";
 
 export default class BoardViewModel {
   storageModel: StorageModel;
@@ -33,6 +36,8 @@ export default class BoardViewModel {
 
   index: React.State<number> = new React.State(0);
 
+  taskViewModels: React.MapState<TaskViewModel> = new React.MapState();
+
   // paths
   getBasePath = (): string[] => {
     return [...this.taskPageViewModel.getBoardViewPath(this.boardInfo.fileId)];
@@ -82,7 +87,7 @@ export default class BoardViewModel {
     this.index.value = index;
   };
 
-  // methods
+  // settings
   saveSettings = (): void => {
     const newBoardInfoFileContent: BoardInfoFileContent =
       BoardModel.createBoardInfoFileContent(
@@ -102,7 +107,18 @@ export default class BoardViewModel {
     this.close();
   };
 
-  // store
+  // tasks
+  createTask = (): TaskViewModel => {
+    const taskFileContent: TaskFileContent = this.boardModel.createTask(this.boardInfo.fileId);
+    const taskViewModel: TaskViewModel = new TaskViewModel(this.boardModel, this, taskFileContent);
+    return taskViewModel;
+  }
+
+  trackTask = (taskViewModel: TaskViewModel): void => {
+    this.taskViewModels.set(taskViewModel.task.fileId, taskViewModel);
+  }
+
+  // storage
   storeLastUsedView = (): void => {
     const path: string[] = this.getLastUsedBoardPath();
     const lastUsedView: string = this.selectedPage.value;
@@ -123,8 +139,29 @@ export default class BoardViewModel {
     this.color.value = this.boardInfo.color;
   };
 
+  loadTasks = (): void => {
+    this.taskViewModels.clear();
+
+    const taskIds: string[] = this.boardModel.listTaskIds(
+      this.boardInfo.fileId
+    );
+    for (const taskId of taskIds) {
+      const taskFileContent: TaskFileContent | null =
+        this.boardModel.getTaskFileContent(taskId);
+      if (taskFileContent == null) continue;
+
+      const taskViewModel: TaskViewModel = new TaskViewModel(
+        this.boardModel,
+        this,
+        taskFileContent
+      );
+      this.taskViewModels.set(taskFileContent.fileId, taskViewModel);
+    }
+  };
+
   loadData = (): void => {
     this.restoreLastUsedView();
+    this.loadTasks();
   };
 
   // init

src/ViewModel/Pages/taskPageViewModel.ts

@@ -4,10 +4,10 @@ import BoardModel, {
   BoardInfoFileContent,
   BoardInfoFileContentReference,
 } from "../../Model/Files/boardModel";
+import FileModel, { FileContent } from "../../Model/Files/fileModel";
 
 import BoardViewModel from "./boardViewModel";
 import ChatViewModel from "../Chat/chatViewModel";
-import { FileContent } from "../../Model/Files/fileModel";
 import { IndexManager } from "../../Model/Utility/utility";
 import StorageModel from "../../Model/Global/storageModel";
 import { checkMatchesObjectStructure } from "../../Model/Utility/typeSafety";
@@ -154,12 +154,12 @@ export default class TaskPageViewModel {
 
   // init
   constructor(
-    boardModel: BoardModel,
     storageModel: StorageModel,
+    boardModel: BoardModel,
     chatViewModel: ChatViewModel
   ) {
-    this.boardModel = boardModel;
     this.storageModel = storageModel;
+    this.boardModel = boardModel;
 
     this.chatViewModel = chatViewModel;
 

src/ViewModel/Pages/taskViewModel.ts

@@ -6,20 +6,18 @@ import BoardModel, {
 } from "../../Model/Files/boardModel";
 
 import BoardViewModel from "./boardViewModel";
-import StorageModel from "../../Model/Global/storageModel";
 
 export default class TaskViewModel {
   boardModel: BoardModel;
-  storageModel: StorageModel;
 
   boardViewModel: BoardViewModel;
 
   // data
-  fileId: string;
+  task: TaskFileContent;
 
   // paths
   getFilePath = (): string[] => {
-    return this.boardModel.getTaskFilePath(this.fileId);
+    return this.boardModel.getTaskFilePath(this.task.fileId);
   };
 
   // state
@@ -38,7 +36,7 @@ export default class TaskViewModel {
   save = (): void => {
     const newTaskFileContent: TaskFileContent =
       BoardModel.createTaskFileContent(
-        this.fileId,
+        this.task.fileId,
         this.name.value,
         this.boardViewModel.boardInfo.fileId
       );
@@ -51,39 +49,33 @@ export default class TaskViewModel {
     newTaskFileContent.time = this.time.value;
 
     this.boardModel.updateTask(newTaskFileContent);
+    this.boardViewModel.trackTask(this);
   };
 
   // load
   loadAllData = (): void => {
-    const path: string[] = this.getFilePath();
-    const taskFileContent: TaskFileContent | null =
-      this.storageModel.readStringifiable(path, TaskFileContentReference);
-    if (taskFileContent == null) return;
+    this.name.value = this.task.name;
 
-    this.name.value = taskFileContent.name;
+    this.category.value = this.task.category ?? "";
+    this.status.value = this.task.status ?? "";
 
-    this.category.value = taskFileContent.category ?? "";
-    this.status.value = taskFileContent.status ?? "";
+    this.description.value = this.task.description ?? "";
 
-    this.description.value = taskFileContent.description ?? "";
-
-    this.priority.value = taskFileContent.priority ?? "";
-    this.date.value = taskFileContent.date ?? "";
-    this.time.value = taskFileContent.time ?? "";
+    this.priority.value = this.task.priority ?? "";
+    this.date.value = this.task.date ?? "";
+    this.time.value = this.task.time ?? "";
   };
 
   // init
   constructor(
     boardModel: BoardModel,
-    storageModel: StorageModel,
     boardViewModel: BoardViewModel,
-    fileId: string
+    taskFileContent: TaskFileContent
   ) {
     this.boardModel = boardModel;
-    this.storageModel = storageModel;
     this.boardViewModel = boardViewModel;
 
-    this.fileId = fileId;
+    this.task = taskFileContent;
 
     this.loadAllData();
   }