update paths, persist selected view in board

dist/index.js

@@ -579,6 +579,9 @@
     getBasePath = () => {
       return this.fileModel.getModelContainerPath("tasks" /* ModelTask */);
     };
+    getViewPath = () => {
+      return [...this.getBasePath(), "view" /* ModelView */];
+    };
     getBoardFilePath = (boardId) => {
       return [...this.fileModel.getFilePath(boardId)];
     };
@@ -1411,6 +1414,7 @@
 
   // src/ViewModel/Pages/boardViewModel.ts
   var BoardViewModel = class {
+    storageModel;
     taskPageViewModel;
     // state
     boardInfo;
@@ -1424,6 +1428,13 @@
       "list" /* List */
     );
     index = new State(0);
+    // paths
+    getBasePath = () => {
+      return [...this.taskPageViewModel.getBoardViewPath(this.boardInfo.fileId)];
+    };
+    getLastUsedBoardPath = () => {
+      return [...this.getBasePath(), "last-used-view" /* LastUsedView */];
+    };
     // view
     select = () => {
       this.taskPageViewModel.selectBoard(this);
@@ -1470,15 +1481,29 @@
       this.taskPageViewModel.deleteBoard(this.boardInfo);
       this.close();
     };
+    // store
+    storeLastUsedView = () => {
+      const path = this.getLastUsedBoardPath();
+      const lastUsedView = this.selectedPage.value;
+      this.storageModel.write(path, lastUsedView);
+    };
+    restoreLastUsedView = () => {
+      const path = this.getLastUsedBoardPath();
+      const lastUsedView = this.storageModel.read(path);
+      if (lastUsedView == null) return;
+      this.selectedPage.value = lastUsedView;
+    };
     // load
     loadListRelevantData = () => {
       this.name.value = this.boardInfo.name;
       this.color.value = this.boardInfo.color;
     };
     loadData = () => {
+      this.restoreLastUsedView();
     };
     // init
-    constructor(taskPageViewModel, boardInfo) {
+    constructor(taskPageViewModel, boardInfo, storageModel2) {
+      this.storageModel = storageModel2;
       this.taskPageViewModel = taskPageViewModel;
       this.boardInfo = boardInfo;
       this.loadListRelevantData();
@@ -1490,6 +1515,9 @@
         if (this.isSelected.value == false) return;
         this.applyColor();
       });
+      this.selectedPage.subscribeSilent(() => {
+        this.storeLastUsedView();
+      });
     }
   };
 
@@ -1504,7 +1532,10 @@
     );
     // paths
     getBasePath = () => {
-      return [...this.taskModel.getBasePath()];
+      return [...this.taskModel.getViewPath()];
+    };
+    getBoardViewPath = (boardId) => {
+      return [...this.getBasePath(), boardId];
     };
     getLastUsedBoardPath = () => {
       return [...this.getBasePath(), "last-used-board" /* LastUsedBoard */];
@@ -1543,7 +1574,11 @@
     };
     // view
     showBoardInList = (boardInfo) => {
-      const boardViewModel = new BoardViewModel(this, boardInfo);
+      const boardViewModel = new BoardViewModel(
+        this,
+        boardInfo,
+        this.storageModel
+      );
       this.boardViewModels.set(boardInfo.fileId, boardViewModel);
     };
     selectBoard = (boardViewModel) => {
@@ -2201,6 +2236,7 @@
 
   // src/View/ChatPages/boardPage.tsx
   function BoardPage(boardViewModel) {
+    boardViewModel.loadData();
     return /* @__PURE__ */ createElement("div", { class: "pane" }, /* @__PURE__ */ createElement("div", { class: "toolbar" }, /* @__PURE__ */ createElement("span", null, /* @__PURE__ */ createElement(
       "button",
       {

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);
   };