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 { FavoritePanelColumnNames, FavoritePanelFilter } 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 { ServiceRepository } from "~/services/services";
  11 import { SortDirection } from "~/components/data-table/data-column";
  12 import { FilterBuilder } from "~/common/api/filter-builder";
  13 import { checkPresenceInFavorites } from "../favorites/favorites-actions";
  14 import { favoritePanelActions } from "./favorite-panel-action";
  15 import { Dispatch, MiddlewareAPI } from "redux";
  16 import { OrderBuilder, OrderDirection } from "~/common/api/order-builder";
  17 import { LinkResource } from "~/models/link";
  18 import { GroupContentsResource, GroupContentsResourcePrefix } from "~/services/groups-service/groups-service";
  19
  20 export class FavoritePanelMiddlewareService extends DataExplorerMiddlewareService {
  21     constructor(private services: ServiceRepository, id: string) {
  22         super(id);
  23     }
  24
  25     requestItems(api: MiddlewareAPI<Dispatch, RootState>) {
  26         const dataExplorer = api.getState().dataExplorer[this.getId()];
  27         const columns = dataExplorer.columns as DataColumns<FavoritePanelItem, FavoritePanelFilter>;
  28         const sortColumn = dataExplorer.columns.find(
  29             c => c.sortDirection !== undefined && c.sortDirection !== "none"
  30         );
  31         const typeFilters = getColumnFilters(columns, FavoritePanelColumnNames.TYPE);
  32
  33         const linkOrder = new OrderBuilder<LinkResource>();
  34         const contentOrder = new OrderBuilder<GroupContentsResource>();
  35
  36         if (sortColumn && sortColumn.name === FavoritePanelColumnNames.NAME) {
  37             const direction = sortColumn.sortDirection === SortDirection.ASC
  38                 ? OrderDirection.ASC
  39                 : OrderDirection.DESC;
  40
  41             linkOrder.addOrder(direction, "name");
  42             contentOrder
  43                 .addOrder(direction, "name", GroupContentsResourcePrefix.COLLECTION)
  44                 .addOrder(direction, "name", GroupContentsResourcePrefix.PROCESS)
  45                 .addOrder(direction, "name", GroupContentsResourcePrefix.PROJECT);
  46         }
  47
  48         if (typeFilters.length > 0) {
  49             this.services.favoriteService
  50                 .list(this.services.authService.getUuid()!, {
  51                     limit: dataExplorer.rowsPerPage,
  52                     offset: dataExplorer.page * dataExplorer.rowsPerPage,
  53                     linkOrder: linkOrder.getOrder(),
  54                     contentOrder: contentOrder.getOrder(),
  55                     filters: new FilterBuilder()
  56                         .addIsA("headUuid", typeFilters.map(filter => filter.type))
  57                         .addILike("name", dataExplorer.searchValue)
  58                         .getFilters()
  59                 })
  60                 .then(response => {
  61                     api.dispatch(favoritePanelActions.SET_ITEMS({
  62                         items: response.items.map(resourceToDataItem),
  63                         itemsAvailable: response.itemsAvailable,
  64                         page: Math.floor(response.offset / response.limit),
  65                         rowsPerPage: response.limit
  66                     }));
  67                     api.dispatch<any>(checkPresenceInFavorites(response.items.map(item => item.uuid)));
  68                 });
  69         } else {
  70             api.dispatch(favoritePanelActions.SET_ITEMS({
  71                 items: [],
  72                 itemsAvailable: 0,
  73                 page: 0,
  74                 rowsPerPage: dataExplorer.rowsPerPage
  75             }));
  76         }
  77     }
  78 }
  79
  80 const getColumnFilters = (columns: DataColumns<FavoritePanelItem, FavoritePanelFilter>, columnName: string) => {
  81     const column = columns.find(c => c.name === columnName);
  82     return column && column.filters ? column.filters.filter(f => f.selected) : [];
  83 };