src/store/project-panel/project-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 { ProjectPanelColumnNames, ProjectPanelFilter } from "../../views/project-panel/project-panel";
   7 import { RootState } from "../store";
   8 import { DataColumns } from "../../components/data-table/data-table";
   9 import { ServiceRepository } from "../../services/services";
  10 import { ProjectPanelItem, resourceToDataItem } from "../../views/project-panel/project-panel-item";
  11 import { SortDirection } from "../../components/data-table/data-column";
  12 import { OrderBuilder } from "../../common/api/order-builder";
  13 import { FilterBuilder } from "../../common/api/filter-builder";
  14 import { ProcessResource } from "../../models/process";
  15 import { GroupContentsResourcePrefix, GroupContentsResource } from "../../services/groups-service/groups-service";
  16 import { checkPresenceInFavorites } from "../favorites/favorites-actions";
  17 import { projectPanelActions } from "./project-panel-action";
  18 import { Dispatch, MiddlewareAPI } from "redux";
  19
  20 export class ProjectPanelMiddlewareService extends DataExplorerMiddlewareService {
  21     constructor(private services: ServiceRepository, id: string) {
  22         super(id);
  23     }
  24
  25     requestItems(api: MiddlewareAPI<Dispatch, RootState>) {
  26         const state = api.getState();
  27         const dataExplorer = state.dataExplorer[this.getId()];
  28         const columns = dataExplorer.columns as DataColumns<ProjectPanelItem, ProjectPanelFilter>;
  29         const typeFilters = getColumnFilters(columns, ProjectPanelColumnNames.TYPE);
  30         const statusFilters = getColumnFilters(columns, ProjectPanelColumnNames.STATUS);
  31         const sortColumn = dataExplorer.columns.find(({ sortDirection }) => Boolean(sortDirection && sortDirection !== "none"));
  32         const sortDirection = sortColumn && sortColumn.sortDirection === SortDirection.ASC ? SortDirection.ASC : SortDirection.DESC;
  33         if (typeFilters.length > 0) {
  34             this.services.groupsService
  35                 .contents(state.projects.currentItemId, {
  36                     limit: dataExplorer.rowsPerPage,
  37                     offset: dataExplorer.page * dataExplorer.rowsPerPage,
  38                     order: sortColumn
  39                         ? sortColumn.name === ProjectPanelColumnNames.NAME
  40                             ? getOrder("name", sortDirection)
  41                             : getOrder("createdAt", sortDirection)
  42                         : OrderBuilder.create(),
  43                     filters: FilterBuilder
  44                         .create()
  45                         .concat(FilterBuilder
  46                             .create()
  47                             .addIsA("uuid", typeFilters.map(f => f.type)))
  48                         .concat(FilterBuilder
  49                             .create(GroupContentsResourcePrefix.PROCESS)
  50                             .addIn("state", statusFilters.map(f => f.type)))
  51                         .concat(getSearchFilter(dataExplorer.searchValue))
  52                 })
  53                 .then(response => {
  54                     api.dispatch(projectPanelActions.SET_ITEMS({
  55                         items: response.items.map(resourceToDataItem),
  56                         itemsAvailable: response.itemsAvailable,
  57                         page: Math.floor(response.offset / response.limit),
  58                         rowsPerPage: response.limit
  59                     }));
  60                     api.dispatch<any>(checkPresenceInFavorites(response.items.map(item => item.uuid)));
  61                 });
  62         } else {
  63             api.dispatch(projectPanelActions.SET_ITEMS({
  64                 items: [],
  65                 itemsAvailable: 0,
  66                 page: 0,
  67                 rowsPerPage: dataExplorer.rowsPerPage
  68             }));
  69         }
  70     }
  71 }
  72
  73 const getColumnFilters = (columns: DataColumns<ProjectPanelItem, ProjectPanelFilter>, columnName: string) => {
  74     const column = columns.find(c => c.name === columnName);
  75     return column && column.filters ? column.filters.filter(f => f.selected) : [];
  76 };
  77
  78 const getOrder = (attribute: "name" | "createdAt", direction: SortDirection) =>
  79     [
  80         OrderBuilder.create<GroupContentsResource>(GroupContentsResourcePrefix.COLLECTION),
  81         OrderBuilder.create<GroupContentsResource>(GroupContentsResourcePrefix.PROCESS),
  82         OrderBuilder.create<GroupContentsResource>(GroupContentsResourcePrefix.PROJECT)
  83     ].reduce((acc, b) =>
  84         acc.concat(direction === SortDirection.ASC
  85             ? b.addAsc(attribute)
  86             : b.addDesc(attribute)), OrderBuilder.create());
  87
  88 const getSearchFilter = (searchValue: string) =>
  89     searchValue
  90         ? [
  91             FilterBuilder.create(GroupContentsResourcePrefix.COLLECTION),
  92             FilterBuilder.create(GroupContentsResourcePrefix.PROCESS),
  93             FilterBuilder.create(GroupContentsResourcePrefix.PROJECT)]
  94             .reduce((acc, b) =>
  95                 acc.concat(b.addILike("name", searchValue)), FilterBuilder.create())
  96         : FilterBuilder.create();