refs #14161 Merge branch 'origin/14161-inputs-focus-enter-action'
[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, getDataExplorerColumnFilters, dataExplorerToListParams, listResultsToDataExplorerItemsMeta } 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 "~/services/api/order-builder";
12 import { FilterBuilder } from "~/services/api/filter-builder";
13 import { GroupContentsResourcePrefix, GroupContentsResource } from "~/services/groups-service/groups-service";
14 import { updateFavorites } from "../favorites/favorites-actions";
15 import { projectPanelActions, PROJECT_PANEL_CURRENT_UUID } from './project-panel-action';
16 import { Dispatch, MiddlewareAPI } from "redux";
17 import { ProjectResource } from "~/models/project";
18 import { updateResources } from "~/store/resources/resources-actions";
19 import { getProperty } from "~/store/properties/properties";
20 import { snackbarActions, SnackbarKind } from '../snackbar/snackbar-actions';
21 import { progressIndicatorActions } from '~/store/progress-indicator/progress-indicator-actions.ts';
22 import { DataExplorer, getDataExplorer } from '../data-explorer/data-explorer-reducer';
23 import { ListResults } from '~/services/common-service/common-resource-service';
24 import { loadContainers } from '../processes/processes-actions';
25 import { ResourceKind } from '~/models/resource';
26
27 export class ProjectPanelMiddlewareService extends DataExplorerMiddlewareService {
28     constructor(private services: ServiceRepository, id: string) {
29         super(id);
30     }
31
32     async requestItems(api: MiddlewareAPI<Dispatch, RootState>) {
33         const state = api.getState();
34         const dataExplorer = getDataExplorer(state.dataExplorer, this.getId());
35         const projectUuid = getProperty<string>(PROJECT_PANEL_CURRENT_UUID)(state.properties);
36         if (!projectUuid) {
37             api.dispatch(projectPanelCurrentUuidIsNotSet());
38         } else if (!dataExplorer) {
39             api.dispatch(projectPanelDataExplorerIsNotSet());
40         } else {
41             try {
42                 api.dispatch(progressIndicatorActions.START_WORKING(this.getId()));
43                 const response = await this.services.groupsService.contents(projectUuid, getParams(dataExplorer));
44                 api.dispatch(progressIndicatorActions.PERSIST_STOP_WORKING(this.getId()));
45                 api.dispatch<any>(updateFavorites(response.items.map(item => item.uuid)));
46                 api.dispatch(updateResources(response.items));
47                 await api.dispatch<any>(loadMissingProcessesInformation(response.items));
48                 api.dispatch(setItems(response));
49             } catch (e) {
50                 api.dispatch(progressIndicatorActions.PERSIST_STOP_WORKING(this.getId()));
51                 api.dispatch(projectPanelActions.SET_ITEMS({
52                     items: [],
53                     itemsAvailable: 0,
54                     page: 0,
55                     rowsPerPage: dataExplorer.rowsPerPage
56                 }));
57                 api.dispatch(couldNotFetchProjectContents());
58             }
59         }
60     }
61 }
62
63 export const loadMissingProcessesInformation = (resources: GroupContentsResource[]) =>
64     async (dispatch: Dispatch) => {
65         const containerUuids = resources.reduce((uuids, resource) => {
66             return resource.kind === ResourceKind.CONTAINER_REQUEST
67                 ? resource.containerUuid
68                     ? [...uuids, resource.containerUuid]
69                     : uuids
70                 : uuids;
71         }, []);
72         if (containerUuids.length > 0) {
73             await dispatch<any>(loadContainers(
74                 new FilterBuilder().addIn('uuid', containerUuids).getFilters()
75             ));
76         }
77     };
78
79 export const setItems = (listResults: ListResults<GroupContentsResource>) =>
80     projectPanelActions.SET_ITEMS({
81         ...listResultsToDataExplorerItemsMeta(listResults),
82         items: listResults.items.map(resource => resource.uuid),
83     });
84
85 export const getParams = (dataExplorer: DataExplorer) => ({
86     ...dataExplorerToListParams(dataExplorer),
87     order: getOrder(dataExplorer),
88     filters: getFilters(dataExplorer),
89 });
90
91 export const getFilters = (dataExplorer: DataExplorer) => {
92     const columns = dataExplorer.columns as DataColumns<string, ProjectPanelFilter>;
93     const typeFilters = getDataExplorerColumnFilters(columns, ProjectPanelColumnNames.TYPE);
94     const statusFilters = getDataExplorerColumnFilters(columns, ProjectPanelColumnNames.STATUS);
95     return new FilterBuilder()
96         .addIsA("uuid", typeFilters.map(f => f.type))
97         .addILike("name", dataExplorer.searchValue, GroupContentsResourcePrefix.COLLECTION)
98         .addILike("name", dataExplorer.searchValue, GroupContentsResourcePrefix.PROCESS)
99         .addILike("name", dataExplorer.searchValue, GroupContentsResourcePrefix.PROJECT)
100         .getFilters();
101 };
102
103 export const getOrder = (dataExplorer: DataExplorer) => {
104     const sortColumn = dataExplorer.columns.find(c => c.sortDirection !== SortDirection.NONE);
105     const order = new OrderBuilder<ProjectResource>();
106     if (sortColumn) {
107         const sortDirection = sortColumn && sortColumn.sortDirection === SortDirection.ASC
108             ? OrderDirection.ASC
109             : OrderDirection.DESC;
110
111         const columnName = sortColumn && sortColumn.name === ProjectPanelColumnNames.NAME ? "name" : "createdAt";
112         return order
113             .addOrder(sortDirection, columnName, GroupContentsResourcePrefix.COLLECTION)
114             .addOrder(sortDirection, columnName, GroupContentsResourcePrefix.PROCESS)
115             .addOrder(sortDirection, columnName, GroupContentsResourcePrefix.PROJECT)
116             .getOrder();
117     } else {
118         return order.getOrder();
119     }
120 };
121
122 const projectPanelCurrentUuidIsNotSet = () =>
123     snackbarActions.OPEN_SNACKBAR({
124         message: 'Project panel is not opened.'
125     });
126
127 const couldNotFetchProjectContents = () =>
128     snackbarActions.OPEN_SNACKBAR({
129         message: 'Could not fetch project contents.',
130         kind: SnackbarKind.ERROR
131     });
132
133 const projectPanelDataExplorerIsNotSet = () =>
134     snackbarActions.OPEN_SNACKBAR({
135         message: 'Project panel is not ready.'
136     });