Change default table view to be displayed only after data fetch
[arvados-workbench2.git] / src / store / trash-panel / trash-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, dataExplorerToListParams,
7     listResultsToDataExplorerItemsMeta
8 } from "../data-explorer/data-explorer-middleware-service";
9 import { RootState } from "../store";
10 import { DataColumns } from "~/components/data-table/data-table";
11 import { ServiceRepository } from "~/services/services";
12 import { SortDirection } from "~/components/data-table/data-column";
13 import { FilterBuilder } from "~/services/api/filter-builder";
14 import { trashPanelActions } from "./trash-panel-action";
15 import { Dispatch, MiddlewareAPI } from "redux";
16 import { OrderBuilder, OrderDirection } from "~/services/api/order-builder";
17 import { GroupContentsResourcePrefix } from "~/services/groups-service/groups-service";
18 import { TrashPanelColumnNames, TrashPanelFilter } from "~/views/trash-panel/trash-panel";
19 import { ProjectResource } from "~/models/project";
20 import { ProjectPanelColumnNames } from "~/views/project-panel/project-panel";
21 import { updateFavorites } from "~/store/favorites/favorites-actions";
22 import { snackbarActions } from "~/store/snackbar/snackbar-actions";
23 import { updateResources } from "~/store/resources/resources-actions";
24 import { progressIndicatorActions } from "~/store/progress-indicator/progress-indicator-actions";
25
26 export class TrashPanelMiddlewareService extends DataExplorerMiddlewareService {
27     constructor(private services: ServiceRepository, id: string) {
28         super(id);
29     }
30
31     async requestItems(api: MiddlewareAPI<Dispatch, RootState>) {
32         const dataExplorer = api.getState().dataExplorer[this.getId()];
33         const columns = dataExplorer.columns as DataColumns<string, TrashPanelFilter>;
34         const sortColumn = dataExplorer.columns.find(c => c.sortDirection !== SortDirection.NONE);
35         const typeFilters = this.getColumnFilters(columns, TrashPanelColumnNames.TYPE);
36
37         const order = new OrderBuilder<ProjectResource>();
38
39         if (sortColumn) {
40             const sortDirection = sortColumn && sortColumn.sortDirection === SortDirection.ASC
41                 ? OrderDirection.ASC
42                 : OrderDirection.DESC;
43
44             const columnName = sortColumn && sortColumn.name === ProjectPanelColumnNames.NAME ? "name" : "createdAt";
45             order
46                 .addOrder(sortDirection, columnName, GroupContentsResourcePrefix.COLLECTION)
47                 .addOrder(sortDirection, columnName, GroupContentsResourcePrefix.PROJECT);
48         }
49
50         try {
51             api.dispatch(progressIndicatorActions.START(this.getId()));
52             const userUuid = this.services.authService.getUuid()!;
53             const listResults = await this.services.groupsService
54                 .contents(userUuid, {
55                     ...dataExplorerToListParams(dataExplorer),
56                     order: order.getOrder(),
57                     filters: new FilterBuilder()
58                         .addIsA("uuid", typeFilters.map(f => f.type))
59                         .addILike("name", dataExplorer.searchValue, GroupContentsResourcePrefix.COLLECTION)
60                         .addILike("name", dataExplorer.searchValue, GroupContentsResourcePrefix.PROJECT)
61                         .addEqual("is_trashed", true)
62                         .getFilters(),
63                     recursive: true,
64                     includeTrash: true
65                 });
66             api.dispatch(progressIndicatorActions.PERSIST_STOP(this.getId()));
67
68             const items = listResults.items.map(it => it.uuid);
69
70             api.dispatch(trashPanelActions.SET_ITEMS({
71                 ...listResultsToDataExplorerItemsMeta(listResults),
72                 items
73             }));
74             api.dispatch<any>(updateFavorites(items));
75             api.dispatch(updateResources(listResults.items));
76         } catch (e) {
77             api.dispatch(progressIndicatorActions.PERSIST_STOP(this.getId()));
78             api.dispatch(couldNotFetchTrashContents());
79         }
80     }
81 }
82
83 const couldNotFetchTrashContents = () =>
84     snackbarActions.OPEN_SNACKBAR({
85         message: 'Could not fetch trash contents.'
86     });