implement task filter

src/ViewModel/Pages/boardViewModel.ts

@@ -30,8 +30,6 @@ export default class BoardViewModel {
 
   index: React.State<number> = new React.State(0);
 
-  taskViewModels: React.MapState<TaskViewModel> = new React.MapState();
-
   selectedPage: React.State<BoardPageType> = new React.State<BoardPageType>(
     BoardPageType.List
   );
@@ -42,6 +40,10 @@ export default class BoardViewModel {
   isPresentingSettingsModal: React.State<boolean> = new React.State(false);
   isPresentingFilterModal: React.State<boolean> = new React.State(false);
 
+  taskViewModels: React.MapState<TaskViewModel> = new React.MapState();
+  filteredTaskViewModels: React.ListState<TaskViewModel> =
+    new React.ListState();
+
   // paths
   getBasePath = (): string[] => {
     return [...this.taskPageViewModel.getBoardViewPath(this.boardInfo.fileId)];
@@ -162,6 +164,19 @@ export default class BoardViewModel {
     }
   };
 
+  // filter
+  getStringsFromTaskViewModel = (taskViewModel: TaskViewModel): string[] => {
+    return [
+      taskViewModel.task.name,
+      taskViewModel.task.description ?? "",
+      taskViewModel.task.category ?? "",
+      taskViewModel.task.status ?? "",
+      taskViewModel.task.priority ?? "",
+      taskViewModel.task.date ?? "",
+      taskViewModel.task.time ?? "",
+    ];
+  };
+
   // load
   loadListRelevantData = (): void => {
     this.name.value = this.boardInfo.name;
@@ -174,7 +189,7 @@ export default class BoardViewModel {
     );
     for (const taskId of taskIds) {
       if (this.taskViewModels.value.has(taskId)) return;
-      
+
       const taskFileContent: TaskFileContent | null =
         this.boardModel.getLatestTaskFileContent(taskId);
       if (taskFileContent == null) continue;

src/ViewModel/Pages/taskPropertyBulkChangeViewModel.ts

@@ -1,72 +0,0 @@
-import * as React from "bloatless-react";
-
-import TaskViewModel from "./taskViewModel";
-
-export default class TaskPropertyBulkChangeViewModel {
-  taskViewModels: React.ListState<TaskViewModel>;
-
-  // state
-  inputValue: React.State<string> = new React.State("");
-
-  // guards
-  cannotSet: React.State<boolean>;
-
-  // methods
-  set = (): void => {
-    if (this.cannotSet.value == true) return;
-    this.taskViewModels.value.forEach((taskViewModel: TaskViewModel) => {
-      this.setValue(this.inputValue.value, taskViewModel);
-    });
-  };
-
-  setValue: (newValue: string, taskViewModel: TaskViewModel) => void;
-
-  // init
-  constructor(
-    taskViewModels: React.ListState<TaskViewModel>,
-    valueSetter: (newValue: string, taskViewModel: TaskViewModel) => void,
-    initialValue: string
-  ) {
-    this.taskViewModels = taskViewModels;
-    this.inputValue.value = initialValue;
-
-    this.setValue = valueSetter;
-
-    this.cannotSet = React.createProxyState(
-      [this.inputValue],
-      () => this.inputValue.value == "" || this.inputValue.value == initialValue
-    );
-  }
-}
-
-export class TaskCategoryBulkChangeViewModel extends TaskPropertyBulkChangeViewModel {
-  constructor(
-    taskViewModels: React.ListState<TaskViewModel>,
-    initialValue: string
-  ) {
-    super(
-      taskViewModels,
-      (newCategory: string, taskViewModel: TaskViewModel) => {
-        taskViewModel.category.value = newCategory;
-        taskViewModel.save();
-      },
-      initialValue
-    );
-  }
-}
-
-export class TaskStatusBulkChangeViewModel extends TaskPropertyBulkChangeViewModel {
-  constructor(
-    taskViewModels: React.ListState<TaskViewModel>,
-    initialValue: string
-  ) {
-    super(
-      taskViewModels,
-      (newStatus: string, taskViewModel: TaskViewModel) => {
-        taskViewModel.status.value = newStatus;
-        taskViewModel.save();
-      },
-      initialValue
-    );
-  }
-}