19504: Change process icon to gear icon
[arvados.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, joinFilters } from 'services/api/filter-builder';
21 import { subprocessPanelActions } from './subprocess-panel-actions';
22 import { DataColumns } from 'components/data-table/data-table';
23 import { ProcessStatusFilter, buildProcessStatusFilters } from '../resource-type-filters/resource-type-filters';
24 import { ContainerRequestResource, containerRequestFieldsNoMounts } from 'models/container-request';
25 import { progressIndicatorActions } from '../progress-indicator/progress-indicator-actions';
26 import { loadMissingProcessesInformation } from '../project-panel/project-panel-middleware-service';
27
28 export class SubprocessMiddlewareService extends DataExplorerMiddlewareService {
29     constructor(private services: ServiceRepository, id: string) {
30         super(id);
31     }
32
33     async requestItems(api: MiddlewareAPI<Dispatch, RootState>) {
34         const state = api.getState();
35         const parentContainerRequestUuid = state.processPanel.containerRequestUuid;
36         if (parentContainerRequestUuid === "") { return; }
37         const dataExplorer = getDataExplorer(state.dataExplorer, this.getId());
38
39         try {
40             api.dispatch(progressIndicatorActions.START_WORKING(this.getId()));
41             const parentContainerRequest = await this.services.containerRequestService.get(parentContainerRequestUuid);
42             const containerRequests = await this.services.containerRequestService.list(
43                 {
44                     ...getParams(dataExplorer, parentContainerRequest) ,
45                     select: containerRequestFieldsNoMounts
46                 });
47
48             api.dispatch(progressIndicatorActions.PERSIST_STOP_WORKING(this.getId()));
49             api.dispatch(updateResources(containerRequests.items));
50             await api.dispatch<any>(loadMissingProcessesInformation(containerRequests.items));
51             // Populate the actual user view
52             api.dispatch(setItems(containerRequests));
53         } catch {
54             api.dispatch(progressIndicatorActions.PERSIST_STOP_WORKING(this.getId()));
55             api.dispatch(couldNotFetchSubprocesses());
56         }
57     }
58 }
59
60 export const getParams = (
61     dataExplorer: DataExplorer,
62     parentContainerRequest: ContainerRequestResource) => ({
63         ...dataExplorerToListParams(dataExplorer),
64         order: getOrder(dataExplorer),
65         filters: getFilters(dataExplorer, parentContainerRequest)
66     });
67
68 const getOrder = (dataExplorer: DataExplorer) => {
69     const sortColumn = getSortColumn(dataExplorer);
70     const order = new OrderBuilder<ProcessResource>();
71     if (sortColumn) {
72         const sortDirection = sortColumn && sortColumn.sortDirection === SortDirection.ASC
73             ? OrderDirection.ASC
74             : OrderDirection.DESC;
75
76         const columnName = sortColumn && sortColumn.name === SubprocessPanelColumnNames.NAME ? "name" : "modifiedAt";
77         return order
78             .addOrder(sortDirection, columnName)
79             .getOrder();
80     } else {
81         return order.getOrder();
82     }
83 };
84
85 export const getFilters = (
86     dataExplorer: DataExplorer,
87     parentContainerRequest: ContainerRequestResource) => {
88         const columns = dataExplorer.columns as DataColumns<string>;
89         const statusColumnFilters = getDataExplorerColumnFilters(columns, 'Status');
90         const activeStatusFilter = Object.keys(statusColumnFilters).find(
91             filterName => statusColumnFilters[filterName].selected
92         ) || ProcessStatusFilter.ALL;
93
94         // Get all the subprocess' container requests and containers.
95         const fb = new FilterBuilder().addEqual('requesting_container_uuid', parentContainerRequest.containerUuid);
96         const statusFilters = buildProcessStatusFilters(fb, activeStatusFilter).getFilters();
97
98         const nameFilters = dataExplorer.searchValue
99             ? new FilterBuilder()
100                 .addILike("name", dataExplorer.searchValue)
101                 .getFilters()
102             : '';
103
104         return joinFilters(
105             nameFilters,
106             statusFilters
107         );
108     };
109
110 export const setItems = (listResults: ListResults<ProcessResource>) =>
111     subprocessPanelActions.SET_ITEMS({
112         ...listResultsToDataExplorerItemsMeta(listResults),
113         items: listResults.items.map(resource => resource.uuid),
114     });
115
116 const couldNotFetchSubprocesses = () =>
117     snackbarActions.OPEN_SNACKBAR({
118         message: 'Could not fetch subprocesses.',
119         kind: SnackbarKind.ERROR
120     });