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 } 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 ProcessIcon;
  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 parentOutputPromise = 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         const parentLogPromise = services.containerRequestService.list({
 160             order: new OrderBuilder<ProcessResource>().addAsc('createdAt').getOrder(),
 161             filters: new FilterBuilder().addEqual('log_uuid', collection.uuid).getFilters(),
 162             select: containerRequestFieldsNoMounts,
 163         });
 164         const [parentOutput, parentLog] = await Promise.all([parentOutputPromise, parentLogPromise]);
 165         return parentOutput.items.length > 0 ?
 166                 parentOutput.items[0] :
 167                 parentLog.items.length > 0 ?
 168                     parentLog.items[0] :
 169                     undefined;
 170     }
 171
 172
 173 export const setProjectBreadcrumbs = (uuid: string) =>
 174     (dispatch: Dispatch<any>, getState: () => RootState, services: ServiceRepository) => {
 175         const ancestors = getSidePanelTreeNodeAncestorsIds(uuid)(getState().treePicker);
 176         const rootUuid = getUserUuid(getState());
 177         if (uuid === rootUuid || ancestors.find(uuid => uuid === rootUuid)) {
 178             dispatch(setSidePanelBreadcrumbs(uuid));
 179         } else {
 180             dispatch(setSharedWithMeBreadcrumbs(uuid));
 181             dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.SHARED_WITH_ME));
 182         }
 183     };
 184
 185 export const setProcessBreadcrumbs = (processUuid: string) =>
 186     (dispatch: Dispatch, getState: () => RootState) => {
 187         const { resources } = getState();
 188         const process = getProcess(processUuid)(resources);
 189         if (process) {
 190             dispatch<any>(setProjectBreadcrumbs(process.containerRequest.ownerUuid));
 191         }
 192     };
 193
 194 export const setGroupsBreadcrumbs = () =>
 195     setBreadcrumbs([{ label: SidePanelTreeCategory.GROUPS }]);
 196
 197 export const setGroupDetailsBreadcrumbs = (groupUuid: string) =>
 198     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 199
 200         const group = getResource<GroupResource>(groupUuid)(getState().resources);
 201
 202         const breadcrumbs: Breadcrumb[] = [
 203             { label: SidePanelTreeCategory.GROUPS, uuid: SidePanelTreeCategory.GROUPS },
 204             { label: group ? group.name : (await services.groupsService.get(groupUuid)).name, uuid: groupUuid },
 205         ];
 206
 207         dispatch(setBreadcrumbs(breadcrumbs));
 208
 209     };
 210
 211 export const USERS_PANEL_LABEL = 'Users';
 212
 213 export const setUsersBreadcrumbs = () =>
 214     setBreadcrumbs([{ label: USERS_PANEL_LABEL, uuid: USERS_PANEL_LABEL }]);
 215
 216 export const setUserProfileBreadcrumbs = (userUuid: string) =>
 217     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 218         try {
 219             const user = getResource<UserResource>(userUuid)(getState().resources)
 220                         || await services.userService.get(userUuid, false);
 221             const breadcrumbs: Breadcrumb[] = [
 222                 { label: USERS_PANEL_LABEL, uuid: USERS_PANEL_LABEL },
 223                 { label: user ? user.username : userUuid, uuid: userUuid },
 224             ];
 225             dispatch(setBreadcrumbs(breadcrumbs));
 226         } catch (e) {
 227             const breadcrumbs: Breadcrumb[] = [
 228                 { label: USERS_PANEL_LABEL, uuid: USERS_PANEL_LABEL },
 229                 { label: userUuid, uuid: userUuid },
 230             ];
 231             dispatch(setBreadcrumbs(breadcrumbs));
 232         }
 233     };
 234
 235 export const MY_ACCOUNT_PANEL_LABEL = 'My Account';
 236
 237 export const setMyAccountBreadcrumbs = () =>
 238     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
 239         dispatch(setBreadcrumbs([
 240             { label: MY_ACCOUNT_PANEL_LABEL, uuid: MY_ACCOUNT_PANEL_LABEL },
 241         ]));
 242     };