save collapse status

Author: sorax

assets/js/hooks2/node/index.ts

@@ -1,23 +1,19 @@
+import { saveCollapseStatus } from "../store";
 import { DataNode, DomNode, UUID } from "../types";
 
 export function toggleCollapse(event: Event) {
   const target = event.target as HTMLDivElement;
   const node = getDomNodeByTarget(target);
   node.classList.toggle("collapsed");
   const { uuid, collapsed } = getDataNodeFromDomNode(node);
-  // setCollapse.call(this, uuid, collapsed);
+
+  saveCollapseStatus(this.id, uuid, collapsed);
 }
 
 function getDomNodeByTarget(target: HTMLDivElement) {
   return target.closest(".node") as DomNode;
 }
 
-// function setCollapseStatus(uuid: UUID, collapsed: boolean) {
-//   //   const status = getCollapsedStatus(this.el.id);
-//   //   status[uuid] = collapsed;
-//   //   localStorage.setItem(this.el.id, JSON.stringify(status));
-// }
-
 export function moveDomNodeToDataPosition(node: DomNode) {
   const { parent_id, prev_id } = getDataNodeFromDomNode(node);
 

assets/js/hooks2/store.ts

@@ -0,0 +1,13 @@
+import { UUID } from "./types";
+
+export function saveCollapseStatus(id: string, uuid: UUID, collapsed: boolean) {
+  const status = loadCollapsedStatus(id);
+  status[uuid] = collapsed;
+  localStorage.setItem(id, JSON.stringify(status));
+}
+
+export function loadCollapsedStatus(id: string) {
+  const status = localStorage.getItem(id) || "{}";
+
+  return JSON.parse(status);
+}

assets/js/hooks2/types.ts

@@ -2,9 +2,9 @@ export interface DataNode {
   uuid: UUID;
   parent_id?: UUID;
   prev_id?: UUID;
-  content?: string;
-  collapsed?: boolean;
-  selected?: boolean;
+  content: string;
+  collapsed: boolean;
+  // selected: boolean;
   // creator_id?: number;
 }