src/store/project/project-reducer.ts

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import * as _ from "lodash";
   6
   7 import { Project } from "../../models/project";
   8 import actions, { ProjectAction } from "./project-action";
   9 import { TreeItem, TreeItemStatus } from "../../components/tree/tree";
  10
  11 export type ProjectState = {
  12     items: Array<TreeItem<Project>>,
  13     currentItemId: string,
  14     creator: {
  15         opened: boolean,
  16         pending: boolean
  17     }
  18 };
  19
  20 export function findTreeItem<T>(tree: Array<TreeItem<T>>, itemId: string): TreeItem<T> | undefined {
  21     let item;
  22     for (const t of tree) {
  23         item = t.id === itemId
  24             ? t
  25             : findTreeItem(t.items ? t.items : [], itemId);
  26         if (item) {
  27             break;
  28         }
  29     }
  30     return item;
  31 }
  32
  33 export function getActiveTreeItem<T>(tree: Array<TreeItem<T>>): TreeItem<T> | undefined {
  34     let item;
  35     for (const t of tree) {
  36         item = t.active
  37             ? t
  38             : getActiveTreeItem(t.items ? t.items : []);
  39         if (item) {
  40             break;
  41         }
  42     }
  43     return item;
  44 }
  45
  46 export function getTreePath<T>(tree: Array<TreeItem<T>>, itemId: string): Array<TreeItem<T>> {
  47     for (const item of tree) {
  48         if (item.id === itemId) {
  49             return [item];
  50         } else {
  51             const branch = getTreePath(item.items || [], itemId);
  52             if (branch.length > 0) {
  53                 return [item, ...branch];
  54             }
  55         }
  56     }
  57     return [];
  58 }
  59
  60 function resetTreeActivity<T>(tree: Array<TreeItem<T>>) {
  61     for (const t of tree) {
  62         t.active = false;
  63         resetTreeActivity(t.items ? t.items : []);
  64     }
  65 }
  66
  67 function updateProjectTree(tree: Array<TreeItem<Project>>, projects: Project[], parentItemId?: string): Array<TreeItem<Project>> {
  68     let treeItem;
  69     if (parentItemId) {
  70         treeItem = findTreeItem(tree, parentItemId);
  71         if (treeItem) {
  72             treeItem.status = TreeItemStatus.Loaded;
  73         }
  74     }
  75     const items = projects.map(p => ({
  76         id: p.uuid,
  77         open: false,
  78         active: false,
  79         status: TreeItemStatus.Initial,
  80         data: p,
  81         items: []
  82     } as TreeItem<Project>));
  83
  84     if (treeItem) {
  85         treeItem.items = items;
  86         return tree;
  87     }
  88
  89     return items;
  90 }
  91
  92 const initialState: ProjectState = {
  93     items: [],
  94     currentItemId: "",
  95     creator: {
  96         opened: false,
  97         pending: false
  98     }
  99 };
 100
 101
 102 const projectsReducer = (state: ProjectState = initialState, action: ProjectAction) => {
 103     return actions.match(action, {
 104         OPEN_PROJECT_CREATOR: () => ({ ...state, creator: { opened: true, pending: false } }),
 105         CREATE_PROJECT: () => ({ ...state, creator: { opened: false, pending: true } }),
 106         CREATE_PROJECT_SUCCESS: () => ({ ...state, creator: { opened: false, pending: false } }),
 107         CREATE_PROJECT_ERROR: () => ({ ...state, creator: { opened: false, pending: false } }),
 108         REMOVE_PROJECT: () => state,
 109         PROJECTS_REQUEST: itemId => {
 110             const items = _.cloneDeep(state.items);
 111             const item = findTreeItem(items, itemId);
 112             if (item) {
 113                 item.status = TreeItemStatus.Pending;
 114                 state.items = items;
 115             }
 116             return state;
 117         },
 118         PROJECTS_SUCCESS: ({ projects, parentItemId }) => {
 119             return {
 120                 ...state,
 121                 items: updateProjectTree(state.items, projects, parentItemId)
 122             };
 123         },
 124         TOGGLE_PROJECT_TREE_ITEM_OPEN: itemId => {
 125             const items = _.cloneDeep(state.items);
 126             const item = findTreeItem(items, itemId);
 127             if (item) {
 128                 item.toggled = true;
 129                 item.open = !item.open;
 130             }
 131             return {
 132                 items,
 133                 currentItemId: itemId
 134             };
 135         },
 136         TOGGLE_PROJECT_TREE_ITEM_ACTIVE: itemId => {
 137             const items = _.cloneDeep(state.items);
 138             resetTreeActivity(items);
 139             const item = findTreeItem(items, itemId);
 140             if (item) {
 141                 item.toggled = true;
 142                 item.active = true;
 143             }
 144             return {
 145                 items,
 146                 currentItemId: itemId
 147             };
 148         },
 149         RESET_PROJECT_TREE_ACTIVITY: () => {
 150             const items = _.cloneDeep(state.items);
 151             resetTreeActivity(items);
 152             return {
 153                 items,
 154                 currentItemId: ""
 155             };
 156         },
 157         default: () => state
 158     });
 159 };
 160
 161 export default projectsReducer;