Merge branch 'master' into 13969-advanced-tab
[arvados.git] / src / store / collection-panel / collection-panel-files / collection-panel-files-actions.ts
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 import { unionize, ofType, UnionOf } from "~/common/unionize";
6 import { Dispatch } from "redux";
7 import { CollectionFilesTree, CollectionFileType } from "~/models/collection-file";
8 import { ServiceRepository } from "~/services/services";
9 import { RootState } from "../../store";
10 import { snackbarActions } from "../../snackbar/snackbar-actions";
11 import { dialogActions } from '../../dialog/dialog-actions';
12 import { getNodeValue } from "~/models/tree";
13 import { filterCollectionFilesBySelection } from './collection-panel-files-state';
14 import { startSubmit, stopSubmit, reset, initialize } from 'redux-form';
15 import { getDialog } from "~/store/dialog/dialog-reducer";
16 import { getFileFullPath } from "~/services/collection-service/collection-service-files-response";
17 import { resourcesDataActions } from "~/store/resources-data/resources-data-actions";
18
19 export const collectionPanelFilesAction = unionize({
20     SET_COLLECTION_FILES: ofType<CollectionFilesTree>(),
21     TOGGLE_COLLECTION_FILE_COLLAPSE: ofType<{ id: string }>(),
22     TOGGLE_COLLECTION_FILE_SELECTION: ofType<{ id: string }>(),
23     SELECT_ALL_COLLECTION_FILES: ofType<{}>(),
24     UNSELECT_ALL_COLLECTION_FILES: ofType<{}>(),
25 });
26
27 export type CollectionPanelFilesAction = UnionOf<typeof collectionPanelFilesAction>;
28
29 export const loadCollectionFiles = (uuid: string) =>
30     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
31         const files = await services.collectionService.files(uuid);
32         dispatch(collectionPanelFilesAction.SET_COLLECTION_FILES(files));
33         dispatch(resourcesDataActions.SET_FILES({ uuid, files }));
34     };
35
36 export const removeCollectionFiles = (filePaths: string[]) =>
37     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
38         const currentCollection = getState().collectionPanel.item;
39         if (currentCollection) {
40             dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Removing ...' }));
41             await services.collectionService.deleteFiles(currentCollection.uuid, filePaths);
42             dispatch<any>(loadCollectionFiles(currentCollection.uuid));
43             dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Removed.', hideDuration: 2000 }));
44         }
45     };
46
47 export const removeCollectionsSelectedFiles = () =>
48     (dispatch: Dispatch, getState: () => RootState) => {
49         const paths = filterCollectionFilesBySelection(getState().collectionPanelFiles, true)
50             .map(getFileFullPath);
51         dispatch<any>(removeCollectionFiles(paths));
52     };
53
54 export const FILE_REMOVE_DIALOG = 'fileRemoveDialog';
55
56 export const openFileRemoveDialog = (filePath: string) =>
57     (dispatch: Dispatch, getState: () => RootState) => {
58         const file = getNodeValue(filePath)(getState().collectionPanelFiles);
59         if (file) {
60             const title = file.type === CollectionFileType.DIRECTORY
61                 ? 'Removing directory'
62                 : 'Removing file';
63             const text = file.type === CollectionFileType.DIRECTORY
64                 ? 'Are you sure you want to remove this directory?'
65                 : 'Are you sure you want to remove this file?';
66
67             dispatch(dialogActions.OPEN_DIALOG({
68                 id: FILE_REMOVE_DIALOG,
69                 data: {
70                     title,
71                     text,
72                     confirmButtonLabel: 'Remove',
73                     filePath
74                 }
75             }));
76         }
77     };
78
79 export const MULTIPLE_FILES_REMOVE_DIALOG = 'multipleFilesRemoveDialog';
80
81 export const openMultipleFilesRemoveDialog = () =>
82     dialogActions.OPEN_DIALOG({
83         id: MULTIPLE_FILES_REMOVE_DIALOG,
84         data: {
85             title: 'Removing files',
86             text: 'Are you sure you want to remove selected files?',
87             confirmButtonLabel: 'Remove'
88         }
89     });
90
91 export const RENAME_FILE_DIALOG = 'renameFileDialog';
92 export interface RenameFileDialogData {
93     name: string;
94     id: string;
95 }
96
97 export const openRenameFileDialog = (data: RenameFileDialogData) =>
98     (dispatch: Dispatch) => {
99         dispatch(initialize(RENAME_FILE_DIALOG, data));
100         dispatch(dialogActions.OPEN_DIALOG({ id: RENAME_FILE_DIALOG, data }));
101     };
102
103 export const renameFile = (newName: string) =>
104     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
105         const dialog = getDialog<RenameFileDialogData>(getState().dialog, RENAME_FILE_DIALOG);
106         const currentCollection = getState().collectionPanel.item;
107         if (dialog && currentCollection) {
108             const file = getNodeValue(dialog.data.id)(getState().collectionPanelFiles);
109             if (file) {
110                 dispatch(startSubmit(RENAME_FILE_DIALOG));
111                 const oldPath = getFileFullPath(file);
112                 const newPath = getFileFullPath({ ...file, name: newName });
113                 try {
114                     await services.collectionService.moveFile(currentCollection.uuid, oldPath, newPath);
115                     dispatch<any>(loadCollectionFiles(currentCollection.uuid));
116                     dispatch(dialogActions.CLOSE_DIALOG({ id: RENAME_FILE_DIALOG }));
117                     dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'File name changed.', hideDuration: 2000 }));
118                 } catch (e) {
119                     dispatch(stopSubmit(RENAME_FILE_DIALOG, { name: 'Could not rename the file' }));
120                 }
121             }
122         }
123     };