src/store/context-menu/context-menu-actions.ts

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import { unionize, ofType, UnionOf } from '~/common/unionize';
   6 import { ContextMenuPosition } from "./context-menu-reducer";
   7 import { ContextMenuKind } from '~/views-components/context-menu/context-menu';
   8 import { Dispatch } from 'redux';
   9 import { RootState } from '~/store/store';
  10 import { getResource } from '../resources/resources';
  11 import { ProjectResource } from '~/models/project';
  12 import { UserResource } from '~/models/user';
  13 import { isSidePanelTreeCategory } from '~/store/side-panel-tree/side-panel-tree-actions';
  14 import { extractUuidKind, ResourceKind } from '~/models/resource';
  15 import { Process } from '~/store/processes/process';
  16 import { RepositoryResource } from '~/models/repositories';
  17 import { SshKeyResource } from '~/models/ssh-key';
  18 import { VirtualMachinesResource } from '~/models/virtual-machines';
  19 import { KeepServiceResource } from '~/models/keep-services';
  20 import { ProcessResource } from '~/models/process';
  21
  22 export const contextMenuActions = unionize({
  23     OPEN_CONTEXT_MENU: ofType<{ position: ContextMenuPosition, resource: ContextMenuResource }>(),
  24     CLOSE_CONTEXT_MENU: ofType<{}>()
  25 });
  26
  27 export type ContextMenuAction = UnionOf<typeof contextMenuActions>;
  28
  29 export type ContextMenuResource = {
  30     name: string;
  31     uuid: string;
  32     ownerUuid: string;
  33     description?: string;
  34     kind: ResourceKind,
  35     menuKind: ContextMenuKind;
  36     isTrashed?: boolean;
  37     outputUuid?: string;
  38     workflowUuid?: string;
  39 };
  40
  41 export const isKeyboardClick = (event: React.MouseEvent<HTMLElement>) => event.nativeEvent.detail === 0;
  42
  43 export const openContextMenu = (event: React.MouseEvent<HTMLElement>, resource: ContextMenuResource) =>
  44     (dispatch: Dispatch) => {
  45         event.preventDefault();
  46         const { left, top } = event.currentTarget.getBoundingClientRect();
  47         dispatch(
  48             contextMenuActions.OPEN_CONTEXT_MENU({
  49                 position: {
  50                     x: event.clientX || left,
  51                     y: event.clientY || top,
  52                 },
  53                 resource
  54             })
  55         );
  56     };
  57
  58 export const openCollectionFilesContextMenu = (event: React.MouseEvent<HTMLElement>, isWritable: boolean) =>
  59     (dispatch: Dispatch, getState: () => RootState) => {
  60         const isCollectionFileSelected = JSON.stringify(getState().collectionPanelFiles).includes('"selected":true');
  61         dispatch<any>(openContextMenu(event, {
  62             name: '',
  63             uuid: '',
  64             ownerUuid: '',
  65             kind: ResourceKind.COLLECTION,
  66             menuKind: isCollectionFileSelected
  67                 ? isWritable
  68                     ? ContextMenuKind.COLLECTION_FILES
  69                     : ContextMenuKind.READONLY_COLLECTION_FILES
  70                 : ContextMenuKind.COLLECTION_FILES_NOT_SELECTED
  71         }));
  72     };
  73
  74 export const openRepositoryContextMenu = (event: React.MouseEvent<HTMLElement>, repository: RepositoryResource) =>
  75     (dispatch: Dispatch, getState: () => RootState) => {
  76         dispatch<any>(openContextMenu(event, {
  77             name: '',
  78             uuid: repository.uuid,
  79             ownerUuid: repository.ownerUuid,
  80             kind: ResourceKind.REPOSITORY,
  81             menuKind: ContextMenuKind.REPOSITORY
  82         }));
  83     };
  84
  85 export const openVirtualMachinesContextMenu = (event: React.MouseEvent<HTMLElement>, repository: VirtualMachinesResource) =>
  86     (dispatch: Dispatch, getState: () => RootState) => {
  87         dispatch<any>(openContextMenu(event, {
  88             name: '',
  89             uuid: repository.uuid,
  90             ownerUuid: repository.ownerUuid,
  91             kind: ResourceKind.VIRTUAL_MACHINE,
  92             menuKind: ContextMenuKind.VIRTUAL_MACHINE
  93         }));
  94     };
  95
  96 export const openSshKeyContextMenu = (event: React.MouseEvent<HTMLElement>, sshKey: SshKeyResource) =>
  97     (dispatch: Dispatch) => {
  98         dispatch<any>(openContextMenu(event, {
  99             name: '',
 100             uuid: sshKey.uuid,
 101             ownerUuid: sshKey.ownerUuid,
 102             kind: ResourceKind.SSH_KEY,
 103             menuKind: ContextMenuKind.SSH_KEY
 104         }));
 105     };
 106
 107 export const openKeepServiceContextMenu = (event: React.MouseEvent<HTMLElement>, keepService: KeepServiceResource) =>
 108     (dispatch: Dispatch) => {
 109         dispatch<any>(openContextMenu(event, {
 110             name: '',
 111             uuid: keepService.uuid,
 112             ownerUuid: keepService.ownerUuid,
 113             kind: ResourceKind.KEEP_SERVICE,
 114             menuKind: ContextMenuKind.KEEP_SERVICE
 115         }));
 116     };
 117
 118 export const openComputeNodeContextMenu = (event: React.MouseEvent<HTMLElement>, resourceUuid: string) =>
 119     (dispatch: Dispatch) => {
 120         dispatch<any>(openContextMenu(event, {
 121             name: '',
 122             uuid: resourceUuid,
 123             ownerUuid: '',
 124             kind: ResourceKind.NODE,
 125             menuKind: ContextMenuKind.NODE
 126         }));
 127     };
 128
 129 export const openApiClientAuthorizationContextMenu =
 130     (event: React.MouseEvent<HTMLElement>, resourceUuid: string) =>
 131         (dispatch: Dispatch) => {
 132             dispatch<any>(openContextMenu(event, {
 133                 name: '',
 134                 uuid: resourceUuid,
 135                 ownerUuid: '',
 136                 kind: ResourceKind.API_CLIENT_AUTHORIZATION,
 137                 menuKind: ContextMenuKind.API_CLIENT_AUTHORIZATION
 138             }));
 139         };
 140
 141 export const openRootProjectContextMenu = (event: React.MouseEvent<HTMLElement>, projectUuid: string) =>
 142     (dispatch: Dispatch, getState: () => RootState) => {
 143         const res = getResource<UserResource>(projectUuid)(getState().resources);
 144         if (res) {
 145             dispatch<any>(openContextMenu(event, {
 146                 name: '',
 147                 uuid: res.uuid,
 148                 ownerUuid: res.uuid,
 149                 kind: res.kind,
 150                 menuKind: ContextMenuKind.ROOT_PROJECT,
 151                 isTrashed: false
 152             }));
 153         }
 154     };
 155
 156 export const openProjectContextMenu = (event: React.MouseEvent<HTMLElement>, projectUuid: string) =>
 157     (dispatch: Dispatch, getState: () => RootState) => {
 158         const res = getResource<ProjectResource>(projectUuid)(getState().resources);
 159         const isAdmin = getState().auth.user!.isAdmin;
 160         if (res) {
 161             dispatch<any>(openContextMenu(event, {
 162                 name: res.name,
 163                 uuid: res.uuid,
 164                 kind: res.kind,
 165                 menuKind: !isAdmin ? ContextMenuKind.PROJECT : ContextMenuKind.PROJECT_ADMIN,
 166                 ownerUuid: res.ownerUuid,
 167                 isTrashed: res.isTrashed
 168             }));
 169         }
 170     };
 171
 172 export const openSidePanelContextMenu = (event: React.MouseEvent<HTMLElement>, id: string) =>
 173     (dispatch: Dispatch, getState: () => RootState) => {
 174         if (!isSidePanelTreeCategory(id)) {
 175             const kind = extractUuidKind(id);
 176             if (kind === ResourceKind.USER) {
 177                 dispatch<any>(openRootProjectContextMenu(event, id));
 178             } else if (kind === ResourceKind.PROJECT) {
 179                 dispatch<any>(openProjectContextMenu(event, id));
 180             }
 181         }
 182     };
 183
 184 export const openProcessContextMenu = (event: React.MouseEvent<HTMLElement>, process: Process) =>
 185     (dispatch: Dispatch, getState: () => RootState) => {
 186         const res = getResource<ProcessResource>(process.containerRequest.uuid)(getState().resources);
 187         if (res) {
 188             dispatch<any>(openContextMenu(event, {
 189                 uuid: res.uuid,
 190                 ownerUuid: res.ownerUuid,
 191                 kind: ResourceKind.PROCESS,
 192                 name: res.name,
 193                 description: res.description,
 194                 outputUuid: res.outputUuid || '',
 195                 workflowUuid: res.properties.workflowUuid || '',
 196                 menuKind: ContextMenuKind.PROCESS
 197             }));
 198         }
 199     };
 200
 201 export const resourceKindToContextMenuKind = (uuid: string, isAdmin?: boolean) => {
 202     const kind = extractUuidKind(uuid);
 203     switch (kind) {
 204         case ResourceKind.PROJECT:
 205             return !isAdmin ? ContextMenuKind.PROJECT : ContextMenuKind.PROJECT_ADMIN;
 206         case ResourceKind.COLLECTION:
 207             return !isAdmin ? ContextMenuKind.COLLECTION_RESOURCE : ContextMenuKind.COLLECTION_ADMIN;
 208         case ResourceKind.PROCESS:
 209             return !isAdmin ? ContextMenuKind.PROCESS_RESOURCE : ContextMenuKind.PROCESS_ADMIN;
 210         case ResourceKind.USER:
 211             return ContextMenuKind.ROOT_PROJECT;
 212         case ResourceKind.LINK:
 213             return ContextMenuKind.LINK;
 214         default:
 215             return;
 216     }
 217 };