1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
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 { matchProcessRoute } from '~/routes/routes';
16 import { Process } from '~/store/processes/process';
18 export const contextMenuActions = unionize({
19 OPEN_CONTEXT_MENU: ofType<{ position: ContextMenuPosition, resource: ContextMenuResource }>(),
20 CLOSE_CONTEXT_MENU: ofType<{}>()
23 export type ContextMenuAction = UnionOf<typeof contextMenuActions>;
25 export type ContextMenuResource = {
31 menuKind: ContextMenuKind;
34 export const isKeyboardClick = (event: React.MouseEvent<HTMLElement>) =>
35 event.nativeEvent.detail === 0;
36 export const openContextMenu = (event: React.MouseEvent<HTMLElement>, resource: ContextMenuResource) =>
37 (dispatch: Dispatch) => {
38 event.preventDefault();
39 const { left, top } = event.currentTarget.getBoundingClientRect();
41 contextMenuActions.OPEN_CONTEXT_MENU({
43 x: event.clientX || left,
44 y: event.clientY || top,
51 export const openRootProjectContextMenu = (event: React.MouseEvent<HTMLElement>, projectUuid: string) =>
52 (dispatch: Dispatch, getState: () => RootState) => {
53 const res = getResource<UserResource>(projectUuid)(getState().resources);
55 dispatch<any>(openContextMenu(event, {
60 menuKind: ContextMenuKind.ROOT_PROJECT,
66 export const openProjectContextMenu = (event: React.MouseEvent<HTMLElement>, projectUuid: string) =>
67 (dispatch: Dispatch, getState: () => RootState) => {
68 const res = getResource<ProjectResource>(projectUuid)(getState().resources);
70 dispatch<any>(openContextMenu(event, {
74 menuKind: ContextMenuKind.PROJECT,
75 ownerUuid: res.ownerUuid,
76 isTrashed: res.isTrashed
81 export const openSidePanelContextMenu = (event: React.MouseEvent<HTMLElement>, id: string) =>
82 (dispatch: Dispatch, getState: () => RootState) => {
83 if (!isSidePanelTreeCategory(id)) {
84 const kind = extractUuidKind(id);
85 if (kind === ResourceKind.USER) {
86 dispatch<any>(openRootProjectContextMenu(event, id));
87 } else if (kind === ResourceKind.PROJECT) {
88 dispatch<any>(openProjectContextMenu(event, id));
93 export const openProcessContextMenu = (event: React.MouseEvent<HTMLElement>, process: Process) =>
94 (dispatch: Dispatch, getState: () => RootState) => {
96 uuid: process.containerRequest.uuid,
98 kind: ResourceKind.PROCESS,
101 menuKind: ContextMenuKind.PROCESS
103 dispatch<any>(openContextMenu(event, resource));
106 export const resourceKindToContextMenuKind = (uuid: string) => {
107 const kind = extractUuidKind(uuid);
109 case ResourceKind.PROJECT:
110 return ContextMenuKind.PROJECT;
111 case ResourceKind.COLLECTION:
112 return ContextMenuKind.COLLECTION_RESOURCE;
113 case ResourceKind.PROCESS:
114 return ContextMenuKind.PROCESS_RESOURCE;
115 case ResourceKind.USER:
116 return ContextMenuKind.ROOT_PROJECT;