X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/40952ad86a823635968c9abc5d6feacef316cffd..e49d3131c26d3ae5f08025cf82c02d08a91f994d:/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 fd893a3c..b889f7cb 100644 --- a/src/store/project-panel/project-panel-middleware-service.ts +++ b/src/store/project-panel/project-panel-middleware-service.ts @@ -2,95 +2,183 @@ // // 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 } from "../../common/api/order-builder"; -import { FilterBuilder } from "../../common/api/filter-builder"; -import { ProcessResource } from "../../models/process"; -import { GroupContentsResourcePrefix, GroupContentsResource } 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 { 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.ts'; +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 = getColumnFilters(columns, ProjectPanelColumnNames.TYPE); - const statusFilters = getColumnFilters(columns, ProjectPanelColumnNames.STATUS); - const sortColumn = dataExplorer.columns.find(({ sortDirection }) => Boolean(sortDirection && sortDirection !== "none")); - const sortDirection = sortColumn && sortColumn.sortDirection === SortDirection.ASC ? SortDirection.ASC : SortDirection.DESC; - if (typeFilters.length > 0) { - this.services.groupsService - .contents(state.projects.currentItemId, { - limit: dataExplorer.rowsPerPage, - offset: dataExplorer.page * dataExplorer.rowsPerPage, - order: sortColumn - ? sortColumn.name === ProjectPanelColumnNames.NAME - ? getOrder("name", sortDirection) - : getOrder("createdAt", sortDirection) - : OrderBuilder.create(), - filters: FilterBuilder - .create() - .concat(FilterBuilder - .create() - .addIsA("uuid", typeFilters.map(f => f.type))) - .concat(FilterBuilder - .create(GroupContentsResourcePrefix.PROCESS) - .addIn("state", statusFilters.map(f => f.type))) - .concat(getSearchFilter(dataExplorer.searchValue)) - }) - .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))); - }); + 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 { - api.dispatch(projectPanelActions.SET_ITEMS({ - items: [], - itemsAvailable: 0, - page: 0, - rowsPerPage: dataExplorer.rowsPerPage - })); + try { + api.dispatch(progressIndicatorActions.START_WORKING(this.getId())); + const response = await this.services.groupsService.contents(projectUuid, getParams(dataExplorer, !!isProjectTrashed)); + api.dispatch(progressIndicatorActions.PERSIST_STOP_WORKING(this.getId())); + 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(progressIndicatorActions.PERSIST_STOP_WORKING(this.getId())); + api.dispatch(projectPanelActions.SET_ITEMS({ + items: [], + itemsAvailable: 0, + page: 0, + rowsPerPage: dataExplorer.rowsPerPage + })); + api.dispatch(couldNotFetchProjectContents()); + } } } } -const getColumnFilters = (columns: DataColumns, columnName: string) => { - const column = columns.find(c => c.name === columnName); - return column && column.filters ? column.filters.filter(f => f.selected) : []; +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.FAILED: + 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 getOrder = (attribute: "name" | "createdAt", direction: SortDirection) => - [ - OrderBuilder.create(GroupContentsResourcePrefix.COLLECTION), - OrderBuilder.create(GroupContentsResourcePrefix.PROCESS), - OrderBuilder.create(GroupContentsResourcePrefix.PROJECT) - ].reduce((acc, b) => - acc.concat(direction === SortDirection.ASC - ? b.addAsc(attribute) - : b.addDesc(attribute)), OrderBuilder.create()); +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 getSearchFilter = (searchValue: string) => - searchValue - ? [ - FilterBuilder.create(GroupContentsResourcePrefix.COLLECTION), - FilterBuilder.create(GroupContentsResourcePrefix.PROCESS), - FilterBuilder.create(GroupContentsResourcePrefix.PROJECT)] - .reduce((acc, b) => - acc.concat(b.addILike("name", searchValue)), FilterBuilder.create()) - : FilterBuilder.create(); +const projectPanelDataExplorerIsNotSet = () => + snackbarActions.OPEN_SNACKBAR({ + message: 'Project panel is not ready.', + kind: SnackbarKind.ERROR + });