Merge branch '21225-project-panel-tabs' into main. Closes #21225
[arvados.git] / services / workbench2 / src / store / project-panel / project-panel-run-middleware-service.ts
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 import {
6     DataExplorerMiddlewareService,
7     dataExplorerToListParams,
8     getDataExplorerColumnFilters,
9     listResultsToDataExplorerItemsMeta,
10 } from "store/data-explorer/data-explorer-middleware-service";
11 import { ProjectPanelRunColumnNames } from "views/project-panel/project-panel-run";
12 import { RootState } from "store/store";
13 import { DataColumns } from "components/data-table/data-table";
14 import { ServiceRepository } from "services/services";
15 import { SortDirection } from "components/data-table/data-column";
16 import { OrderBuilder, OrderDirection } from "services/api/order-builder";
17 import { FilterBuilder, joinFilters } from "services/api/filter-builder";
18 import { GroupContentsResource, GroupContentsResourcePrefix } from "services/groups-service/groups-service";
19 import { updateFavorites } from "store/favorites/favorites-actions";
20 import { IS_PROJECT_PANEL_TRASHED, getProjectPanelCurrentUuid } from "store/project-panel/project-panel-action";
21 import { projectPanelRunActions } from "store/project-panel/project-panel-action-bind";
22 import { Dispatch, MiddlewareAPI } from "redux";
23 import { ProjectResource } from "models/project";
24 import { updateResources } from "store/resources/resources-actions";
25 import { getProperty } from "store/properties/properties";
26 import { snackbarActions, SnackbarKind } from "store/snackbar/snackbar-actions";
27 import { progressIndicatorActions } from "store/progress-indicator/progress-indicator-actions";
28 import { DataExplorer, getDataExplorer } from "store/data-explorer/data-explorer-reducer";
29 import { ListResults } from "services/common-service/common-service";
30 import { loadContainers } from "store/processes/processes-actions";
31 import { ResourceKind } from "models/resource";
32 import { getSortColumn } from "store/data-explorer/data-explorer-reducer";
33 import { buildProcessStatusFilters, serializeProcessTypeGroupContentsFilters } from "store/resource-type-filters/resource-type-filters";
34 import { updatePublicFavorites } from "store/public-favorites/public-favorites-actions";
35 import { containerRequestFieldsNoMounts } from "models/container-request";
36 import { ContextMenuActionNames } from "views-components/context-menu/context-menu-action-set";
37 import { removeDisabledButton } from "store/multiselect/multiselect-actions";
38 import { dataExplorerActions } from "store/data-explorer/data-explorer-action";
39
40 export class ProjectPanelRunMiddlewareService extends DataExplorerMiddlewareService {
41     constructor(private services: ServiceRepository, id: string) {
42         super(id);
43     }
44
45     async requestItems(api: MiddlewareAPI<Dispatch, RootState>, criteriaChanged?: boolean, background?: boolean) {
46         const state = api.getState();
47         const dataExplorer = getDataExplorer(state.dataExplorer, this.getId());
48         const projectUuid = getProjectPanelCurrentUuid(state);
49         const isProjectTrashed = getProperty<string>(IS_PROJECT_PANEL_TRASHED)(state.properties);
50         if (!projectUuid) {
51             api.dispatch(projectPanelCurrentUuidIsNotSet());
52         } else if (!dataExplorer) {
53             api.dispatch(projectPanelDataExplorerIsNotSet());
54         } else {
55             try {
56                 api.dispatch<any>(dataExplorerActions.SET_IS_NOT_FOUND({ id: this.id, isNotFound: false }));
57                 if (!background) { api.dispatch(progressIndicatorActions.START_WORKING(this.getId())); }
58                 const containerRequests = await this.services.groupsService.contents(projectUuid, getParams(dataExplorer, projectUuid, !!isProjectTrashed));
59                 const resourceUuids = containerRequests.items.map(item => item.uuid);
60                 api.dispatch<any>(updateFavorites(resourceUuids));
61                 api.dispatch<any>(updatePublicFavorites(resourceUuids));
62                 api.dispatch(updateResources(containerRequests.items));
63                 await api.dispatch<any>(loadMissingProcessesInformation(containerRequests.items));
64                 api.dispatch(setItems(containerRequests));
65             } catch (e) {
66                 api.dispatch(
67                     projectPanelRunActions.SET_ITEMS({
68                         items: [],
69                         itemsAvailable: 0,
70                         page: 0,
71                         rowsPerPage: dataExplorer.rowsPerPage,
72                     })
73                 );
74                 if (e.status === 404) {
75                     api.dispatch<any>(dataExplorerActions.SET_IS_NOT_FOUND({ id: this.id, isNotFound: true}));
76                 }
77                 else {
78                     api.dispatch(couldNotFetchProjectContents());
79                 }
80             } finally {
81                 if (!background) {
82                     api.dispatch(progressIndicatorActions.PERSIST_STOP_WORKING(this.getId()));
83                     api.dispatch<any>(removeDisabledButton(ContextMenuActionNames.MOVE_TO_TRASH))
84                 }
85             }
86         }
87     }
88 }
89
90 export const loadMissingProcessesInformation = (resources: GroupContentsResource[]) => async (dispatch: Dispatch) => {
91     const containerUuids = resources.reduce((uuids, resource) => {
92         return resource.kind === ResourceKind.CONTAINER_REQUEST && resource.containerUuid && !uuids.includes(resource.containerUuid)
93             ? [...uuids, resource.containerUuid]
94             : uuids;
95     }, [] as string[]);
96     if (containerUuids.length > 0) {
97         await dispatch<any>(loadContainers(containerUuids, false));
98     }
99 };
100
101 export const setItems = (listResults: ListResults<GroupContentsResource>) =>
102     projectPanelRunActions.SET_ITEMS({
103         ...listResultsToDataExplorerItemsMeta(listResults),
104         items: listResults.items.map(resource => resource.uuid),
105     });
106
107 export const getParams = (dataExplorer: DataExplorer, projectUuid: string, isProjectTrashed: boolean) => ({
108     ...dataExplorerToListParams(dataExplorer),
109     order: getOrder(dataExplorer),
110     filters: getFilters(dataExplorer, projectUuid),
111     includeTrash: isProjectTrashed,
112     select: containerRequestFieldsNoMounts,
113 });
114
115 export const getFilters = (dataExplorer: DataExplorer, projectUuid: string) => {
116     const columns = dataExplorer.columns as DataColumns<string, ProjectResource>;
117     const typeFilters = serializeProcessTypeGroupContentsFilters(getDataExplorerColumnFilters(columns, ProjectPanelRunColumnNames.TYPE));
118     const statusColumnFilters = getDataExplorerColumnFilters(columns, ProjectPanelRunColumnNames.STATUS);
119     const activeStatusFilter = Object.keys(statusColumnFilters).find(filterName => statusColumnFilters[filterName].selected);
120
121     // TODO: Extract group contents name filter
122     const nameFilters = new FilterBuilder()
123         .addEqual('owner_uuid', projectUuid)
124         .addILike("name", dataExplorer.searchValue)
125         .getFilters();
126
127     // Filter by container status
128     const statusFilters = buildProcessStatusFilters(new FilterBuilder(), activeStatusFilter || "", GroupContentsResourcePrefix.PROCESS).getFilters();
129
130     return joinFilters(statusFilters, typeFilters, nameFilters);
131 };
132
133 const getOrder = (dataExplorer: DataExplorer) => {
134     const sortColumn = getSortColumn<ProjectResource>(dataExplorer);
135     const order = new OrderBuilder<ProjectResource>();
136     if (sortColumn && sortColumn.sort) {
137         const sortDirection = sortColumn.sort.direction === SortDirection.ASC ? OrderDirection.ASC : OrderDirection.DESC;
138
139         // Use createdAt as a secondary sort column so we break ties consistently.
140         return order
141             .addOrder(sortDirection, sortColumn.sort.field, GroupContentsResourcePrefix.PROCESS)
142             .addOrder(OrderDirection.DESC, "createdAt")
143             .getOrder();
144     } else {
145         return order.getOrder();
146     }
147 };
148
149 const projectPanelCurrentUuidIsNotSet = () =>
150     snackbarActions.OPEN_SNACKBAR({
151         message: "Project panel is not opened.",
152         kind: SnackbarKind.ERROR,
153     });
154
155 const couldNotFetchProjectContents = () =>
156     snackbarActions.OPEN_SNACKBAR({
157         message: "Could not fetch project contents.",
158         kind: SnackbarKind.ERROR,
159     });
160
161 const projectPanelDataExplorerIsNotSet = () =>
162     snackbarActions.OPEN_SNACKBAR({
163         message: "Project panel is not ready.",
164         kind: SnackbarKind.ERROR,
165     });