Merge branch '21448-menu-reorder'
[arvados.git] / services / workbench2 / src / views-components / multiselect-toolbar / ms-menu-actions.ts
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 import { Dispatch } from 'redux';
6 import { IconType } from 'components/icon/icon';
7 import { ResourcesState } from 'store/resources/resources';
8 import { FavoritesState } from 'store/favorites/favorites-reducer';
9 import { ContextMenuResource } from 'store/context-menu/context-menu-actions';
10 import { AddFavoriteIcon, AdvancedIcon, DetailsIcon, OpenIcon, PublicFavoriteIcon, RemoveFavoriteIcon } from 'components/icon/icon';
11 import { checkFavorite } from 'store/favorites/favorites-reducer';
12 import { toggleFavorite } from 'store/favorites/favorites-actions';
13 import { favoritePanelActions } from 'store/favorite-panel/favorite-panel-action';
14 import { openInNewTabAction } from 'store/open-in-new-tab/open-in-new-tab.actions';
15 import { toggleDetailsPanel } from 'store/details-panel/details-panel-action';
16 import { openAdvancedTabDialog } from 'store/advanced-tab/advanced-tab';
17 import { togglePublicFavorite } from "store/public-favorites/public-favorites-actions";
18 import { publicFavoritePanelActions } from "store/public-favorites-panel/public-favorites-action";
19 import { PublicFavoritesState } from 'store/public-favorites/public-favorites-reducer';
20 import { ContextMenuActionNames } from 'views-components/context-menu/context-menu-action-set';
21
22 export type MultiSelectMenuAction = {
23     name: string;
24     icon: IconType;
25     hasAlts: boolean;
26     altName?: string;
27     altIcon?: IconType;
28     isForMulti: boolean;
29     useAlts?: (uuid: string | null, iconProps: {resources: ResourcesState, favorites: FavoritesState, publicFavorites: PublicFavoritesState}) => boolean;
30     execute(dispatch: Dispatch, resources: ContextMenuResource[], state?: any): void;
31     adminOnly?: boolean;
32 };
33
34 export type MultiSelectMenuActionSet = MultiSelectMenuAction[][];
35
36 const { ADD_TO_FAVORITES, ADD_TO_PUBLIC_FAVORITES, OPEN_IN_NEW_TAB, VIEW_DETAILS, API_DETAILS } = ContextMenuActionNames;
37
38 const msToggleFavoriteAction: MultiSelectMenuAction = {
39     name: ADD_TO_FAVORITES,
40     icon: AddFavoriteIcon,
41     hasAlts: true,
42     altName: 'Remove from Favorites',
43     altIcon: RemoveFavoriteIcon,
44     isForMulti: false,
45     useAlts: (uuid: string, iconProps) => {
46         return checkFavorite(uuid, iconProps.favorites);
47     },
48     execute: (dispatch, resources) => {
49         dispatch<any>(toggleFavorite(resources[0])).then(() => {
50             dispatch(favoritePanelActions.REQUEST_ITEMS());
51         });
52     },
53 };
54
55 const msOpenInNewTabMenuAction: MultiSelectMenuAction  = {
56     name: OPEN_IN_NEW_TAB,
57     icon: OpenIcon,
58     hasAlts: false,
59     isForMulti: false,
60     execute: (dispatch, resources) => {
61         dispatch<any>(openInNewTabAction(resources[0]));
62     },
63 };
64
65 const msViewDetailsAction: MultiSelectMenuAction  = {
66     name: VIEW_DETAILS,
67     icon: DetailsIcon,
68     hasAlts: false,
69     isForMulti: false,
70     execute: (dispatch) => {
71         dispatch<any>(toggleDetailsPanel());
72     },
73 };
74
75 const msAdvancedAction: MultiSelectMenuAction  = {
76     name: API_DETAILS,
77     icon: AdvancedIcon,
78     hasAlts: false,
79     isForMulti: false,
80     execute: (dispatch, resources) => {
81         dispatch<any>(openAdvancedTabDialog(resources[0].uuid));
82     },
83 };
84
85 const msTogglePublicFavoriteAction: MultiSelectMenuAction = {
86     name: ADD_TO_PUBLIC_FAVORITES,
87     icon: PublicFavoriteIcon,
88     hasAlts: true,
89     altName: 'Remove from public favorites',
90     altIcon: PublicFavoriteIcon,
91     isForMulti: false,
92     useAlts: (uuid: string, iconProps) => {
93         return iconProps.publicFavorites[uuid] === true
94     },
95     execute: (dispatch, resources) => {
96         dispatch<any>(togglePublicFavorite(resources[0])).then(() => {
97             dispatch(publicFavoritePanelActions.REQUEST_ITEMS());
98         });
99     },
100 };
101
102 export const msCommonActionSet = [
103     msToggleFavoriteAction,
104     msOpenInNewTabMenuAction,
105     msViewDetailsAction,
106     msAdvancedAction,
107     msTogglePublicFavoriteAction
108 ];