X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/1080aac872d8c1d00b55a7291d88b704fc400813..6c2cda1556008aff8aa3c0a0aa8d8164606f5c42:/src/store/search-bar/search-bar-actions.ts diff --git a/src/store/search-bar/search-bar-actions.ts b/src/store/search-bar/search-bar-actions.ts index dbc77a84..97367e20 100644 --- a/src/store/search-bar/search-bar-actions.ts +++ b/src/store/search-bar/search-bar-actions.ts @@ -10,43 +10,99 @@ import { ServiceRepository } from '~/services/services'; import { FilterBuilder } from "~/services/api/filter-builder"; import { ResourceKind } from '~/models/resource'; import { GroupClass } from '~/models/group'; +import { SearchView } from '~/store/search-bar/search-bar-reducer'; +import { navigateToSearchResults, navigateTo } from '~/store/navigation/navigation-action'; +import { snackbarActions, SnackbarKind } from '~/store/snackbar/snackbar-actions'; +import { SearchBarAdvanceFormData } from '~/models/search-bar'; +import { initialize } from 'redux-form'; export const searchBarActions = unionize({ SET_CURRENT_VIEW: ofType(), OPEN_SEARCH_VIEW: ofType<{}>(), CLOSE_SEARCH_VIEW: ofType<{}>(), SET_SEARCH_RESULTS: ofType(), - SET_SEARCH_VALUE: ofType() + SET_SEARCH_VALUE: ofType(), + SET_SAVED_QUERIES: ofType() }); export type SearchBarActions = UnionOf; -export interface SearchBarAdvanceFormData { - type?: GroupContentsResource; - cluster?: string; - project?: string; - dataFrom: string; - dataTo: string; - searchQuery: string; -} - export const SEARCH_BAR_ADVANCE_FORM_NAME = 'searchBarAdvanceFormName'; export const goToView = (currentView: string) => searchBarActions.SET_CURRENT_VIEW(currentView); export const saveRecentQuery = (query: string) => - (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { - services.searchQueriesService.saveRecentQuery(query); - }; + (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => + services.searchService.saveRecentQuery(query); + export const loadRecentQueries = () => (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { - const recentSearchQueries = services.searchQueriesService.getRecentQueries(); + const recentSearchQueries = services.searchService.getRecentQueries(); return recentSearchQueries || []; }; +export const saveQuery = (data: SearchBarAdvanceFormData) => + (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { + if (data.saveQuery && data.searchQuery) { + services.searchService.saveQuery(data); + dispatch(searchBarActions.SET_SAVED_QUERIES(services.searchService.getSavedQueries())); + dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Query has been sucessfully saved', kind: SnackbarKind.SUCCESS })); + } + }; + +export const deleteSavedQuery = (id: number) => + (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { + services.searchService.deleteSavedQuery(id); + const savedSearchQueries = services.searchService.getSavedQueries(); + dispatch(searchBarActions.SET_SAVED_QUERIES(savedSearchQueries)); + return savedSearchQueries || []; + }; + +export const editSavedQuery = (data: SearchBarAdvanceFormData, id: number) => + (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { + dispatch(searchBarActions.SET_CURRENT_VIEW(SearchView.ADVANCED)); + const initialData: SearchBarAdvanceFormData = { + type: data.type, + cluster: data.cluster, + project: data.project, + inTrash: data.inTrash, + dateFrom: data.dateFrom, + dateTo: data.dateTo, + saveQuery: data.saveQuery, + searchQuery: data.searchQuery + }; + dispatch(initialize(SEARCH_BAR_ADVANCE_FORM_NAME, initialData)); + }; + +export const openSearchView = () => + (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { + dispatch(searchBarActions.OPEN_SEARCH_VIEW()); + const savedSearchQueries = services.searchService.getSavedQueries(); + dispatch(searchBarActions.SET_SAVED_QUERIES(savedSearchQueries)); + }; + +export const closeSearchView = () => + (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { + const isOpen = getState().searchBar.open; + if (isOpen) { + dispatch(searchBarActions.CLOSE_SEARCH_VIEW()); + dispatch(searchBarActions.SET_CURRENT_VIEW(SearchView.BASIC)); + } + }; + +export const navigateToItem = (uuid: string) => + (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { + dispatch(searchBarActions.CLOSE_SEARCH_VIEW()); + dispatch(navigateTo(uuid)); + }; + export const searchData = (searchValue: string) => async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { + const currentView = getState().searchBar.currentView; + if (currentView !== SearchView.AUTOCOMPLETE) { + dispatch(searchBarActions.CLOSE_SEARCH_VIEW()); + } dispatch(searchBarActions.SET_SEARCH_VALUE(searchValue)); dispatch(searchBarActions.SET_SEARCH_RESULTS([])); if (searchValue) { @@ -58,9 +114,10 @@ export const searchData = (searchValue: string) => }); dispatch(searchBarActions.SET_SEARCH_RESULTS(items)); } + dispatch(navigateToSearchResults); }; -const getFilters = (filterName: string, searchValue: string): string => { +export const getFilters = (filterName: string, searchValue: string): string => { return new FilterBuilder() .addIsA("uuid", [ResourceKind.PROJECT, ResourceKind.COLLECTION, ResourceKind.PROCESS]) .addILike(filterName, searchValue, GroupContentsResourcePrefix.COLLECTION)