1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
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";
20 export class ProjectPanelMiddlewareService extends DataExplorerMiddlewareService {
21 constructor(private services: ServiceRepository, id: string) {
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,
39 ? sortColumn.name === ProjectPanelColumnNames.NAME
40 ? getOrder("name", sortDirection)
41 : getOrder("createdAt", sortDirection)
42 : OrderBuilder.create(),
43 filters: FilterBuilder
47 .addIsA("uuid", typeFilters.map(f => f.type)))
49 .create(GroupContentsResourcePrefix.PROCESS)
50 .addIn("state", statusFilters.map(f => f.type)))
51 .concat(getSearchFilter(dataExplorer.searchValue))
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
60 api.dispatch<any>(checkPresenceInFavorites(response.items.map(item => item.uuid)));
63 api.dispatch(projectPanelActions.SET_ITEMS({
67 rowsPerPage: dataExplorer.rowsPerPage
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) : [];
78 const getOrder = (attribute: "name" | "createdAt", direction: SortDirection) =>
80 OrderBuilder.create<GroupContentsResource>(GroupContentsResourcePrefix.COLLECTION),
81 OrderBuilder.create<GroupContentsResource>(GroupContentsResourcePrefix.PROCESS),
82 OrderBuilder.create<GroupContentsResource>(GroupContentsResourcePrefix.PROJECT)
84 acc.concat(direction === SortDirection.ASC
86 : b.addDesc(attribute)), OrderBuilder.create());
88 const getSearchFilter = (searchValue: string) =>
91 FilterBuilder.create(GroupContentsResourcePrefix.COLLECTION),
92 FilterBuilder.create(GroupContentsResourcePrefix.PROCESS),
93 FilterBuilder.create(GroupContentsResourcePrefix.PROJECT)]
95 acc.concat(b.addILike("name", searchValue)), FilterBuilder.create())
96 : FilterBuilder.create();