X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/cdc8a73914399a401642ca553e9d3d8b2d42db5c..4b8b1d2a1cd72a011574f176ba17b12536558d35:/src/store/context-menu/context-menu-actions.ts diff --git a/src/store/context-menu/context-menu-actions.ts b/src/store/context-menu/context-menu-actions.ts index 406239997c..3ae79db405 100644 --- a/src/store/context-menu/context-menu-actions.ts +++ b/src/store/context-menu/context-menu-actions.ts @@ -3,15 +3,17 @@ // SPDX-License-Identifier: AGPL-3.0 import { unionize, ofType, UnionOf } from '~/common/unionize'; -import { ContextMenuPosition, ContextMenuResource } from "./context-menu-reducer"; +import { ContextMenuPosition } from "./context-menu-reducer"; import { ContextMenuKind } from '~/views-components/context-menu/context-menu'; import { Dispatch } from 'redux'; import { RootState } from '~/store/store'; import { getResource } from '../resources/resources'; import { ProjectResource } from '~/models/project'; -import { UserResource } from '../../models/user'; +import { UserResource } from '~/models/user'; import { isSidePanelTreeCategory } from '~/store/side-panel-tree/side-panel-tree-actions'; import { extractUuidKind, ResourceKind } from '~/models/resource'; +import { matchProcessRoute } from '~/routes/routes'; +import { Process } from '~/store/processes/process'; export const contextMenuActions = unionize({ OPEN_CONTEXT_MENU: ofType<{ position: ContextMenuPosition, resource: ContextMenuResource }>(), @@ -20,12 +22,27 @@ export const contextMenuActions = unionize({ export type ContextMenuAction = UnionOf; -export const openContextMenu = (event: React.MouseEvent, resource: { name: string; uuid: string; description?: string; kind: ContextMenuKind; }) => +export type ContextMenuResource = { + name: string; + uuid: string; + ownerUuid: string; + description?: string; + kind: ResourceKind, + menuKind: ContextMenuKind; + isTrashed?: boolean; +}; +export const isKeyboardClick = (event: React.MouseEvent) => + event.nativeEvent.detail === 0; +export const openContextMenu = (event: React.MouseEvent, resource: ContextMenuResource) => (dispatch: Dispatch) => { event.preventDefault(); + const { left, top } = event.currentTarget.getBoundingClientRect(); dispatch( contextMenuActions.OPEN_CONTEXT_MENU({ - position: { x: event.clientX, y: event.clientY }, + position: { + x: event.clientX || left, + y: event.clientY || top, + }, resource }) ); @@ -33,24 +50,30 @@ export const openContextMenu = (event: React.MouseEvent, resource: export const openRootProjectContextMenu = (event: React.MouseEvent, projectUuid: string) => (dispatch: Dispatch, getState: () => RootState) => { - const userResource = getResource(projectUuid)(getState().resources); - if (userResource) { + const res = getResource(projectUuid)(getState().resources); + if (res) { dispatch(openContextMenu(event, { name: '', - uuid: userResource.uuid, - kind: ContextMenuKind.ROOT_PROJECT + uuid: res.uuid, + ownerUuid: res.uuid, + kind: res.kind, + menuKind: ContextMenuKind.ROOT_PROJECT, + isTrashed: false })); } }; export const openProjectContextMenu = (event: React.MouseEvent, projectUuid: string) => (dispatch: Dispatch, getState: () => RootState) => { - const projectResource = getResource(projectUuid)(getState().resources); - if (projectResource) { + const res = getResource(projectUuid)(getState().resources); + if (res) { dispatch(openContextMenu(event, { - name: projectResource.name, - uuid: projectResource.uuid, - kind: ContextMenuKind.PROJECT + name: res.name, + uuid: res.uuid, + kind: res.kind, + menuKind: ContextMenuKind.PROJECT, + ownerUuid: res.ownerUuid, + isTrashed: res.isTrashed })); } }; @@ -67,6 +90,19 @@ export const openSidePanelContextMenu = (event: React.MouseEvent, i } }; +export const openProcessContextMenu = (event: React.MouseEvent, process: Process) => + (dispatch: Dispatch, getState: () => RootState) => { + const resource = { + uuid: process.containerRequest.uuid, + ownerUuid: '', + kind: ResourceKind.PROCESS, + name: '', + description: '', + menuKind: ContextMenuKind.PROCESS + }; + dispatch(openContextMenu(event, resource)); + }; + export const resourceKindToContextMenuKind = (uuid: string) => { const kind = extractUuidKind(uuid); switch (kind) { @@ -74,6 +110,8 @@ export const resourceKindToContextMenuKind = (uuid: string) => { return ContextMenuKind.PROJECT; case ResourceKind.COLLECTION: return ContextMenuKind.COLLECTION_RESOURCE; + case ResourceKind.PROCESS: + return ContextMenuKind.PROCESS_RESOURCE; case ResourceKind.USER: return ContextMenuKind.ROOT_PROJECT; default: