X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/ec33904efe960ec3e3bddb668d892463171e50bd..8c5147b7367e994e897357766a85e9b7b8e28f24:/src/store/breadcrumbs/breadcrumbs-actions.ts diff --git a/src/store/breadcrumbs/breadcrumbs-actions.ts b/src/store/breadcrumbs/breadcrumbs-actions.ts index 71de5ce425..08e1a132fd 100644 --- a/src/store/breadcrumbs/breadcrumbs-actions.ts +++ b/src/store/breadcrumbs/breadcrumbs-actions.ts @@ -3,18 +3,21 @@ // SPDX-License-Identifier: AGPL-3.0 import { Dispatch } from 'redux'; -import { RootState } from '~/store/store'; -import { Breadcrumb } from '~/components/breadcrumbs/breadcrumbs'; -import { getResource } from '~/store/resources/resources'; +import { RootState } from 'store/store'; +import { getUserUuid } from "common/getuser"; +import { Breadcrumb } from 'components/breadcrumbs/breadcrumbs'; +import { getResource } from 'store/resources/resources'; import { TreePicker } from '../tree-picker/tree-picker'; import { getSidePanelTreeBranch, getSidePanelTreeNodeAncestorsIds } from '../side-panel-tree/side-panel-tree-actions'; import { propertiesActions } from '../properties/properties-actions'; -import { getProcess } from '~/store/processes/process'; -import { ServiceRepository } from '~/services/services'; -import { SidePanelTreeCategory, activateSidePanelTreeItem } from '~/store/side-panel-tree/side-panel-tree-actions'; +import { getProcess } from 'store/processes/process'; +import { ServiceRepository } from 'services/services'; +import { SidePanelTreeCategory, activateSidePanelTreeItem } from 'store/side-panel-tree/side-panel-tree-actions'; import { updateResources } from '../resources/resources-actions'; -import { ResourceKind } from '~/models/resource'; -import { GroupResource } from '~/models/group'; +import { ResourceKind } from 'models/resource'; +import { GroupResource } from 'models/group'; +import { extractUuidKind } from 'models/resource'; +import { UserResource } from 'models/user'; export const BREADCRUMBS = 'breadcrumbs'; @@ -22,8 +25,14 @@ export interface ResourceBreadcrumb extends Breadcrumb { uuid: string; } -export const setBreadcrumbs = (breadcrumbs: Breadcrumb[]) => - propertiesActions.SET_PROPERTY({ key: BREADCRUMBS, value: breadcrumbs }); +export const setBreadcrumbs = (breadcrumbs: any, currentItem?: any) => { + if (currentItem) { + const addLastItem = { label: currentItem.name, uuid: currentItem.uuid }; + breadcrumbs.push(addLastItem); + } + return propertiesActions.SET_PROPERTY({ key: BREADCRUMBS, value: breadcrumbs }); +}; + const getSidePanelTreeBreadcrumbs = (uuid: string) => (treePicker: TreePicker): ResourceBreadcrumb[] => { const nodes = getSidePanelTreeBranch(uuid)(treePicker); @@ -34,9 +43,20 @@ const getSidePanelTreeBreadcrumbs = (uuid: string) => (treePicker: TreePicker): }; export const setSidePanelBreadcrumbs = (uuid: string) => - (dispatch: Dispatch, getState: () => RootState) => { - const { treePicker } = getState(); + async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { + const { treePicker, collectionPanel: { item } } = getState(); const breadcrumbs = getSidePanelTreeBreadcrumbs(uuid)(treePicker); + const path = getState().router.location!.pathname; + const currentUuid = path.split('/')[2]; + const uuidKind = extractUuidKind(currentUuid); + + if (uuidKind === ResourceKind.COLLECTION) { + const collectionItem = item ? item : await services.collectionService.get(currentUuid); + dispatch(setBreadcrumbs(breadcrumbs, collectionItem)); + } else if (uuidKind === ResourceKind.PROCESS) { + const processItem = await services.containerRequestService.get(currentUuid); + dispatch(setBreadcrumbs(breadcrumbs, processItem)); + } dispatch(setBreadcrumbs(breadcrumbs)); }; @@ -46,26 +66,36 @@ export const setSharedWithMeBreadcrumbs = (uuid: string) => export const setTrashBreadcrumbs = (uuid: string) => setCategoryBreadcrumbs(uuid, SidePanelTreeCategory.TRASH); -export const setCategoryBreadcrumbs = (uuid: string, category: SidePanelTreeCategory) => +export const setCategoryBreadcrumbs = (uuid: string, category: string) => async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { const ancestors = await services.ancestorsService.ancestors(uuid, ''); dispatch(updateResources(ancestors)); const initialBreadcrumbs: ResourceBreadcrumb[] = [ { label: category, uuid: category } ]; - const breadrumbs = ancestors.reduce((breadcrumbs, ancestor) => + const { collectionPanel: { item } } = getState(); + const path = getState().router.location!.pathname; + const currentUuid = path.split('/')[2]; + const uuidKind = extractUuidKind(currentUuid); + const breadcrumbs = ancestors.reduce((breadcrumbs, ancestor) => ancestor.kind === ResourceKind.GROUP ? [...breadcrumbs, { label: ancestor.name, uuid: ancestor.uuid }] : breadcrumbs, initialBreadcrumbs); - - dispatch(setBreadcrumbs(breadrumbs)); + if (uuidKind === ResourceKind.COLLECTION) { + const collectionItem = item ? item : await services.collectionService.get(currentUuid); + dispatch(setBreadcrumbs(breadcrumbs, collectionItem)); + } else if (uuidKind === ResourceKind.PROCESS) { + const processItem = await services.containerRequestService.get(currentUuid); + dispatch(setBreadcrumbs(breadcrumbs, processItem)); + } + dispatch(setBreadcrumbs(breadcrumbs)); }; export const setProjectBreadcrumbs = (uuid: string) => (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { const ancestors = getSidePanelTreeNodeAncestorsIds(uuid)(getState().treePicker); - const rootUuid = services.authService.getUuid(); + const rootUuid = getUserUuid(getState()); if (uuid === rootUuid || ancestors.find(uuid => uuid === rootUuid)) { dispatch(setSidePanelBreadcrumbs(uuid)); } else { @@ -74,14 +104,6 @@ export const setProjectBreadcrumbs = (uuid: string) => } }; -export const setCollectionBreadcrumbs = (collectionUuid: string) => - (dispatch: Dispatch, getState: () => RootState) => { - const { resources } = getState(); - const collection = getResource(collectionUuid)(resources); - if (collection) { - dispatch(setProjectBreadcrumbs(collection.ownerUuid)); - } - }; export const setProcessBreadcrumbs = (processUuid: string) => (dispatch: Dispatch, getState: () => RootState) => { const { resources } = getState(); @@ -91,21 +113,52 @@ export const setProcessBreadcrumbs = (processUuid: string) => } }; -export const GROUPS_PANEL_LABEL = 'Groups'; - export const setGroupsBreadcrumbs = () => - setBreadcrumbs([{ label: GROUPS_PANEL_LABEL }]); + setBreadcrumbs([{ label: SidePanelTreeCategory.GROUPS }]); export const setGroupDetailsBreadcrumbs = (groupUuid: string) => - (dispatch: Dispatch, getState: () => RootState) => { + async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { const group = getResource(groupUuid)(getState().resources); const breadcrumbs: ResourceBreadcrumb[] = [ - { label: GROUPS_PANEL_LABEL, uuid: GROUPS_PANEL_LABEL }, - { label: group ? group.name : groupUuid, uuid: groupUuid }, + { label: SidePanelTreeCategory.GROUPS, uuid: SidePanelTreeCategory.GROUPS }, + { label: group ? group.name : (await services.groupsService.get(groupUuid)).name, uuid: groupUuid }, ]; dispatch(setBreadcrumbs(breadcrumbs)); }; + +export const USERS_PANEL_LABEL = 'Users'; + +export const setUsersBreadcrumbs = () => + setBreadcrumbs([{ label: USERS_PANEL_LABEL, uuid: USERS_PANEL_LABEL }]); + +export const setUserProfileBreadcrumbs = (userUuid: string) => + async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { + try { + const user = getResource(userUuid)(getState().resources) + || await services.userService.get(userUuid, false); + const breadcrumbs: ResourceBreadcrumb[] = [ + { label: USERS_PANEL_LABEL, uuid: USERS_PANEL_LABEL }, + { label: user ? user.username : userUuid, uuid: userUuid }, + ]; + dispatch(setBreadcrumbs(breadcrumbs)); + } catch (e) { + const breadcrumbs: ResourceBreadcrumb[] = [ + { label: USERS_PANEL_LABEL, uuid: USERS_PANEL_LABEL }, + { label: userUuid, uuid: userUuid }, + ]; + dispatch(setBreadcrumbs(breadcrumbs)); + } + }; + +export const MY_ACCOUNT_PANEL_LABEL = 'My Account'; + +export const setMyAccountBreadcrumbs = () => + async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { + dispatch(setBreadcrumbs([ + { label: MY_ACCOUNT_PANEL_LABEL, uuid: MY_ACCOUNT_PANEL_LABEL }, + ])); + };