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 { openDetailsPanel } 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, resources) => {
  71         dispatch<any>(openDetailsPanel(resources[0].uuid));
  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 ];