Extract major components from workbench
[arvados-workbench2.git] / 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 { SortDirection } from "~/components/data-table/data-column";
11 import { OrderBuilder, OrderDirection } from "~/common/api/order-builder";
12 import { FilterBuilder } from "~/common/api/filter-builder";
13 import { GroupContentsResourcePrefix } from "~/services/groups-service/groups-service";
14 import { checkPresenceInFavorites } from "../favorites/favorites-actions";
15 import { projectPanelActions } from "./project-panel-action";
16 import { Dispatch, MiddlewareAPI } from "redux";
17 import { ProjectResource } from "~/models/project";
18 import { resourcesActions } from "~/store/resources/resources-actions";
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<string, ProjectPanelFilter>;
29         const typeFilters = this.getColumnFilters(columns, ProjectPanelColumnNames.TYPE);
30         const statusFilters = this.getColumnFilters(columns, ProjectPanelColumnNames.STATUS);
31         const sortColumn = dataExplorer.columns.find(c => c.sortDirection !== SortDirection.NONE);
32
33         const order = new OrderBuilder<ProjectResource>();
34
35         if (sortColumn) {
36             const sortDirection = sortColumn && sortColumn.sortDirection === SortDirection.ASC
37                 ? OrderDirection.ASC
38                 : OrderDirection.DESC;
39
40             const columnName = sortColumn && sortColumn.name === ProjectPanelColumnNames.NAME ? "name" : "createdAt";
41             order
42                 .addOrder(sortDirection, columnName, GroupContentsResourcePrefix.COLLECTION)
43                 .addOrder(sortDirection, columnName, GroupContentsResourcePrefix.PROCESS)
44                 .addOrder(sortDirection, columnName, GroupContentsResourcePrefix.PROJECT);
45         }
46
47         this.services.groupsService
48             .contents(state.projects.currentItemId, {
49                 limit: dataExplorer.rowsPerPage,
50                 offset: dataExplorer.page * dataExplorer.rowsPerPage,
51                 order: order.getOrder(),
52                 filters: new FilterBuilder()
53                     .addIsA("uuid", typeFilters.map(f => f.type))
54                     .addIn("state", statusFilters.map(f => f.type), GroupContentsResourcePrefix.PROCESS)
55                     .addILike("name", dataExplorer.searchValue, GroupContentsResourcePrefix.COLLECTION)
56                     .addILike("name", dataExplorer.searchValue, GroupContentsResourcePrefix.PROCESS)
57                     .addILike("name", dataExplorer.searchValue, GroupContentsResourcePrefix.PROJECT)
58                     .getFilters()
59             })
60             .then(response => {
61                 api.dispatch(resourcesActions.SET_RESOURCES(response.items));
62                 api.dispatch(projectPanelActions.SET_ITEMS({
63                     items: response.items.map(resource => resource.uuid),
64                     itemsAvailable: response.itemsAvailable,
65                     page: Math.floor(response.offset / response.limit),
66                     rowsPerPage: response.limit
67                 }));
68                 api.dispatch<any>(checkPresenceInFavorites(response.items.map(item => item.uuid)));
69             })
70             .catch(() => {
71                 api.dispatch(projectPanelActions.SET_ITEMS({
72                     items: [],
73                     itemsAvailable: 0,
74                     page: 0,
75                     rowsPerPage: dataExplorer.rowsPerPage
76                 }));
77             });
78     }
79 }