15672: Subprocess list filter by status & pagination.
[arvados-workbench2.git] / src / store / subprocess-panel / subprocess-panel-middleware-service.ts
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 import { ServiceRepository } from '~/services/services';
6 import { MiddlewareAPI, Dispatch } from 'redux';
7 import {
8     DataExplorerMiddlewareService, dataExplorerToListParams, listResultsToDataExplorerItemsMeta, getDataExplorerColumnFilters
9 } from '~/store/data-explorer/data-explorer-middleware-service';
10 import { RootState } from '~/store/store';
11 import { snackbarActions, SnackbarKind } from '~/store/snackbar/snackbar-actions';
12 import { DataExplorer, getDataExplorer } from '~/store/data-explorer/data-explorer-reducer';
13 import { updateResources } from '~/store/resources/resources-actions';
14 import { SortDirection } from '~/components/data-table/data-column';
15 import { OrderDirection, OrderBuilder } from '~/services/api/order-builder';
16 import { ListResults } from '~/services/common-service/common-service';
17 import { getSortColumn } from "~/store/data-explorer/data-explorer-reducer";
18 import { ProcessResource } from '~/models/process';
19 import { SubprocessPanelColumnNames } from '~/views/subprocess-panel/subprocess-panel-root';
20 import { FilterBuilder } from '~/services/api/filter-builder';
21 import { subprocessPanelActions } from './subprocess-panel-actions';
22 import { DataColumns } from '~/components/data-table/data-table';
23
24 export class SubprocessMiddlewareService extends DataExplorerMiddlewareService {
25     constructor(private services: ServiceRepository, id: string) {
26         super(id);
27     }
28
29     async requestItems(api: MiddlewareAPI<Dispatch, RootState>) {
30         const state = api.getState();
31         const dataExplorer = getDataExplorer(state.dataExplorer, this.getId());
32         const columns = dataExplorer.columns as DataColumns<string>;
33         const statusFilters = getDataExplorerColumnFilters(columns, 'Status');
34         const activeStatusFilter = Object.keys(statusFilters).find(
35             filterName => statusFilters[filterName].selected
36         );
37
38         try {
39             const parentContainerRequestUuid = state.processPanel.containerRequestUuid;
40             if (parentContainerRequestUuid === "") { return; }
41
42             const parentContainerRequest = await this.services.containerRequestService.get(parentContainerRequestUuid);
43
44             if (!parentContainerRequest.containerUuid) { return; }
45
46             // Get all the subprocess' container requests and containers.
47             const fb = new FilterBuilder().addEqual('requesting_container_uuid', parentContainerRequest.containerUuid);
48             if (activeStatusFilter !== undefined && activeStatusFilter !== 'All') {
49                 fb.addEqual('container.state', activeStatusFilter);
50             }
51             const containerRequests = await this.services.containerRequestService.list(
52                 { ...getParams(dataExplorer), filters: fb.getFilters() });
53             if (containerRequests.items.length === 0) { return; }
54             const containerUuids: string[] = containerRequests.items.reduce(
55                 (uuids, { containerUuid }) =>
56                     containerUuid
57                         ? [...uuids, containerUuid]
58                         : uuids, []);
59             const containers = await this.services.containerService.list({
60                 filters: new FilterBuilder().addIn('uuid', containerUuids).getFilters()
61             });
62
63             // Populate the actual user view
64             api.dispatch(updateResources(containerRequests.items));
65             api.dispatch(updateResources(containers.items));
66             api.dispatch(setItems(containerRequests));
67         } catch {
68             api.dispatch(couldNotFetchSubprocesses());
69         }
70     }
71 }
72
73 export const getParams = (dataExplorer: DataExplorer) => ({
74     ...dataExplorerToListParams(dataExplorer),
75     order: getOrder(dataExplorer)
76 });
77
78 const getOrder = (dataExplorer: DataExplorer) => {
79     const sortColumn = getSortColumn(dataExplorer);
80     const order = new OrderBuilder<ProcessResource>();
81     if (sortColumn) {
82         const sortDirection = sortColumn && sortColumn.sortDirection === SortDirection.ASC
83             ? OrderDirection.ASC
84             : OrderDirection.DESC;
85
86         const columnName = sortColumn && sortColumn.name === SubprocessPanelColumnNames.NAME ? "name" : "modifiedAt";
87         return order
88             .addOrder(sortDirection, columnName)
89             .getOrder();
90     } else {
91         return order.getOrder();
92     }
93 };
94
95 export const setItems = (listResults: ListResults<ProcessResource>) =>
96     subprocessPanelActions.SET_ITEMS({
97         ...listResultsToDataExplorerItemsMeta(listResults),
98         items: listResults.items.map(resource => resource.uuid),
99     });
100
101 const couldNotFetchSubprocesses = () =>
102     snackbarActions.OPEN_SNACKBAR({
103         message: 'Could not fetch subprocesses.',
104         kind: SnackbarKind.ERROR
105     });