X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/37e43f4e19ad2bd27b15fe7f0d857218dad39055..c276ce4c8dd3cf27ad6d17eca9af473f353fda55:/src/store/favorite-panel/favorite-panel-middleware-service.ts diff --git a/src/store/favorite-panel/favorite-panel-middleware-service.ts b/src/store/favorite-panel/favorite-panel-middleware-service.ts index 65318410..f808b97e 100644 --- a/src/store/favorite-panel/favorite-panel-middleware-service.ts +++ b/src/store/favorite-panel/favorite-panel-middleware-service.ts @@ -3,17 +3,21 @@ // SPDX-License-Identifier: AGPL-3.0 import { DataExplorerMiddlewareService } from "../data-explorer/data-explorer-middleware-service"; -import { FavoritePanelFilter, FavoritePanelColumnNames } from "~/views/favorite-panel/favorite-panel"; +import { FavoritePanelColumnNames, FavoritePanelFilter } from "~/views/favorite-panel/favorite-panel"; import { RootState } from "../store"; import { DataColumns } from "~/components/data-table/data-table"; -import { FavoritePanelItem, resourceToDataItem } from "~/views/favorite-panel/favorite-panel-item"; -import { FavoriteOrderBuilder } from "~/services/favorite-service/favorite-order-builder"; import { ServiceRepository } from "~/services/services"; import { SortDirection } from "~/components/data-table/data-column"; -import { FilterBuilder } from "~/common/api/filter-builder"; -import { checkPresenceInFavorites } from "../favorites/favorites-actions"; +import { FilterBuilder } from "~/services/api/filter-builder"; +import { updateFavorites } from "../favorites/favorites-actions"; import { favoritePanelActions } from "./favorite-panel-action"; import { Dispatch, MiddlewareAPI } from "redux"; +import { OrderBuilder, OrderDirection } from "~/services/api/order-builder"; +import { LinkResource } from "~/models/link"; +import { GroupContentsResource, GroupContentsResourcePrefix } from "~/services/groups-service/groups-service"; +import { resourcesActions } from "~/store/resources/resources-actions"; +import { snackbarActions } from '~/store/snackbar/snackbar-actions'; +import { getDataExplorer } from "~/store/data-explorer/data-explorer-reducer"; export class FavoritePanelMiddlewareService extends DataExplorerMiddlewareService { constructor(private services: ServiceRepository, id: string) { @@ -21,49 +25,64 @@ export class FavoritePanelMiddlewareService extends DataExplorerMiddlewareServic } requestItems(api: MiddlewareAPI) { - const dataExplorer = api.getState().dataExplorer[this.getId()]; - const columns = dataExplorer.columns as DataColumns; - const sortColumn = dataExplorer.columns.find( - ({ sortDirection }) => sortDirection !== undefined && sortDirection !== "none" - ); - const typeFilters = getColumnFilters(columns, FavoritePanelColumnNames.TYPE); - const order = FavoriteOrderBuilder.create(); - if (typeFilters.length > 0) { + const dataExplorer = getDataExplorer(api.getState().dataExplorer, this.getId()); + if (!dataExplorer) { + api.dispatch(favoritesPanelDataExplorerIsNotSet()); + } else { + + const columns = dataExplorer.columns as DataColumns; + const sortColumn = dataExplorer.columns.find(c => c.sortDirection !== SortDirection.NONE); + const typeFilters = this.getColumnFilters(columns, FavoritePanelColumnNames.TYPE); + + const linkOrder = new OrderBuilder(); + const contentOrder = new OrderBuilder(); + + if (sortColumn && sortColumn.name === FavoritePanelColumnNames.NAME) { + const direction = sortColumn.sortDirection === SortDirection.ASC + ? OrderDirection.ASC + : OrderDirection.DESC; + + linkOrder.addOrder(direction, "name"); + contentOrder + .addOrder(direction, "name", GroupContentsResourcePrefix.COLLECTION) + .addOrder(direction, "name", GroupContentsResourcePrefix.PROCESS) + .addOrder(direction, "name", GroupContentsResourcePrefix.PROJECT); + } + this.services.favoriteService .list(this.services.authService.getUuid()!, { limit: dataExplorer.rowsPerPage, offset: dataExplorer.page * dataExplorer.rowsPerPage, - order: sortColumn!.name === FavoritePanelColumnNames.NAME - ? sortColumn!.sortDirection === SortDirection.ASC - ? order.addDesc("name") - : order.addAsc("name") - : order, - filters: FilterBuilder - .create() + linkOrder: linkOrder.getOrder(), + contentOrder: contentOrder.getOrder(), + filters: new FilterBuilder() .addIsA("headUuid", typeFilters.map(filter => filter.type)) .addILike("name", dataExplorer.searchValue) + .getFilters() }) .then(response => { + api.dispatch(resourcesActions.SET_RESOURCES(response.items)); api.dispatch(favoritePanelActions.SET_ITEMS({ - items: response.items.map(resourceToDataItem), + items: response.items.map(resource => resource.uuid), itemsAvailable: response.itemsAvailable, page: Math.floor(response.offset / response.limit), rowsPerPage: response.limit })); - api.dispatch(checkPresenceInFavorites(response.items.map(item => item.uuid))); + api.dispatch(updateFavorites(response.items.map(item => item.uuid))); + }) + .catch(() => { + api.dispatch(favoritePanelActions.SET_ITEMS({ + items: [], + itemsAvailable: 0, + page: 0, + rowsPerPage: dataExplorer.rowsPerPage + })); }); - } else { - api.dispatch(favoritePanelActions.SET_ITEMS({ - items: [], - itemsAvailable: 0, - page: 0, - rowsPerPage: dataExplorer.rowsPerPage - })); } } } -const getColumnFilters = (columns: DataColumns, columnName: string) => { - const column = columns.find(c => c.name === columnName); - return column && column.filters ? column.filters.filter(f => f.selected) : []; -}; +const favoritesPanelDataExplorerIsNotSet = () => + snackbarActions.OPEN_SNACKBAR({ + message: 'Favorites panel is not ready.' + });