src/store/search-bar/search-bar-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 { GroupContentsResource, GroupContentsResourcePrefix } from '~/services/groups-service/groups-service';
   7 import { Dispatch } from 'redux';
   8 import { RootState } from '~/store/store';
   9 import { ServiceRepository } from '~/services/services';
  10 import { FilterBuilder } from "~/services/api/filter-builder";
  11 import { ResourceKind } from '~/models/resource';
  12 import { GroupClass } from '~/models/group';
  13 import { SearchView } from '~/store/search-bar/search-bar-reducer';
  14 import { navigateToSearchResults, navigateTo } from '~/store/navigation/navigation-action';
  15 import { snackbarActions, SnackbarKind } from '~/store/snackbar/snackbar-actions';
  16 import { SearchBarAdvanceFormData } from '~/models/search-bar';
  17 import { initialize } from 'redux-form';
  18
  19 export const searchBarActions = unionize({
  20     SET_CURRENT_VIEW: ofType<string>(),
  21     OPEN_SEARCH_VIEW: ofType<{}>(),
  22     CLOSE_SEARCH_VIEW: ofType<{}>(),
  23     SET_SEARCH_RESULTS: ofType<GroupContentsResource[]>(),
  24     SET_SEARCH_VALUE: ofType<string>(),
  25     SET_SAVED_QUERIES: ofType<SearchBarAdvanceFormData[]>()
  26 });
  27
  28 export type SearchBarActions = UnionOf<typeof searchBarActions>;
  29
  30 export const SEARCH_BAR_ADVANCE_FORM_NAME = 'searchBarAdvanceFormName';
  31
  32 export const goToView = (currentView: string) => searchBarActions.SET_CURRENT_VIEW(currentView);
  33
  34 export const saveRecentQuery = (query: string) =>
  35     (dispatch: Dispatch<any>, getState: () => RootState, services: ServiceRepository) =>
  36         services.searchService.saveRecentQuery(query);
  37
  38
  39 export const loadRecentQueries = () =>
  40     (dispatch: Dispatch<any>, getState: () => RootState, services: ServiceRepository) => {
  41         const recentSearchQueries = services.searchService.getRecentQueries();
  42         return recentSearchQueries || [];
  43     };
  44
  45 export const saveQuery = (data: SearchBarAdvanceFormData) =>
  46     (dispatch: Dispatch<any>, getState: () => RootState, services: ServiceRepository) => {
  47         if (data.saveQuery && data.searchQuery) {
  48             services.searchService.saveQuery(data);
  49             dispatch(searchBarActions.SET_SAVED_QUERIES(services.searchService.getSavedQueries()));
  50             dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Query has been sucessfully saved', kind: SnackbarKind.SUCCESS }));
  51         }
  52     };
  53
  54 export const deleteSavedQuery = (id: number) =>
  55     (dispatch: Dispatch<any>, getState: () => RootState, services: ServiceRepository) => {
  56         services.searchService.deleteSavedQuery(id);
  57         const savedSearchQueries = services.searchService.getSavedQueries();
  58         dispatch(searchBarActions.SET_SAVED_QUERIES(savedSearchQueries));
  59         return savedSearchQueries || [];
  60     };
  61
  62 export const editSavedQuery = (data: SearchBarAdvanceFormData, id: number) =>
  63     (dispatch: Dispatch<any>, getState: () => RootState, services: ServiceRepository) => {
  64         dispatch(searchBarActions.SET_CURRENT_VIEW(SearchView.ADVANCED));
  65         dispatch<any>(initialize(SEARCH_BAR_ADVANCE_FORM_NAME, data));
  66     };
  67
  68 export const openSearchView = () =>
  69     (dispatch: Dispatch<any>, getState: () => RootState, services: ServiceRepository) => {
  70         dispatch(searchBarActions.OPEN_SEARCH_VIEW());
  71         const savedSearchQueries = services.searchService.getSavedQueries();
  72         dispatch(searchBarActions.SET_SAVED_QUERIES(savedSearchQueries));
  73     };
  74
  75 export const closeSearchView = () =>
  76     (dispatch: Dispatch<any>, getState: () => RootState, services: ServiceRepository) => {
  77         const isOpen = getState().searchBar.open;
  78         if (isOpen) {
  79             dispatch(searchBarActions.CLOSE_SEARCH_VIEW());
  80             dispatch(searchBarActions.SET_CURRENT_VIEW(SearchView.BASIC));
  81         }
  82     };
  83
  84 export const navigateToItem = (uuid: string) =>
  85     (dispatch: Dispatch<any>, getState: () => RootState, services: ServiceRepository) => {
  86         dispatch(searchBarActions.CLOSE_SEARCH_VIEW());
  87         dispatch(navigateTo(uuid));
  88     };
  89
  90 export const searchData = (searchValue: string) =>
  91     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
  92         const currentView = getState().searchBar.currentView;
  93         if (currentView !== SearchView.AUTOCOMPLETE) {
  94             dispatch(searchBarActions.CLOSE_SEARCH_VIEW());
  95         }
  96         dispatch(searchBarActions.SET_SEARCH_VALUE(searchValue));
  97         dispatch(searchBarActions.SET_SEARCH_RESULTS([]));
  98         if (searchValue) {
  99             const filters = getFilters('name', searchValue);
 100             const { items } = await services.groupsService.contents('', {
 101                 filters,
 102                 limit: 5,
 103                 recursive: true
 104             });
 105             dispatch(searchBarActions.SET_SEARCH_RESULTS(items));
 106         }
 107         dispatch(navigateToSearchResults);
 108     };
 109
 110 export const getFilters = (filterName: string, searchValue: string): string => {
 111     return new FilterBuilder()
 112         .addIsA("uuid", [ResourceKind.PROJECT, ResourceKind.COLLECTION, ResourceKind.PROCESS])
 113         .addILike(filterName, searchValue, GroupContentsResourcePrefix.COLLECTION)
 114         .addILike(filterName, searchValue, GroupContentsResourcePrefix.PROCESS)
 115         .addILike(filterName, searchValue, GroupContentsResourcePrefix.PROJECT)
 116         .addEqual('groupClass', GroupClass.PROJECT, GroupContentsResourcePrefix.PROJECT)
 117         .getFilters();
 118 };