X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/25691034b44b9323cae96c8db002826880ccfd7e..377e37a3c0c4f376cffb44709640a112df180323:/src/store/context-menu/context-menu-actions.ts?ds=sidebyside diff --git a/src/store/context-menu/context-menu-actions.ts b/src/store/context-menu/context-menu-actions.ts index 5ec3a84b..9a5b3099 100644 --- a/src/store/context-menu/context-menu-actions.ts +++ b/src/store/context-menu/context-menu-actions.ts @@ -3,15 +3,26 @@ // 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 { getResource, getResourceWithEditableStatus } from '../resources/resources'; import { UserResource } from '~/models/user'; import { isSidePanelTreeCategory } from '~/store/side-panel-tree/side-panel-tree-actions'; -import { extractUuidKind, ResourceKind } from '~/models/resource'; +import { extractUuidKind, ResourceKind, EditableResource } from '~/models/resource'; +import { Process } from '~/store/processes/process'; +import { RepositoryResource } from '~/models/repositories'; +import { SshKeyResource } from '~/models/ssh-key'; +import { VirtualMachinesResource } from '~/models/virtual-machines'; +import { KeepServiceResource } from '~/models/keep-services'; +import { ProcessResource } from '~/models/process'; +import { CollectionResource } from '~/models/collection'; +import { GroupClass, GroupResource } from '~/models/group'; +import { GroupContentsResource } from '~/services/groups-service/groups-service'; +import { getProjectPanelCurrentUuid } from '~/store/project-panel/project-panel-action'; +import { matchProjectRoute } from '~/routes/routes'; +import { RouterState } from "react-router-redux"; export const contextMenuActions = unionize({ OPEN_CONTEXT_MENU: ofType<{ position: ContextMenuPosition, resource: ContextMenuResource }>(), @@ -25,21 +36,114 @@ export type ContextMenuResource = { uuid: string; ownerUuid: string; description?: string; - kind: ContextMenuKind; + kind: ResourceKind, + menuKind: ContextMenuKind; isTrashed?: boolean; + isEditable?: boolean; + outputUuid?: string; + workflowUuid?: string; }; +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 }) ); }; +export const openCollectionFilesContextMenu = (event: React.MouseEvent, isWritable: boolean) => + (dispatch: Dispatch, getState: () => RootState) => { + const isCollectionFileSelected = JSON.stringify(getState().collectionPanelFiles).includes('"selected":true'); + dispatch(openContextMenu(event, { + name: '', + uuid: '', + ownerUuid: '', + kind: ResourceKind.COLLECTION, + menuKind: isCollectionFileSelected + ? isWritable + ? ContextMenuKind.COLLECTION_FILES + : ContextMenuKind.READONLY_COLLECTION_FILES + : ContextMenuKind.COLLECTION_FILES_NOT_SELECTED + })); + }; + +export const openRepositoryContextMenu = (event: React.MouseEvent, repository: RepositoryResource) => + (dispatch: Dispatch, getState: () => RootState) => { + dispatch(openContextMenu(event, { + name: '', + uuid: repository.uuid, + ownerUuid: repository.ownerUuid, + kind: ResourceKind.REPOSITORY, + menuKind: ContextMenuKind.REPOSITORY + })); + }; + +export const openVirtualMachinesContextMenu = (event: React.MouseEvent, repository: VirtualMachinesResource) => + (dispatch: Dispatch, getState: () => RootState) => { + dispatch(openContextMenu(event, { + name: '', + uuid: repository.uuid, + ownerUuid: repository.ownerUuid, + kind: ResourceKind.VIRTUAL_MACHINE, + menuKind: ContextMenuKind.VIRTUAL_MACHINE + })); + }; + +export const openSshKeyContextMenu = (event: React.MouseEvent, sshKey: SshKeyResource) => + (dispatch: Dispatch) => { + dispatch(openContextMenu(event, { + name: '', + uuid: sshKey.uuid, + ownerUuid: sshKey.ownerUuid, + kind: ResourceKind.SSH_KEY, + menuKind: ContextMenuKind.SSH_KEY + })); + }; + +export const openKeepServiceContextMenu = (event: React.MouseEvent, keepService: KeepServiceResource) => + (dispatch: Dispatch) => { + dispatch(openContextMenu(event, { + name: '', + uuid: keepService.uuid, + ownerUuid: keepService.ownerUuid, + kind: ResourceKind.KEEP_SERVICE, + menuKind: ContextMenuKind.KEEP_SERVICE + })); + }; + +export const openComputeNodeContextMenu = (event: React.MouseEvent, resourceUuid: string) => + (dispatch: Dispatch) => { + dispatch(openContextMenu(event, { + name: '', + uuid: resourceUuid, + ownerUuid: '', + kind: ResourceKind.NODE, + menuKind: ContextMenuKind.NODE + })); + }; + +export const openApiClientAuthorizationContextMenu = + (event: React.MouseEvent, resourceUuid: string) => + (dispatch: Dispatch) => { + dispatch(openContextMenu(event, { + name: '', + uuid: resourceUuid, + ownerUuid: '', + kind: ResourceKind.API_CLIENT_AUTHORIZATION, + menuKind: ContextMenuKind.API_CLIENT_AUTHORIZATION + })); + }; + export const openRootProjectContextMenu = (event: React.MouseEvent, projectUuid: string) => (dispatch: Dispatch, getState: () => RootState) => { const res = getResource(projectUuid)(getState().resources); @@ -48,22 +152,25 @@ export const openRootProjectContextMenu = (event: React.MouseEvent, name: '', uuid: res.uuid, ownerUuid: res.uuid, - kind: ContextMenuKind.ROOT_PROJECT, + kind: res.kind, + menuKind: ContextMenuKind.ROOT_PROJECT, isTrashed: false })); } }; -export const openProjectContextMenu = (event: React.MouseEvent, projectUuid: string) => +export const openProjectContextMenu = (event: React.MouseEvent, resourceUuid: string) => (dispatch: Dispatch, getState: () => RootState) => { - const res = getResource(projectUuid)(getState().resources); - if (res) { + const res = getResource(resourceUuid)(getState().resources); + const menuKind = dispatch(resourceUuidToContextMenuKind(resourceUuid)); + if (res && menuKind) { dispatch(openContextMenu(event, { name: res.name, uuid: res.uuid, - kind: ContextMenuKind.PROJECT, + kind: res.kind, + menuKind, ownerUuid: res.ownerUuid, - isTrashed: res.isTrashed + isTrashed: ('isTrashed' in res) ? res.isTrashed: false, })); } }; @@ -80,27 +187,88 @@ export const openSidePanelContextMenu = (event: React.MouseEvent, i } }; -export const openProcessContextMenu = (event: React.MouseEvent) => +export const openProcessContextMenu = (event: React.MouseEvent, process: Process) => (dispatch: Dispatch, getState: () => RootState) => { - const resource = { - uuid: '', - name: '', - description: '', - kind: ContextMenuKind.PROCESS - }; - dispatch(openContextMenu(event, resource)); + const res = getResource(process.containerRequest.uuid)(getState().resources); + if (res) { + dispatch(openContextMenu(event, { + uuid: res.uuid, + ownerUuid: res.ownerUuid, + kind: ResourceKind.PROCESS, + name: res.name, + description: res.description, + outputUuid: res.outputUuid || '', + workflowUuid: res.properties.workflowUuid || '', + menuKind: ContextMenuKind.PROCESS + })); + } }; -export const resourceKindToContextMenuKind = (uuid: string) => { - const kind = extractUuidKind(uuid); - switch (kind) { - case ResourceKind.PROJECT: - return ContextMenuKind.PROJECT; - case ResourceKind.COLLECTION: - return ContextMenuKind.COLLECTION_RESOURCE; - case ResourceKind.USER: - return ContextMenuKind.ROOT_PROJECT; - default: - return; +export const isProjectRoute = (router: RouterState) => { + if (router === undefined) { + return false; } + const pathname = router.location ? router.location.pathname : ''; + const matchProject = matchProjectRoute(pathname); + return Boolean(matchProject); }; + +export const resourceUuidToContextMenuKind = (uuid: string) => + (dispatch: Dispatch, getState: () => RootState) => { + const { isAdmin: isAdminUser, uuid: userUuid } = getState().auth.user!; + const kind = extractUuidKind(uuid); + const resource = getResourceWithEditableStatus(uuid, userUuid)(getState().resources); + + // When viewing the contents of a filter group, all contents should be treated as read only. + let inFilterGroup = false; + const { router } = getState(); + if (isProjectRoute(router)) { + const projectUuid = getProjectPanelCurrentUuid(getState()); + if (projectUuid !== undefined) { + const project = getResource(projectUuid)(getState().resources); + if (project) { + if (project.groupClass === GroupClass.FILTER) { + inFilterGroup = true; + } + } + } + } + + const isEditable = (isAdminUser || (resource || {} as EditableResource).isEditable) && !inFilterGroup; + switch (kind) { + case ResourceKind.PROJECT: + return (isAdminUser && !inFilterGroup) + ? (resource && resource.groupClass === GroupClass.PROJECT) + ? ContextMenuKind.PROJECT_ADMIN + : ContextMenuKind.READONLY_PROJECT + : isEditable + ? ContextMenuKind.PROJECT + : ContextMenuKind.READONLY_PROJECT; + case ResourceKind.COLLECTION: + const c = getResource(uuid)(getState().resources); + if (c === undefined) { return; } + const isOldVersion = c.uuid !== c.currentVersionUuid; + const isTrashed = c.isTrashed; + return isOldVersion + ? ContextMenuKind.OLD_VERSION_COLLECTION + : (isTrashed && isEditable) + ? ContextMenuKind.TRASHED_COLLECTION + : (isAdminUser && !inFilterGroup) + ? ContextMenuKind.COLLECTION_ADMIN + : isEditable + ? ContextMenuKind.COLLECTION + : ContextMenuKind.READONLY_COLLECTION; + case ResourceKind.PROCESS: + return (isAdminUser && !inFilterGroup) + ? ContextMenuKind.PROCESS_ADMIN + : inFilterGroup + ? ContextMenuKind.READONLY_PROCESS_RESOURCE + : ContextMenuKind.PROCESS_RESOURCE; + case ResourceKind.USER: + return ContextMenuKind.ROOT_PROJECT; + case ResourceKind.LINK: + return ContextMenuKind.LINK; + default: + return; + } + };