src/store/favorite-panel/favorite-panel-middleware-service.ts

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import { DataExplorerMiddlewareService } from "../data-explorer/data-explorer-middleware-service";
   6 import { FavoritePanelFilter, FavoritePanelColumnNames } from "~/views/favorite-panel/favorite-panel";
   7 import { RootState } from "../store";
   8 import { DataColumns } from "~/components/data-table/data-table";
   9 import { FavoritePanelItem, resourceToDataItem } from "~/views/favorite-panel/favorite-panel-item";
  10 import { FavoriteOrderBuilder } from "~/services/favorite-service/favorite-order-builder";
  11 import { ServiceRepository } from "~/services/services";
  12 import { SortDirection } from "~/components/data-table/data-column";
  13 import { FilterBuilder } from "~/common/api/filter-builder";
  14 import { checkPresenceInFavorites } from "../favorites/favorites-actions";
  15 import { favoritePanelActions } from "./favorite-panel-action";
  16 import { Dispatch, MiddlewareAPI } from "redux";
  17
  18 export class FavoritePanelMiddlewareService extends DataExplorerMiddlewareService {
  19     constructor(private services: ServiceRepository, id: string) {
  20         super(id);
  21     }
  22
  23     requestItems(api: MiddlewareAPI<Dispatch, RootState>) {
  24         const dataExplorer = api.getState().dataExplorer[this.getId()];
  25         const columns = dataExplorer.columns as DataColumns<FavoritePanelItem, FavoritePanelFilter>;
  26         const sortColumn = dataExplorer.columns.find(
  27             ({ sortDirection }) => sortDirection !== undefined && sortDirection !== "none"
  28         );
  29         const typeFilters = getColumnFilters(columns, FavoritePanelColumnNames.TYPE);
  30         const order = FavoriteOrderBuilder.create();
  31         if (typeFilters.length > 0) {
  32             this.services.favoriteService
  33                 .list(this.services.authService.getUuid()!, {
  34                     limit: dataExplorer.rowsPerPage,
  35                     offset: dataExplorer.page * dataExplorer.rowsPerPage,
  36                     order: sortColumn!.name === FavoritePanelColumnNames.NAME
  37                         ? sortColumn!.sortDirection === SortDirection.ASC
  38                             ? order.addDesc("name")
  39                             : order.addAsc("name")
  40                         : order,
  41                     filters: FilterBuilder
  42                         .create()
  43                         .addIsA("headUuid", typeFilters.map(filter => filter.type))
  44                         .addILike("name", dataExplorer.searchValue)
  45                 })
  46                 .then(response => {
  47                     api.dispatch(favoritePanelActions.SET_ITEMS({
  48                         items: response.items.map(resourceToDataItem),
  49                         itemsAvailable: response.itemsAvailable,
  50                         page: Math.floor(response.offset / response.limit),
  51                         rowsPerPage: response.limit
  52                     }));
  53                     api.dispatch<any>(checkPresenceInFavorites(response.items.map(item => item.uuid)));
  54                 });
  55         } else {
  56             api.dispatch(favoritePanelActions.SET_ITEMS({
  57                 items: [],
  58                 itemsAvailable: 0,
  59                 page: 0,
  60                 rowsPerPage: dataExplorer.rowsPerPage
  61             }));
  62         }
  63     }
  64 }
  65
  66 const getColumnFilters = (columns: DataColumns<FavoritePanelItem, FavoritePanelFilter>, columnName: string) => {
  67     const column = columns.find(c => c.name === columnName);
  68     return column && column.filters ? column.filters.filter(f => f.selected) : [];
  69 };