X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/1bbdd9c70d0099e0bf46b3c1ac55e423e3406314..f470b41502497ccc4b37872cc921d71e57a37986:/src/store/data-explorer/data-explorer-action.ts diff --git a/src/store/data-explorer/data-explorer-action.ts b/src/store/data-explorer/data-explorer-action.ts index 7797ae6c..80b743a2 100644 --- a/src/store/data-explorer/data-explorer-action.ts +++ b/src/store/data-explorer/data-explorer-action.ts @@ -3,35 +3,52 @@ // SPDX-License-Identifier: AGPL-3.0 import { unionize, ofType, UnionOf } from "~/common/unionize"; -import { DataColumns } from "~/components/data-table/data-table"; +import { DataColumns, DataTableFetchMode } from "~/components/data-table/data-table"; import { DataTableFilters } from '~/components/data-table-filters/data-table-filters-tree'; +export enum DataTableRequestState { + IDLE, + PENDING, + NEED_REFRESH +} + export const dataExplorerActions = unionize({ + CLEAR: ofType<{ id: string }>(), RESET_PAGINATION: ofType<{ id: string }>(), - REQUEST_ITEMS: ofType<{ id: string }>(), + REQUEST_ITEMS: ofType<{ id: string, criteriaChanged?: boolean }>(), + REQUEST_STATE: ofType<{ id: string, criteriaChanged?: boolean }>(), + SET_FETCH_MODE: ofType<({ id: string, fetchMode: DataTableFetchMode })>(), SET_COLUMNS: ofType<{ id: string, columns: DataColumns }>(), SET_FILTERS: ofType<{ id: string, columnName: string, filters: DataTableFilters }>(), SET_ITEMS: ofType<{ id: string, items: any[], page: number, rowsPerPage: number, itemsAvailable: number }>(), + APPEND_ITEMS: ofType<{ id: string, items: any[], page: number, rowsPerPage: number, itemsAvailable: number }>(), SET_PAGE: ofType<{ id: string, page: number }>(), SET_ROWS_PER_PAGE: ofType<{ id: string, rowsPerPage: number }>(), TOGGLE_COLUMN: ofType<{ id: string, columnName: string }>(), TOGGLE_SORT: ofType<{ id: string, columnName: string }>(), SET_EXPLORER_SEARCH_VALUE: ofType<{ id: string, searchValue: string }>(), + SET_REQUEST_STATE: ofType<{ id: string, requestState: DataTableRequestState }>(), }); export type DataExplorerAction = UnionOf; export const bindDataExplorerActions = (id: string) => ({ + CLEAR: () => + dataExplorerActions.CLEAR({ id }), RESET_PAGINATION: () => dataExplorerActions.RESET_PAGINATION({ id }), - REQUEST_ITEMS: () => - dataExplorerActions.REQUEST_ITEMS({ id }), + REQUEST_ITEMS: (criteriaChanged?: boolean) => + dataExplorerActions.REQUEST_ITEMS({ id, criteriaChanged }), + SET_FETCH_MODE: (payload: { fetchMode: DataTableFetchMode }) => + dataExplorerActions.SET_FETCH_MODE({ ...payload, id }), SET_COLUMNS: (payload: { columns: DataColumns }) => dataExplorerActions.SET_COLUMNS({ ...payload, id }), SET_FILTERS: (payload: { columnName: string, filters: DataTableFilters }) => dataExplorerActions.SET_FILTERS({ ...payload, id }), SET_ITEMS: (payload: { items: any[], page: number, rowsPerPage: number, itemsAvailable: number }) => dataExplorerActions.SET_ITEMS({ ...payload, id }), + APPEND_ITEMS: (payload: { items: any[], page: number, rowsPerPage: number, itemsAvailable: number }) => + dataExplorerActions.APPEND_ITEMS({ ...payload, id }), SET_PAGE: (payload: { page: number }) => dataExplorerActions.SET_PAGE({ ...payload, id }), SET_ROWS_PER_PAGE: (payload: { rowsPerPage: number }) => @@ -42,4 +59,6 @@ export const bindDataExplorerActions = (id: string) => ({ dataExplorerActions.TOGGLE_SORT({ ...payload, id }), SET_EXPLORER_SEARCH_VALUE: (payload: { searchValue: string }) => dataExplorerActions.SET_EXPLORER_SEARCH_VALUE({ ...payload, id }), + SET_REQUEST_STATE: (payload: { requestState: DataTableRequestState }) => + dataExplorerActions.SET_REQUEST_STATE({ ...payload, id }) });