update paths, persist selected view in board

src/Model/Files/fileModel.ts

@@ -170,6 +170,7 @@ export default class FileModel {
 export enum FileModelSubPath {
   Data = "data",
   Model = "model",
+  ModelView = "view",
   ModelTask = "tasks",
 };
 

src/Model/Files/taskModel.ts

@@ -26,6 +26,10 @@ export default class TaskModel {
     return this.fileModel.getModelContainerPath(FileModelSubPath.ModelTask);
   };
 
+  getViewPath = (): string[] => {
+    return [...this.getBasePath(), FileModelSubPath.ModelView];
+  };
+
   getBoardFilePath = (boardId: string): string[] => {
     return [...this.fileModel.getFilePath(boardId)];
   };
@@ -222,7 +226,7 @@ export default class TaskModel {
 export enum TaskModelSubPaths {
   Boards = "boards",
   BoardTasks = "tasks",
-};
+}
 
 // types
 export interface BoardInfoFileContent extends FileContent<"board-info"> {

src/View/ChatPages/boardPage.tsx

@@ -9,6 +9,8 @@ import { BoardViewToggleButton } from "../Components/boardViewToggleButton";
 import { translations } from "../translations";
 
 export function BoardPage(boardViewModel: BoardViewModel) {
+  boardViewModel.loadData();
+
   return (
     <div class="pane">
       <div class="toolbar">

src/ViewModel/Pages/boardViewModel.ts

@@ -3,9 +3,11 @@ import * as React from "bloatless-react";
 import TaskModel, { BoardInfoFileContent } from "../../Model/Files/taskModel";
 
 import { Color } from "../../colors";
+import StorageModel from "../../Model/Global/storageModel";
 import TaskPageViewModel from "./taskPageViewModel";
 
 export default class BoardViewModel {
+  storageModel: StorageModel;
   taskPageViewModel: TaskPageViewModel;
 
   // state
@@ -25,6 +27,15 @@ export default class BoardViewModel {
 
   index: React.State<number> = new React.State(0);
 
+  // paths
+  getBasePath = (): string[] => {
+    return [...this.taskPageViewModel.getBoardViewPath(this.boardInfo.fileId)];
+  };
+
+  getLastUsedBoardPath = (): string[] => {
+    return [...this.getBasePath(), BoardViewModelSubPaths.LastUsedView];
+  };
+
   // view
   select = (): void => {
     this.taskPageViewModel.selectBoard(this);
@@ -85,19 +96,38 @@ export default class BoardViewModel {
     this.close();
   };
 
+  // store
+  storeLastUsedView = (): void => {
+    const path: string[] = this.getLastUsedBoardPath();
+    const lastUsedView: string = this.selectedPage.value;
+    this.storageModel.write(path, lastUsedView);
+  };
+
+  restoreLastUsedView = (): void => {
+    const path: string[] = this.getLastUsedBoardPath();
+    const lastUsedView: string | null = this.storageModel.read(path);
+    if (lastUsedView == null) return;
+
+    this.selectedPage.value = lastUsedView as BoardPageType;
+  };
+
   // load
   loadListRelevantData = (): void => {
     this.name.value = this.boardInfo.name;
     this.color.value = this.boardInfo.color;
   };
 
-  loadData = (): void => {};
+  loadData = (): void => {
+    this.restoreLastUsedView();
+  };
 
   // init
   constructor(
     taskPageViewModel: TaskPageViewModel,
-    boardInfo: BoardInfoFileContent
+    boardInfo: BoardInfoFileContent,
+    storageModel: StorageModel
   ) {
+    this.storageModel = storageModel;
     this.taskPageViewModel = taskPageViewModel;
     this.boardInfo = boardInfo;
 
@@ -113,9 +143,16 @@ export default class BoardViewModel {
       if (this.isSelected.value == false) return;
       this.applyColor();
     });
+    this.selectedPage.subscribeSilent(() => {
+      this.storeLastUsedView();
+    });
   }
 }
 
+export enum BoardViewModelSubPaths {
+  LastUsedView = "last-used-view",
+}
+
 // types
 export enum BoardPageType {
   List = "list",

src/ViewModel/Pages/taskPageViewModel.ts

@@ -25,7 +25,11 @@ export default class TaskPageViewModel {
 
   // paths
   getBasePath = (): string[] => {
-    return [...this.taskModel.getBasePath()];
+    return [...this.taskModel.getViewPath()];
+  };
+
+  getBoardViewPath = (boardId): string[] => {
+    return [...this.getBasePath(), boardId];
   };
 
   getLastUsedBoardPath = (): string[] => {
@@ -82,7 +86,11 @@ export default class TaskPageViewModel {
 
   // view
   showBoardInList = (boardInfo: BoardInfoFileContent): void => {
-    const boardViewModel: BoardViewModel = new BoardViewModel(this, boardInfo);
+    const boardViewModel: BoardViewModel = new BoardViewModel(
+      this,
+      boardInfo,
+      this.storageModel
+    );
     this.boardViewModels.set(boardInfo.fileId, boardViewModel);
   };