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