refs #13535 Merge branch '13535-tree-component' into 13610-projects-hierarchy

[arvados-workbench2.git] / src / store / project / project-reducer.ts

diff --git a/src/store/project/project-reducer.ts b/src/store/project/project-reducer.ts
index 477cb1e4688e309e243d78cece928313f6215146..458177c0431c9d240ec0b08664014615ea095b36 100644 (file)
--- a/src/store/project/project-reducer.ts
+++ b/src/store/project/project-reducer.ts
@@ -4,8 +4,33 @@
 
 import { Project } from "../../models/project";
 import actions, { ProjectAction } from "./project-action";
+import { TreeItem } from "../../components/tree/tree";
+import * as _ from "lodash";
 
-export type ProjectState = Project[];
+export type ProjectState = Array<TreeItem<Project>>;
+
+function findTreeItem<T>(tree: Array<TreeItem<T>>, itemId: string): TreeItem<T> | undefined {
+    let item;
+    for (const t of tree) {
+        item = t.id === itemId
+            ? t
+            : findTreeItem(t.items ? t.items : [], itemId);
+        if (item) {
+            break;
+        }
+    }
+    return item;
+}
+
+function resetTreeActivity<T>(tree: Array<TreeItem<T>>): boolean | undefined {
+    let item;
+    for (const leaf of tree) {
+        item = leaf.active === true
+            ? leaf.active = false
+            : resetTreeActivity(leaf.items ? leaf.items : []);
+    }
+    return item;
+}
 
 const projectsReducer = (state: ProjectState = [], action: ProjectAction) => {
     return actions.match(action, {
@@ -15,6 +40,16 @@ const projectsReducer = (state: ProjectState = [], action: ProjectAction) => {
         PROJECTS_SUCCESS: projects => {
             return projects;
         },
+        TOGGLE_PROJECT_TREE_ITEM: itemId => {
+            const tree = _.cloneDeep(state);
+            resetTreeActivity(tree);
+            const item = findTreeItem(tree, itemId);
+            if (item) {
+                item.open = !item.open;
+                item.active = true;
+            }
+            return tree;
+        },
         default: () => state
     });
 };