15781: Renders multi-value properties as multiple chips.
[arvados-workbench2.git] / src / store / collection-panel / collection-panel-action.ts
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 import { Dispatch } from "redux";
6 import { loadCollectionFiles } from "./collection-panel-files/collection-panel-files-actions";
7 import { CollectionResource } from '~/models/collection';
8 import { collectionPanelFilesAction } from "./collection-panel-files/collection-panel-files-actions";
9 import { createTree } from "~/models/tree";
10 import { RootState } from "~/store/store";
11 import { ServiceRepository } from "~/services/services";
12 import { TagProperty } from "~/models/tag";
13 import { snackbarActions } from "../snackbar/snackbar-actions";
14 import { resourcesActions } from "~/store/resources/resources-actions";
15 import { unionize, ofType, UnionOf } from '~/common/unionize';
16 import { SnackbarKind } from '~/store/snackbar/snackbar-actions';
17 import { navigateTo } from '~/store/navigation/navigation-action';
18 import { loadDetailsPanel } from '~/store/details-panel/details-panel-action';
19
20 export const collectionPanelActions = unionize({
21     SET_COLLECTION: ofType<CollectionResource>(),
22     LOAD_COLLECTION: ofType<{ uuid: string }>(),
23     LOAD_COLLECTION_SUCCESS: ofType<{ item: CollectionResource }>()
24 });
25
26 export type CollectionPanelAction = UnionOf<typeof collectionPanelActions>;
27
28 export const COLLECTION_TAG_FORM_NAME = 'collectionTagForm';
29
30 export const loadCollectionPanel = (uuid: string) =>
31     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
32         dispatch(collectionPanelActions.LOAD_COLLECTION({ uuid }));
33         dispatch(collectionPanelFilesAction.SET_COLLECTION_FILES({ files: createTree() }));
34         const collection = await services.collectionService.get(uuid);
35         dispatch(loadDetailsPanel(collection.uuid));
36         dispatch(collectionPanelActions.LOAD_COLLECTION_SUCCESS({ item: collection }));
37         dispatch(resourcesActions.SET_RESOURCES([collection]));
38         dispatch<any>(loadCollectionFiles(collection.uuid));
39         return collection;
40     };
41
42 export const createCollectionTag = (data: TagProperty) =>
43     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
44         const item = getState().collectionPanel.item;
45         const uuid = item ? item.uuid : '';
46         try {
47             if (item) {
48                 const updatedCollection = await services.collectionService.update(
49                     uuid, {
50                         properties: {
51                             ...JSON.parse(JSON.stringify(item.properties)),
52                             [data.keyID || data.key]: data.valueID || data.value
53                         }
54                     }
55                 );
56                 item.properties = updatedCollection.properties;
57                 dispatch(resourcesActions.SET_RESOURCES([updatedCollection]));
58                 dispatch(snackbarActions.OPEN_SNACKBAR({ message: "Tag has been successfully added.", hideDuration: 2000, kind: SnackbarKind.SUCCESS }));
59                 return updatedCollection;
60             }
61             return;
62         } catch (e) {
63             dispatch(snackbarActions.OPEN_SNACKBAR({ message: e.errors[0], hideDuration: 2000, kind: SnackbarKind.ERROR }));
64             return;
65         }
66     };
67
68 export const navigateToProcess = (uuid: string) =>
69     async (dispatch: Dispatch<any>, getState: () => RootState, services: ServiceRepository) => {
70         try {
71             await services.containerRequestService.get(uuid);
72             dispatch<any>(navigateTo(uuid));
73         } catch {
74             dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'This process does not exist!', hideDuration: 2000, kind: SnackbarKind.ERROR }));
75         }
76     };
77
78 export const deleteCollectionTag = (key: string, value: string) =>
79     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
80         const item = getState().collectionPanel.item;
81         const uuid = item ? item.uuid : '';
82         try {
83             if (item) {
84                 if (Array.isArray(item.properties[key])) {
85                     item.properties[key] = item.properties[key].filter((v: string) => v !== value);
86                     if (item.properties[key].length === 1) {
87                         item.properties[key] = item.properties[key][0];
88                     } else if (item.properties[key].length === 0) {
89                         delete item.properties[key];
90                     }
91                 } else if (item.properties[key] === value) {
92                     delete item.properties[key];
93                 }
94
95                 const updatedCollection = await services.collectionService.update(
96                     uuid, {
97                         properties: {...item.properties}
98                     }
99                 );
100                 dispatch(resourcesActions.SET_RESOURCES([updatedCollection]));
101                 dispatch(snackbarActions.OPEN_SNACKBAR({ message: "Tag has been successfully deleted.", hideDuration: 2000, kind: SnackbarKind.SUCCESS }));
102                 return updatedCollection;
103             }
104             return;
105         } catch (e) {
106             dispatch(snackbarActions.OPEN_SNACKBAR({ message: e.errors[0], hideDuration: 2000, kind: SnackbarKind.ERROR }));
107             return;
108         }
109     };