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, ProcessBreadcrumbIcon, ProjectIcon } from 'components/icon/icon';
  26 import { CollectionResource } from 'models/collection';
  27
  28 export const BREADCRUMBS = 'breadcrumbs';
  29
  30 export const setBreadcrumbs = (breadcrumbs: any, currentItem?: CollectionResource | ContainerRequestResource | GroupResource) => {
  31     if (currentItem) {
  32         breadcrumbs.push(resourceToBreadcrumb(currentItem));
  33     }
  34     return propertiesActions.SET_PROPERTY({ key: BREADCRUMBS, value: breadcrumbs });
  35 };
  36
  37 const resourceToBreadcrumbIcon = (resource: CollectionResource | ContainerRequestResource | GroupResource): IconType | undefined => {
  38     switch (resource.kind) {
  39         case ResourceKind.PROJECT:
  40             return ProjectIcon;
  41         case ResourceKind.PROCESS:
  42             return ProcessBreadcrumbIcon;
  43         case ResourceKind.COLLECTION:
  44             return CollectionIcon;
  45         default:
  46             return undefined;
  47     }
  48 }
  49
  50 const resourceToBreadcrumb = (resource: CollectionResource | ContainerRequestResource | GroupResource): Breadcrumb => ({
  51     label: resource.name,
  52     uuid: resource.uuid,
  53     icon: resourceToBreadcrumbIcon(resource),
  54 })
  55
  56 const getSidePanelTreeBreadcrumbs = (uuid: string) => (treePicker: TreePicker): Breadcrumb[] => {
  57     const nodes = getSidePanelTreeBranch(uuid)(treePicker);
  58     return nodes.map(node =>
  59         typeof node.value === 'string'
  60             ? { label: node.value, uuid: node.id }
  61             : resourceToBreadcrumb(node.value));
  62 };
  63
  64 export const setSidePanelBreadcrumbs = (uuid: string) =>
  65     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
  66         const { treePicker, collectionPanel: { item } } = getState();
  67         const breadcrumbs = getSidePanelTreeBreadcrumbs(uuid)(treePicker);
  68         const path = getState().router.location!.pathname;
  69         const currentUuid = path.split('/')[2];
  70         const uuidKind = extractUuidKind(currentUuid);
  71
  72         if (uuidKind === ResourceKind.COLLECTION) {
  73             const collectionItem = item ? item : await services.collectionService.get(currentUuid);
  74             const parentProcessItem = await getCollectionParent(collectionItem)(services);
  75             if (parentProcessItem) {
  76                 const mainProcessItem = await getProcessParent(parentProcessItem)(services);
  77                 mainProcessItem && breadcrumbs.push(resourceToBreadcrumb(mainProcessItem));
  78                 breadcrumbs.push(resourceToBreadcrumb(parentProcessItem));
  79             }
  80             dispatch(setBreadcrumbs(breadcrumbs, collectionItem));
  81         } else if (uuidKind === ResourceKind.PROCESS) {
  82             const processItem = await services.containerRequestService.get(currentUuid);
  83             const parentProcessItem = await getProcessParent(processItem)(services);
  84             if (parentProcessItem) {
  85                 breadcrumbs.push(resourceToBreadcrumb(parentProcessItem));
  86             }
  87             dispatch(setBreadcrumbs(breadcrumbs, processItem));
  88         }
  89         dispatch(setBreadcrumbs(breadcrumbs));
  90     };
  91
  92 export const setSharedWithMeBreadcrumbs = (uuid: string) =>
  93     setCategoryBreadcrumbs(uuid, SidePanelTreeCategory.SHARED_WITH_ME);
  94
  95 export const setTrashBreadcrumbs = (uuid: string) =>
  96     setCategoryBreadcrumbs(uuid, SidePanelTreeCategory.TRASH);
  97
  98 export const setCategoryBreadcrumbs = (uuid: string, category: string) =>
  99     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 100         const ancestors = await services.ancestorsService.ancestors(uuid, '');
 101         dispatch(updateResources(ancestors));
 102         const initialBreadcrumbs: Breadcrumb[] = [
 103             { label: category, uuid: category }
 104         ];
 105         const { collectionPanel: { item } } = getState();
 106         const path = getState().router.location!.pathname;
 107         const currentUuid = path.split('/')[2];
 108         const uuidKind = extractUuidKind(currentUuid);
 109         let breadcrumbs = ancestors.reduce((breadcrumbs, ancestor) =>
 110             ancestor.kind === ResourceKind.GROUP
 111                 ? [...breadcrumbs, resourceToBreadcrumb(ancestor)]
 112                 : breadcrumbs,
 113             initialBreadcrumbs);
 114         if (uuidKind === ResourceKind.COLLECTION) {
 115             const collectionItem = item ? item : await services.collectionService.get(currentUuid);
 116             const parentProcessItem = await getCollectionParent(collectionItem)(services);
 117             if (parentProcessItem) {
 118                 const mainProcessItem = await getProcessParent(parentProcessItem)(services);
 119                 mainProcessItem && breadcrumbs.push(resourceToBreadcrumb(mainProcessItem));
 120                 breadcrumbs.push(resourceToBreadcrumb(parentProcessItem));
 121             }
 122             dispatch(setBreadcrumbs(breadcrumbs, collectionItem));
 123         } else if (uuidKind === ResourceKind.PROCESS) {
 124             const processItem = await services.containerRequestService.get(currentUuid);
 125             const parentProcessItem = await getProcessParent(processItem)(services);
 126             if (parentProcessItem) {
 127                 breadcrumbs.push(resourceToBreadcrumb(parentProcessItem));
 128             }
 129             dispatch(setBreadcrumbs(breadcrumbs, processItem));
 130         }
 131         dispatch(setBreadcrumbs(breadcrumbs));
 132     };
 133
 134 const getProcessParent = (childProcess: ContainerRequestResource) =>
 135     async (services: ServiceRepository): Promise<ContainerRequestResource | undefined> => {
 136         if (childProcess.requestingContainerUuid) {
 137             const parentProcesses = await services.containerRequestService.list({
 138                 order: new OrderBuilder<ProcessResource>().addAsc('createdAt').getOrder(),
 139                 filters: new FilterBuilder().addEqual('container_uuid', childProcess.requestingContainerUuid).getFilters(),
 140                 select: containerRequestFieldsNoMounts,
 141             });
 142             if (parentProcesses.items.length > 0) {
 143                 return parentProcesses.items[0];
 144             } else {
 145                 return undefined;
 146             }
 147         } else {
 148             return undefined;
 149         }
 150     }
 151
 152 const getCollectionParent = (collection: CollectionResource) =>
 153     async (services: ServiceRepository): Promise<ContainerRequestResource | undefined> => {
 154         const parentProcesses = await services.containerRequestService.list({
 155             order: new OrderBuilder<ProcessResource>().addAsc('createdAt').getOrder(),
 156             filters: new FilterBuilder().addEqual('output_uuid', collection.uuid).getFilters(),
 157             select: containerRequestFieldsNoMounts,
 158         });
 159         if (parentProcesses.items.length > 0) {
 160             return parentProcesses.items[0];
 161         } else {
 162             return undefined;
 163         }
 164     }
 165
 166
 167 export const setProjectBreadcrumbs = (uuid: string) =>
 168     (dispatch: Dispatch<any>, getState: () => RootState, services: ServiceRepository) => {
 169         const ancestors = getSidePanelTreeNodeAncestorsIds(uuid)(getState().treePicker);
 170         const rootUuid = getUserUuid(getState());
 171         if (uuid === rootUuid || ancestors.find(uuid => uuid === rootUuid)) {
 172             dispatch(setSidePanelBreadcrumbs(uuid));
 173         } else {
 174             dispatch(setSharedWithMeBreadcrumbs(uuid));
 175             dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.SHARED_WITH_ME));
 176         }
 177     };
 178
 179 export const setProcessBreadcrumbs = (processUuid: string) =>
 180     (dispatch: Dispatch, getState: () => RootState) => {
 181         const { resources } = getState();
 182         const process = getProcess(processUuid)(resources);
 183         if (process) {
 184             dispatch<any>(setProjectBreadcrumbs(process.containerRequest.ownerUuid));
 185         }
 186     };
 187
 188 export const setGroupsBreadcrumbs = () =>
 189     setBreadcrumbs([{ label: SidePanelTreeCategory.GROUPS }]);
 190
 191 export const setGroupDetailsBreadcrumbs = (groupUuid: string) =>
 192     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 193
 194         const group = getResource<GroupResource>(groupUuid)(getState().resources);
 195
 196         const breadcrumbs: Breadcrumb[] = [
 197             { label: SidePanelTreeCategory.GROUPS, uuid: SidePanelTreeCategory.GROUPS },
 198             { label: group ? group.name : (await services.groupsService.get(groupUuid)).name, uuid: groupUuid },
 199         ];
 200
 201         dispatch(setBreadcrumbs(breadcrumbs));
 202
 203     };
 204
 205 export const USERS_PANEL_LABEL = 'Users';
 206
 207 export const setUsersBreadcrumbs = () =>
 208     setBreadcrumbs([{ label: USERS_PANEL_LABEL, uuid: USERS_PANEL_LABEL }]);
 209
 210 export const setUserProfileBreadcrumbs = (userUuid: string) =>
 211     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 212         try {
 213             const user = getResource<UserResource>(userUuid)(getState().resources)
 214                         || await services.userService.get(userUuid, false);
 215             const breadcrumbs: Breadcrumb[] = [
 216                 { label: USERS_PANEL_LABEL, uuid: USERS_PANEL_LABEL },
 217                 { label: user ? user.username : userUuid, uuid: userUuid },
 218             ];
 219             dispatch(setBreadcrumbs(breadcrumbs));
 220         } catch (e) {
 221             const breadcrumbs: Breadcrumb[] = [
 222                 { label: USERS_PANEL_LABEL, uuid: USERS_PANEL_LABEL },
 223                 { label: userUuid, uuid: userUuid },
 224             ];
 225             dispatch(setBreadcrumbs(breadcrumbs));
 226         }
 227     };
 228
 229 export const MY_ACCOUNT_PANEL_LABEL = 'My Account';
 230
 231 export const setMyAccountBreadcrumbs = () =>
 232     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 233         dispatch(setBreadcrumbs([
 234             { label: MY_ACCOUNT_PANEL_LABEL, uuid: MY_ACCOUNT_PANEL_LABEL },
 235         ]));
 236     };