X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/63210cc7d29062bcffa7af461e27f56d3b8bac7c..d461d4da5432434916f21b0308c20148210a32f2:/src/store/project/project-reducer.ts diff --git a/src/store/project/project-reducer.ts b/src/store/project/project-reducer.ts index 8ee9e9f9..bb074865 100644 --- a/src/store/project/project-reducer.ts +++ b/src/store/project/project-reducer.ts @@ -4,20 +4,26 @@ import * as _ from "lodash"; -import { Project } from "../../models/project"; -import actions, { ProjectAction } from "./project-action"; -import { TreeItem, TreeItemStatus } from "../../components/tree/tree"; +import { projectActions, ProjectAction } from "./project-action"; +import { TreeItem, TreeItemStatus } from "~/components/tree/tree"; +import { ProjectResource } from "~/models/project"; export type ProjectState = { - items: Array>, + items: Array>, currentItemId: string, - creator: ProjectCreator + creator: ProjectCreator, + updater: ProjectUpdater }; interface ProjectCreator { opened: boolean; - pending: boolean; ownerUuid: string; + error?: string; +} + +interface ProjectUpdater { + opened: boolean; + uuid: string; } export function findTreeItem(tree: Array>, itemId: string): TreeItem | undefined { @@ -67,22 +73,22 @@ function resetTreeActivity(tree: Array>) { } } -function updateProjectTree(tree: Array>, projects: Project[], parentItemId?: string): Array> { +function updateProjectTree(tree: Array>, projects: ProjectResource[], parentItemId?: string): Array> { let treeItem; if (parentItemId) { treeItem = findTreeItem(tree, parentItemId); if (treeItem) { - treeItem.status = TreeItemStatus.Loaded; + treeItem.status = TreeItemStatus.LOADED; } } const items = projects.map(p => ({ id: p.uuid, open: false, active: false, - status: TreeItemStatus.Initial, + status: TreeItemStatus.INITIAL, data: p, items: [] - } as TreeItem)); + } as TreeItem)); if (treeItem) { treeItem.items = items; @@ -100,45 +106,58 @@ const updateCreator = (state: ProjectState, creator: Partial) => } }); +const updateProject = (state: ProjectState, updater?: Partial) => ({ + ...state, + updater: { + ...state.updater, + ...updater + } +}); + const initialState: ProjectState = { items: [], currentItemId: "", creator: { opened: false, - pending: false, ownerUuid: "" + }, + updater: { + opened: false, + uuid: '' } }; -const projectsReducer = (state: ProjectState = initialState, action: ProjectAction) => { - return actions.match(action, { - OPEN_PROJECT_CREATOR: ({ ownerUuid }) => updateCreator(state, { ownerUuid, opened: true, pending: false }), +export const projectsReducer = (state: ProjectState = initialState, action: ProjectAction) => { + return projectActions.match(action, { + OPEN_PROJECT_CREATOR: ({ ownerUuid }) => updateCreator(state, { ownerUuid, opened: true }), CLOSE_PROJECT_CREATOR: () => updateCreator(state, { opened: false }), - CREATE_PROJECT: () => updateCreator(state, { opened: false, pending: true }), - CREATE_PROJECT_SUCCESS: () => updateCreator(state, { ownerUuid: "", pending: false }), - CREATE_PROJECT_ERROR: () => updateCreator(state, { ownerUuid: "", pending: false }), + CREATE_PROJECT: () => updateCreator(state, { error: undefined }), + CREATE_PROJECT_SUCCESS: () => updateCreator(state, { opened: false, ownerUuid: "" }), + OPEN_PROJECT_UPDATER: ({ uuid }) => updateProject(state, { uuid, opened: true }), + CLOSE_PROJECT_UPDATER: () => updateProject(state, { opened: false, uuid: "" }), + UPDATE_PROJECT_SUCCESS: () => updateProject(state, { opened: false, uuid: "" }), REMOVE_PROJECT: () => state, PROJECTS_REQUEST: itemId => { const items = _.cloneDeep(state.items); const item = findTreeItem(items, itemId); if (item) { - item.status = TreeItemStatus.Pending; + item.status = TreeItemStatus.PENDING; state.items = items; } - return state; + return { ...state, items }; }, PROJECTS_SUCCESS: ({ projects, parentItemId }) => { + const items = _.cloneDeep(state.items); return { ...state, - items: updateProjectTree(state.items, projects, parentItemId) + items: updateProjectTree(items, projects, parentItemId) }; }, TOGGLE_PROJECT_TREE_ITEM_OPEN: itemId => { const items = _.cloneDeep(state.items); const item = findTreeItem(items, itemId); if (item) { - item.toggled = true; item.open = !item.open; } return { @@ -152,7 +171,6 @@ const projectsReducer = (state: ProjectState = initialState, action: ProjectActi resetTreeActivity(items); const item = findTreeItem(items, itemId); if (item) { - item.toggled = true; item.active = true; } return { @@ -173,5 +191,3 @@ const projectsReducer = (state: ProjectState = initialState, action: ProjectActi default: () => state }); }; - -export default projectsReducer;