services/workbench2/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 {
   6     DataExplorerMiddlewareService,
   7     dataExplorerToListParams,
   8     getDataExplorerColumnFilters,
   9     listResultsToDataExplorerItemsMeta,
  10 } from "store/data-explorer/data-explorer-middleware-service";
  11 import { ProjectPanelColumnNames } from "views/project-panel/project-panel";
  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 { projectPanelActions } 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 { serializeResourceTypeFilters, buildProcessStatusFilters } from "store/resource-type-filters/resource-type-filters";
  34 import { updatePublicFavorites } from "store/public-favorites/public-favorites-actions";
  35 import { selectedFieldsOfGroup } from "models/group";
  36 import { defaultCollectionSelectedFields } from "models/collection";
  37 import { containerRequestFieldsNoMounts } from "models/container-request";
  38 import { MultiSelectMenuActionNames } from "views-components/multiselect-toolbar/ms-menu-actions";
  39 import { removeDisabledButton } from "store/multiselect/multiselect-actions";
  40 import { dataExplorerActions } from "store/data-explorer/data-explorer-action";
  41
  42 export class ProjectPanelMiddlewareService extends DataExplorerMiddlewareService {
  43     constructor(private services: ServiceRepository, id: string) {
  44         super(id);
  45     }
  46
  47     async requestItems(api: MiddlewareAPI<Dispatch, RootState>, criteriaChanged?: boolean, background?: boolean) {
  48         const state = api.getState();
  49         const dataExplorer = getDataExplorer(state.dataExplorer, this.getId());
  50         const projectUuid = getProjectPanelCurrentUuid(state);
  51         const isProjectTrashed = getProperty<string>(IS_PROJECT_PANEL_TRASHED)(state.properties);
  52         if (!projectUuid) {
  53             api.dispatch(projectPanelCurrentUuidIsNotSet());
  54         } else if (!dataExplorer) {
  55             api.dispatch(projectPanelDataExplorerIsNotSet());
  56         } else {
  57             try {
  58                 api.dispatch<any>(dataExplorerActions.SET_IS_NOT_FOUND({ id: this.id, isNotFound: false }));
  59                 if (!background) { api.dispatch(progressIndicatorActions.START_WORKING(this.getId())); }
  60                 const response = await this.services.groupsService.contents(projectUuid, getParams(dataExplorer, !!isProjectTrashed));
  61                 const resourceUuids = response.items.map(item => item.uuid);
  62                 api.dispatch<any>(updateFavorites(resourceUuids));
  63                 api.dispatch<any>(updatePublicFavorites(resourceUuids));
  64                 api.dispatch(updateResources(response.items));
  65                 await api.dispatch<any>(loadMissingProcessesInformation(response.items));
  66                 api.dispatch(setItems(response));
  67             } catch (e) {
  68                 api.dispatch(
  69                     projectPanelActions.SET_ITEMS({
  70                         items: [],
  71                         itemsAvailable: 0,
  72                         page: 0,
  73                         rowsPerPage: dataExplorer.rowsPerPage,
  74                     })
  75                 );
  76                 if (e.status === 404) {
  77                     api.dispatch<any>(dataExplorerActions.SET_IS_NOT_FOUND({ id: this.id, isNotFound: true}));
  78                 }
  79                 else {
  80                     api.dispatch(couldNotFetchProjectContents());
  81                 }
  82             } finally {
  83                 if (!background) {
  84                     api.dispatch(progressIndicatorActions.PERSIST_STOP_WORKING(this.getId()));
  85                     api.dispatch<any>(removeDisabledButton(MultiSelectMenuActionNames.MOVE_TO_TRASH))
  86                 }
  87             }
  88         }
  89     }
  90 }
  91
  92 export const loadMissingProcessesInformation = (resources: GroupContentsResource[]) => async (dispatch: Dispatch) => {
  93     const containerUuids = resources.reduce((uuids, resource) => {
  94         return resource.kind === ResourceKind.CONTAINER_REQUEST && resource.containerUuid && !uuids.includes(resource.containerUuid)
  95             ? [...uuids, resource.containerUuid]
  96             : uuids;
  97     }, [] as string[]);
  98     if (containerUuids.length > 0) {
  99         await dispatch<any>(loadContainers(containerUuids, false));
 100     }
 101 };
 102
 103 export const setItems = (listResults: ListResults<GroupContentsResource>) =>
 104     projectPanelActions.SET_ITEMS({
 105         ...listResultsToDataExplorerItemsMeta(listResults),
 106         items: listResults.items.map(resource => resource.uuid),
 107     });
 108
 109 export const getParams = (dataExplorer: DataExplorer, isProjectTrashed: boolean) => ({
 110     ...dataExplorerToListParams(dataExplorer),
 111     order: getOrder(dataExplorer),
 112     filters: getFilters(dataExplorer),
 113     includeTrash: isProjectTrashed,
 114     select: selectedFieldsOfGroup.concat(defaultCollectionSelectedFields, containerRequestFieldsNoMounts),
 115 });
 116
 117 export const getFilters = (dataExplorer: DataExplorer) => {
 118     const columns = dataExplorer.columns as DataColumns<string, ProjectResource>;
 119     const typeFilters = serializeResourceTypeFilters(getDataExplorerColumnFilters(columns, ProjectPanelColumnNames.TYPE));
 120     const statusColumnFilters = getDataExplorerColumnFilters(columns, "Status");
 121     const activeStatusFilter = Object.keys(statusColumnFilters).find(filterName => statusColumnFilters[filterName].selected);
 122
 123     // TODO: Extract group contents name filter
 124     const nameFilters = new FilterBuilder()
 125         .addILike("name", dataExplorer.searchValue, GroupContentsResourcePrefix.COLLECTION)
 126         .addILike("name", dataExplorer.searchValue, GroupContentsResourcePrefix.PROCESS)
 127         .addILike("name", dataExplorer.searchValue, GroupContentsResourcePrefix.PROJECT)
 128         .getFilters();
 129
 130     // Filter by container status
 131     const statusFilters = buildProcessStatusFilters(new FilterBuilder(), activeStatusFilter || "", GroupContentsResourcePrefix.PROCESS).getFilters();
 132
 133     return joinFilters(statusFilters, typeFilters, nameFilters);
 134 };
 135
 136 const getOrder = (dataExplorer: DataExplorer) => {
 137     const sortColumn = getSortColumn<ProjectResource>(dataExplorer);
 138     const order = new OrderBuilder<ProjectResource>();
 139     if (sortColumn && sortColumn.sort) {
 140         const sortDirection = sortColumn.sort.direction === SortDirection.ASC ? OrderDirection.ASC : OrderDirection.DESC;
 141
 142         // Use createdAt as a secondary sort column so we break ties consistently.
 143         return order
 144             .addOrder(sortDirection, sortColumn.sort.field, GroupContentsResourcePrefix.COLLECTION)
 145             .addOrder(sortDirection, sortColumn.sort.field, GroupContentsResourcePrefix.PROCESS)
 146             .addOrder(sortDirection, sortColumn.sort.field, GroupContentsResourcePrefix.PROJECT)
 147             .addOrder(OrderDirection.DESC, "createdAt", GroupContentsResourcePrefix.PROCESS)
 148             .getOrder();
 149     } else {
 150         return order.getOrder();
 151     }
 152 };
 153
 154 const projectPanelCurrentUuidIsNotSet = () =>
 155     snackbarActions.OPEN_SNACKBAR({
 156         message: "Project panel is not opened.",
 157         kind: SnackbarKind.ERROR,
 158     });
 159
 160 const couldNotFetchProjectContents = () =>
 161     snackbarActions.OPEN_SNACKBAR({
 162         message: "Could not fetch project contents.",
 163         kind: SnackbarKind.ERROR,
 164     });
 165
 166 const projectPanelDataExplorerIsNotSet = () =>
 167     snackbarActions.OPEN_SNACKBAR({
 168         message: "Project panel is not ready.",
 169         kind: SnackbarKind.ERROR,
 170     });