X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/25aa8a7c81609525d300f38bc5b7d2344c4e1cdf..d861bd54089e9279cd03b2e4561869ee877b9559:/src/store/project-panel/project-panel-middleware-service.ts diff --git a/src/store/project-panel/project-panel-middleware-service.ts b/src/store/project-panel/project-panel-middleware-service.ts index 663add3e..be569b49 100644 --- a/src/store/project-panel/project-panel-middleware-service.ts +++ b/src/store/project-panel/project-panel-middleware-service.ts @@ -2,77 +2,182 @@ // // SPDX-License-Identifier: AGPL-3.0 -import { DataExplorerMiddlewareService } from "../data-explorer/data-explorer-middleware-service"; -import { ProjectPanelColumnNames, ProjectPanelFilter } from "~/views/project-panel/project-panel"; -import { RootState } from "../store"; -import { DataColumns } from "~/components/data-table/data-table"; -import { ServiceRepository } from "~/services/services"; -import { ProjectPanelItem, resourceToDataItem } from "~/views/project-panel/project-panel-item"; -import { SortDirection } from "~/components/data-table/data-column"; -import { OrderBuilder, OrderDirection } from "~/common/api/order-builder"; -import { FilterBuilder } from "~/common/api/filter-builder"; -import { GroupContentsResourcePrefix } from "~/services/groups-service/groups-service"; -import { checkPresenceInFavorites } from "../favorites/favorites-actions"; -import { projectPanelActions } from "./project-panel-action"; +import { + DataExplorerMiddlewareService, + dataExplorerToListParams, + getDataExplorerColumnFilters, + listResultsToDataExplorerItemsMeta +} from 'store/data-explorer/data-explorer-middleware-service'; +import { ProjectPanelColumnNames } from "views/project-panel/project-panel"; +import { RootState } from "store/store"; +import { DataColumns } from "components/data-table/data-table"; +import { ServiceRepository } from "services/services"; +import { SortDirection } from "components/data-table/data-column"; +import { OrderBuilder, OrderDirection } from "services/api/order-builder"; +import { FilterBuilder, joinFilters } from "services/api/filter-builder"; +import { GroupContentsResource, GroupContentsResourcePrefix } from "services/groups-service/groups-service"; +import { updateFavorites } from "store/favorites/favorites-actions"; +import { IS_PROJECT_PANEL_TRASHED, projectPanelActions, getProjectPanelCurrentUuid } from 'store/project-panel/project-panel-action'; import { Dispatch, MiddlewareAPI } from "redux"; -import { ProjectResource } from "~/models/project"; +import { ProjectResource } from "models/project"; +import { updateResources } from "store/resources/resources-actions"; +import { getProperty } from "store/properties/properties"; +import { snackbarActions, SnackbarKind } from 'store/snackbar/snackbar-actions'; +import { progressIndicatorActions } from 'store/progress-indicator/progress-indicator-actions'; +import { DataExplorer, getDataExplorer } from 'store/data-explorer/data-explorer-reducer'; +import { ListResults } from 'services/common-service/common-service'; +import { loadContainers } from 'store/processes/processes-actions'; +import { ResourceKind } from 'models/resource'; +import { getSortColumn } from "store/data-explorer/data-explorer-reducer"; +import { serializeResourceTypeFilters, ProcessStatusFilter } from 'store/resource-type-filters/resource-type-filters'; +import { updatePublicFavorites } from 'store/public-favorites/public-favorites-actions'; export class ProjectPanelMiddlewareService extends DataExplorerMiddlewareService { constructor(private services: ServiceRepository, id: string) { super(id); } - requestItems(api: MiddlewareAPI) { + async requestItems(api: MiddlewareAPI) { const state = api.getState(); - const dataExplorer = state.dataExplorer[this.getId()]; - const columns = dataExplorer.columns as DataColumns; - const typeFilters = this.getColumnFilters(columns, ProjectPanelColumnNames.TYPE); - const statusFilters = this.getColumnFilters(columns, ProjectPanelColumnNames.STATUS); - const sortColumn = dataExplorer.columns.find(c => c.sortDirection !== SortDirection.NONE); - - const order = new OrderBuilder(); - - if (sortColumn) { - const sortDirection = sortColumn && sortColumn.sortDirection === SortDirection.ASC - ? OrderDirection.ASC - : OrderDirection.DESC; - - const columnName = sortColumn && sortColumn.name === ProjectPanelColumnNames.NAME ? "name" : "createdAt"; - order - .addOrder(sortDirection, columnName, GroupContentsResourcePrefix.COLLECTION) - .addOrder(sortDirection, columnName, GroupContentsResourcePrefix.PROCESS) - .addOrder(sortDirection, columnName, GroupContentsResourcePrefix.PROJECT); - } - - this.services.groupsService - .contents(state.projects.currentItemId, { - limit: dataExplorer.rowsPerPage, - offset: dataExplorer.page * dataExplorer.rowsPerPage, - order: order.getOrder(), - filters: new FilterBuilder() - .addIsA("uuid", typeFilters.map(f => f.type)) - .addIn("state", statusFilters.map(f => f.type), GroupContentsResourcePrefix.PROCESS) - .addILike("name", dataExplorer.searchValue, GroupContentsResourcePrefix.COLLECTION) - .addILike("name", dataExplorer.searchValue, GroupContentsResourcePrefix.PROCESS) - .addILike("name", dataExplorer.searchValue, GroupContentsResourcePrefix.PROJECT) - .getFilters() - }) - .then(response => { - api.dispatch(projectPanelActions.SET_ITEMS({ - items: response.items.map(resourceToDataItem), - itemsAvailable: response.itemsAvailable, - page: Math.floor(response.offset / response.limit), - rowsPerPage: response.limit - })); - api.dispatch(checkPresenceInFavorites(response.items.map(item => item.uuid))); - }) - .catch(() => { + const dataExplorer = getDataExplorer(state.dataExplorer, this.getId()); + const projectUuid = getProjectPanelCurrentUuid(state); + const isProjectTrashed = getProperty(IS_PROJECT_PANEL_TRASHED)(state.properties); + if (!projectUuid) { + api.dispatch(projectPanelCurrentUuidIsNotSet()); + } else if (!dataExplorer) { + api.dispatch(projectPanelDataExplorerIsNotSet()); + } else { + try { + api.dispatch(progressIndicatorActions.START_WORKING(this.getId())); + const response = await this.services.groupsService.contents(projectUuid, getParams(dataExplorer, !!isProjectTrashed)); + const resourceUuids = response.items.map(item => item.uuid); + api.dispatch(updateFavorites(resourceUuids)); + api.dispatch(updatePublicFavorites(resourceUuids)); + api.dispatch(updateResources(response.items)); + await api.dispatch(loadMissingProcessesInformation(response.items)); + api.dispatch(setItems(response)); + } catch (e) { api.dispatch(projectPanelActions.SET_ITEMS({ items: [], itemsAvailable: 0, page: 0, rowsPerPage: dataExplorer.rowsPerPage })); - }); + api.dispatch(couldNotFetchProjectContents()); + } finally { + api.dispatch(progressIndicatorActions.PERSIST_STOP_WORKING(this.getId())); + } + } } } + +export const loadMissingProcessesInformation = (resources: GroupContentsResource[]) => + async (dispatch: Dispatch) => { + const containerUuids = resources.reduce((uuids, resource) => { + return resource.kind === ResourceKind.CONTAINER_REQUEST + ? resource.containerUuid + ? [...uuids, resource.containerUuid] + : uuids + : uuids; + }, []); + if (containerUuids.length > 0) { + await dispatch(loadContainers( + new FilterBuilder().addIn('uuid', containerUuids).getFilters() + )); + } + }; + +export const setItems = (listResults: ListResults) => + projectPanelActions.SET_ITEMS({ + ...listResultsToDataExplorerItemsMeta(listResults), + items: listResults.items.map(resource => resource.uuid), + }); + +export const getParams = (dataExplorer: DataExplorer, isProjectTrashed: boolean) => ({ + ...dataExplorerToListParams(dataExplorer), + order: getOrder(dataExplorer), + filters: getFilters(dataExplorer), + includeTrash: isProjectTrashed +}); + +export const getFilters = (dataExplorer: DataExplorer) => { + const columns = dataExplorer.columns as DataColumns; + const typeFilters = serializeResourceTypeFilters(getDataExplorerColumnFilters(columns, ProjectPanelColumnNames.TYPE)); + const statusColumnFilters = getDataExplorerColumnFilters(columns, 'Status'); + const activeStatusFilter = Object.keys(statusColumnFilters).find( + filterName => statusColumnFilters[filterName].selected + ); + + // TODO: Extract group contents name filter + const nameFilters = new FilterBuilder() + .addILike("name", dataExplorer.searchValue, GroupContentsResourcePrefix.COLLECTION) + .addILike("name", dataExplorer.searchValue, GroupContentsResourcePrefix.PROCESS) + .addILike("name", dataExplorer.searchValue, GroupContentsResourcePrefix.PROJECT) + .getFilters(); + + // Filter by container status + const fb = new FilterBuilder(); + switch (activeStatusFilter) { + case ProcessStatusFilter.COMPLETED: { + fb.addEqual('container.state', 'Complete', GroupContentsResourcePrefix.PROCESS); + fb.addEqual('container.exit_code', '0', GroupContentsResourcePrefix.PROCESS); + break; + } + case ProcessStatusFilter.FAILED: { + fb.addEqual('container.state', 'Complete', GroupContentsResourcePrefix.PROCESS); + fb.addDistinct('container.exit_code', '0', GroupContentsResourcePrefix.PROCESS); + break; + } + case ProcessStatusFilter.CANCELLED: + case ProcessStatusFilter.LOCKED: + case ProcessStatusFilter.QUEUED: + case ProcessStatusFilter.RUNNING: { + fb.addEqual('container.state', activeStatusFilter, GroupContentsResourcePrefix.PROCESS); + break; + } + } + const statusFilters = fb.getFilters(); + + return joinFilters( + statusFilters, + typeFilters, + nameFilters, + ); +}; + +export const getOrder = (dataExplorer: DataExplorer) => { + const sortColumn = getSortColumn(dataExplorer); + const order = new OrderBuilder(); + if (sortColumn) { + const sortDirection = sortColumn && sortColumn.sortDirection === SortDirection.ASC + ? OrderDirection.ASC + : OrderDirection.DESC; + + const columnName = sortColumn && sortColumn.name === ProjectPanelColumnNames.NAME ? "name" : "createdAt"; + return order + .addOrder(sortDirection, columnName, GroupContentsResourcePrefix.COLLECTION) + .addOrder(sortDirection, columnName, GroupContentsResourcePrefix.PROCESS) + .addOrder(sortDirection, columnName, GroupContentsResourcePrefix.PROJECT) + .getOrder(); + } else { + return order.getOrder(); + } +}; + +const projectPanelCurrentUuidIsNotSet = () => + snackbarActions.OPEN_SNACKBAR({ + message: 'Project panel is not opened.', + kind: SnackbarKind.ERROR + }); + +const couldNotFetchProjectContents = () => + snackbarActions.OPEN_SNACKBAR({ + message: 'Could not fetch project contents.', + kind: SnackbarKind.ERROR + }); + +const projectPanelDataExplorerIsNotSet = () => + snackbarActions.OPEN_SNACKBAR({ + message: 'Project panel is not ready.', + kind: SnackbarKind.ERROR + });