src/store/breadcrumbs/breadcrumbs-actions.ts

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import { Dispatch } from 'redux';
   6 import { RootState } from 'store/store';
   7 import { getUserUuid } from "common/getuser";
   8 import { getResource } from 'store/resources/resources';
   9 import { TreePicker } from '../tree-picker/tree-picker';
  10 import { getSidePanelTreeBranch, getSidePanelTreeNodeAncestorsIds } from '../side-panel-tree/side-panel-tree-actions';
  11 import { propertiesActions } from '../properties/properties-actions';
  12 import { getProcess } from 'store/processes/process';
  13 import { ServiceRepository } from 'services/services';
  14 import { SidePanelTreeCategory, activateSidePanelTreeItem } from 'store/side-panel-tree/side-panel-tree-actions';
  15 import { updateResources } from '../resources/resources-actions';
  16 import { ResourceKind } from 'models/resource';
  17 import { GroupResource } from 'models/group';
  18 import { extractUuidKind } from 'models/resource';
  19 import { UserResource } from 'models/user';
  20 import { FilterBuilder } from 'services/api/filter-builder';
  21 import { ProcessResource } from 'models/process';
  22 import { OrderBuilder } from 'services/api/order-builder';
  23 import { Breadcrumb } from 'components/breadcrumbs/breadcrumbs';
  24 import { ContainerRequestResource, containerRequestFieldsNoMounts } from 'models/container-request';
  25 import { CollectionIcon, IconType, ProcessIcon, ProjectIcon, WorkflowIcon } from 'components/icon/icon';
  26 import { CollectionResource } from 'models/collection';
  27 import { getSidePanelIcon } from 'views-components/side-panel-tree/side-panel-tree';
  28 import { WorkflowResource } from 'models/workflow';
  29
  30 export const BREADCRUMBS = 'breadcrumbs';
  31
  32 export const setBreadcrumbs = (breadcrumbs: any, currentItem?: CollectionResource | ContainerRequestResource | GroupResource | WorkflowResource) => {
  33     if (currentItem) {
  34         breadcrumbs.push(resourceToBreadcrumb(currentItem));
  35     }
  36     return propertiesActions.SET_PROPERTY({ key: BREADCRUMBS, value: breadcrumbs });
  37 };
  38
  39 const resourceToBreadcrumbIcon = (resource: CollectionResource | ContainerRequestResource | GroupResource | WorkflowResource): IconType | undefined => {
  40     switch (resource.kind) {
  41         case ResourceKind.PROJECT:
  42             return ProjectIcon;
  43         case ResourceKind.PROCESS:
  44             return ProcessIcon;
  45         case ResourceKind.COLLECTION:
  46             return CollectionIcon;
  47         case ResourceKind.WORKFLOW:
  48             return WorkflowIcon;
  49         default:
  50             return undefined;
  51     }
  52 }
  53
  54 const resourceToBreadcrumb = (resource: CollectionResource | ContainerRequestResource | GroupResource | WorkflowResource): Breadcrumb => ({
  55     label: resource.name,
  56     uuid: resource.uuid,
  57     icon: resourceToBreadcrumbIcon(resource),
  58 })
  59
  60 const getSidePanelTreeBreadcrumbs = (uuid: string) => (treePicker: TreePicker): Breadcrumb[] => {
  61     const nodes = getSidePanelTreeBranch(uuid)(treePicker);
  62     return nodes.map(node =>
  63         typeof node.value === 'string'
  64             ? {
  65                 label: node.value,
  66                 uuid: node.id,
  67                 icon: getSidePanelIcon(node.value)
  68             }
  69             : resourceToBreadcrumb(node.value));
  70 };
  71
  72 export const setSidePanelBreadcrumbs = (uuid: string) =>
  73     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
  74         const { treePicker, collectionPanel: { item } } = getState();
  75         const breadcrumbs = getSidePanelTreeBreadcrumbs(uuid)(treePicker);
  76         const path = getState().router.location!.pathname;
  77         const currentUuid = path.split('/')[2];
  78         const uuidKind = extractUuidKind(currentUuid);
  79
  80         if (uuidKind === ResourceKind.COLLECTION) {
  81             const collectionItem = item ? item : await services.collectionService.get(currentUuid);
  82             const parentProcessItem = await getCollectionParent(collectionItem)(services);
  83             if (parentProcessItem) {
  84                 const mainProcessItem = await getProcessParent(parentProcessItem)(services);
  85                 mainProcessItem && breadcrumbs.push(resourceToBreadcrumb(mainProcessItem));
  86                 breadcrumbs.push(resourceToBreadcrumb(parentProcessItem));
  87             }
  88             dispatch(setBreadcrumbs(breadcrumbs, collectionItem));
  89         } else if (uuidKind === ResourceKind.PROCESS) {
  90             const processItem = await services.containerRequestService.get(currentUuid);
  91             const parentProcessItem = await getProcessParent(processItem)(services);
  92             if (parentProcessItem) {
  93                 breadcrumbs.push(resourceToBreadcrumb(parentProcessItem));
  94             }
  95             dispatch(setBreadcrumbs(breadcrumbs, processItem));
  96         } else if (uuidKind === ResourceKind.WORKFLOW) {
  97             const workflowItem = await services.workflowService.get(currentUuid);
  98             dispatch(setBreadcrumbs(breadcrumbs, workflowItem));
  99         }
 100         dispatch(setBreadcrumbs(breadcrumbs));
 101     };
 102
 103 export const setSharedWithMeBreadcrumbs = (uuid: string) =>
 104     setCategoryBreadcrumbs(uuid, SidePanelTreeCategory.SHARED_WITH_ME);
 105
 106 export const setTrashBreadcrumbs = (uuid: string) =>
 107     setCategoryBreadcrumbs(uuid, SidePanelTreeCategory.TRASH);
 108
 109 export const setCategoryBreadcrumbs = (uuid: string, category: string) =>
 110     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 111         const ancestors = await services.ancestorsService.ancestors(uuid, '');
 112         dispatch(updateResources(ancestors));
 113         const initialBreadcrumbs: Breadcrumb[] = [
 114             {
 115                 label: category,
 116                 uuid: category,
 117                 icon: getSidePanelIcon(category)
 118             }
 119         ];
 120         const { collectionPanel: { item } } = getState();
 121         const path = getState().router.location!.pathname;
 122         const currentUuid = path.split('/')[2];
 123         const uuidKind = extractUuidKind(currentUuid);
 124         let breadcrumbs = ancestors.reduce((breadcrumbs, ancestor) =>
 125             ancestor.kind === ResourceKind.GROUP
 126                 ? [...breadcrumbs, resourceToBreadcrumb(ancestor)]
 127                 : breadcrumbs,
 128             initialBreadcrumbs);
 129         if (uuidKind === ResourceKind.COLLECTION) {
 130             const collectionItem = item ? item : await services.collectionService.get(currentUuid);
 131             const parentProcessItem = await getCollectionParent(collectionItem)(services);
 132             if (parentProcessItem) {
 133                 const mainProcessItem = await getProcessParent(parentProcessItem)(services);
 134                 mainProcessItem && breadcrumbs.push(resourceToBreadcrumb(mainProcessItem));
 135                 breadcrumbs.push(resourceToBreadcrumb(parentProcessItem));
 136             }
 137             dispatch(setBreadcrumbs(breadcrumbs, collectionItem));
 138         } else if (uuidKind === ResourceKind.PROCESS) {
 139             const processItem = await services.containerRequestService.get(currentUuid);
 140             const parentProcessItem = await getProcessParent(processItem)(services);
 141             if (parentProcessItem) {
 142                 breadcrumbs.push(resourceToBreadcrumb(parentProcessItem));
 143             }
 144             dispatch(setBreadcrumbs(breadcrumbs, processItem));
 145         }
 146         dispatch(setBreadcrumbs(breadcrumbs));
 147     };
 148
 149 const getProcessParent = (childProcess: ContainerRequestResource) =>
 150     async (services: ServiceRepository): Promise<ContainerRequestResource | undefined> => {
 151         if (childProcess.requestingContainerUuid) {
 152             const parentProcesses = await services.containerRequestService.list({
 153                 order: new OrderBuilder<ProcessResource>().addAsc('createdAt').getOrder(),
 154                 filters: new FilterBuilder().addEqual('container_uuid', childProcess.requestingContainerUuid).getFilters(),
 155                 select: containerRequestFieldsNoMounts,
 156             });
 157             if (parentProcesses.items.length > 0) {
 158                 return parentProcesses.items[0];
 159             } else {
 160                 return undefined;
 161             }
 162         } else {
 163             return undefined;
 164         }
 165     }
 166
 167 const getCollectionParent = (collection: CollectionResource) =>
 168     async (services: ServiceRepository): Promise<ContainerRequestResource | undefined> => {
 169         const parentOutputPromise = services.containerRequestService.list({
 170             order: new OrderBuilder<ProcessResource>().addAsc('createdAt').getOrder(),
 171             filters: new FilterBuilder().addEqual('output_uuid', collection.uuid).getFilters(),
 172             select: containerRequestFieldsNoMounts,
 173         });
 174         const parentLogPromise = services.containerRequestService.list({
 175             order: new OrderBuilder<ProcessResource>().addAsc('createdAt').getOrder(),
 176             filters: new FilterBuilder().addEqual('log_uuid', collection.uuid).getFilters(),
 177             select: containerRequestFieldsNoMounts,
 178         });
 179         const [parentOutput, parentLog] = await Promise.all([parentOutputPromise, parentLogPromise]);
 180         return parentOutput.items.length > 0 ?
 181             parentOutput.items[0] :
 182             parentLog.items.length > 0 ?
 183                 parentLog.items[0] :
 184                 undefined;
 185     }
 186
 187
 188 export const setProjectBreadcrumbs = (uuid: string) =>
 189     (dispatch: Dispatch<any>, getState: () => RootState, services: ServiceRepository) => {
 190         const ancestors = getSidePanelTreeNodeAncestorsIds(uuid)(getState().treePicker);
 191         const rootUuid = getUserUuid(getState());
 192         if (uuid === rootUuid || ancestors.find(uuid => uuid === rootUuid)) {
 193             dispatch(setSidePanelBreadcrumbs(uuid));
 194         } else {
 195             dispatch(setSharedWithMeBreadcrumbs(uuid));
 196             dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.SHARED_WITH_ME));
 197         }
 198     };
 199
 200 export const setProcessBreadcrumbs = (processUuid: string) =>
 201     (dispatch: Dispatch, getState: () => RootState) => {
 202         const { resources } = getState();
 203         const process = getProcess(processUuid)(resources);
 204         if (process) {
 205             dispatch<any>(setProjectBreadcrumbs(process.containerRequest.ownerUuid));
 206         }
 207     };
 208
 209 export const setWorkflowBreadcrumbs = (workflowUuid: string) =>
 210     (dispatch: Dispatch, getState: () => RootState) => {
 211         const { resources } = getState();
 212         const workflow = getResource<WorkflowResource>(workflowUuid)(resources);
 213         if (workflow) {
 214             dispatch<any>(setProjectBreadcrumbs(workflow.ownerUuid));
 215         }
 216     };
 217
 218 export const setGroupsBreadcrumbs = () =>
 219     setBreadcrumbs([{
 220         label: SidePanelTreeCategory.GROUPS,
 221         uuid: SidePanelTreeCategory.GROUPS,
 222         icon: getSidePanelIcon(SidePanelTreeCategory.GROUPS)
 223     }]);
 224
 225 export const setGroupDetailsBreadcrumbs = (groupUuid: string) =>
 226     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 227
 228         const group = getResource<GroupResource>(groupUuid)(getState().resources);
 229
 230         const breadcrumbs: Breadcrumb[] = [
 231             {
 232                 label: SidePanelTreeCategory.GROUPS,
 233                 uuid: SidePanelTreeCategory.GROUPS,
 234                 icon: getSidePanelIcon(SidePanelTreeCategory.GROUPS)
 235             },
 236             { label: group ? group.name : (await services.groupsService.get(groupUuid)).name, uuid: groupUuid },
 237         ];
 238
 239         dispatch(setBreadcrumbs(breadcrumbs));
 240
 241     };
 242
 243 export const USERS_PANEL_LABEL = 'Users';
 244
 245 export const setUsersBreadcrumbs = () =>
 246     setBreadcrumbs([{ label: USERS_PANEL_LABEL, uuid: USERS_PANEL_LABEL }]);
 247
 248 export const setUserProfileBreadcrumbs = (userUuid: string) =>
 249     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 250         try {
 251             const user = getResource<UserResource>(userUuid)(getState().resources)
 252                 || await services.userService.get(userUuid, false);
 253             const breadcrumbs: Breadcrumb[] = [
 254                 { label: USERS_PANEL_LABEL, uuid: USERS_PANEL_LABEL },
 255                 { label: user ? user.username : userUuid, uuid: userUuid },
 256             ];
 257             dispatch(setBreadcrumbs(breadcrumbs));
 258         } catch (e) {
 259             const breadcrumbs: Breadcrumb[] = [
 260                 { label: USERS_PANEL_LABEL, uuid: USERS_PANEL_LABEL },
 261                 { label: userUuid, uuid: userUuid },
 262             ];
 263             dispatch(setBreadcrumbs(breadcrumbs));
 264         }
 265     };
 266
 267 export const MY_ACCOUNT_PANEL_LABEL = 'My Account';
 268
 269 export const setMyAccountBreadcrumbs = () =>
 270     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 271         dispatch(setBreadcrumbs([
 272             { label: MY_ACCOUNT_PANEL_LABEL, uuid: MY_ACCOUNT_PANEL_LABEL },
 273         ]));
 274     };