X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/d60eaaa5549bcd863d4d202aecc2368de1f00db6..c27efd822acfd3bd93fc3e2e3e24a24146811eb7:/src/store/collection-panel/collection-panel-files/collection-panel-files-actions.ts diff --git a/src/store/collection-panel/collection-panel-files/collection-panel-files-actions.ts b/src/store/collection-panel/collection-panel-files/collection-panel-files-actions.ts index cedfbebe..3f82d29e 100644 --- a/src/store/collection-panel/collection-panel-files/collection-panel-files-actions.ts +++ b/src/store/collection-panel/collection-panel-files/collection-panel-files-actions.ts @@ -2,15 +2,19 @@ // // SPDX-License-Identifier: AGPL-3.0 -import { default as unionize, ofType, UnionOf } from "unionize"; +import { unionize, ofType, UnionOf } from "~/common/unionize"; import { Dispatch } from "redux"; import { CollectionFilesTree, CollectionFileType } from "~/models/collection-file"; import { ServiceRepository } from "~/services/services"; import { RootState } from "../../store"; -import { snackbarActions } from "../../snackbar/snackbar-actions"; -import { dialogActions } from "../../dialog/dialog-actions"; -import { getNodeValue, getNodeDescendants } from "~/models/tree"; -import { CollectionPanelDirectory, CollectionPanelFile } from "./collection-panel-files-state"; +import { snackbarActions, SnackbarKind } from "../../snackbar/snackbar-actions"; +import { dialogActions } from '../../dialog/dialog-actions'; +import { getNodeValue } from "~/models/tree"; +import { filterCollectionFilesBySelection } from './collection-panel-files-state'; +import { startSubmit, stopSubmit, reset, initialize } from 'redux-form'; +import { getDialog } from "~/store/dialog/dialog-reducer"; +import { getFileFullPath } from "~/services/collection-service/collection-service-files-response"; +import { resourcesDataActions } from "~/store/resources-data/resources-data-actions"; export const collectionPanelFilesAction = unionize({ SET_COLLECTION_FILES: ofType(), @@ -18,7 +22,7 @@ export const collectionPanelFilesAction = unionize({ TOGGLE_COLLECTION_FILE_SELECTION: ofType<{ id: string }>(), SELECT_ALL_COLLECTION_FILES: ofType<{}>(), UNSELECT_ALL_COLLECTION_FILES: ofType<{}>(), -}, { tag: 'type', value: 'payload' }); +}); export type CollectionPanelFilesAction = UnionOf; @@ -26,50 +30,58 @@ export const loadCollectionFiles = (uuid: string) => async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { const files = await services.collectionService.files(uuid); dispatch(collectionPanelFilesAction.SET_COLLECTION_FILES(files)); + dispatch(resourcesDataActions.SET_FILES({ uuid, files })); }; export const removeCollectionFiles = (filePaths: string[]) => async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { - const { item } = getState().collectionPanel; - if (item) { - dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Removing ...' })); - const promises = filePaths.map(filePath => services.collectionService.deleteFile(item.uuid, filePath)); - await Promise.all(promises); - dispatch(loadCollectionFiles(item.uuid)); - dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Removed.', hideDuration: 2000 })); + const currentCollection = getState().collectionPanel.item; + if (currentCollection) { + dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Removing...' })); + try { + await services.collectionService.deleteFiles('', filePaths); + dispatch(loadCollectionFiles(currentCollection.uuid)); + dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Removed.', hideDuration: 2000 })); + } catch (e) { + dispatch(snackbarActions.OPEN_SNACKBAR({ + message: 'Could not remove file.', + hideDuration: 2000, + kind: SnackbarKind.ERROR + })); + } } }; export const removeCollectionsSelectedFiles = () => (dispatch: Dispatch, getState: () => RootState) => { - const tree = getState().collectionPanelFiles; - const allFiles = getNodeDescendants('')(tree) - .map(id => getNodeValue(id)(tree)) - .filter(file => file !== undefined) as Array; - - const selectedDirectories = allFiles.filter(file => file.selected && file.type === CollectionFileType.DIRECTORY); - const selectedFiles = allFiles.filter(file => file.selected && !selectedDirectories.some(dir => dir.id === file.path)); - const paths = [...selectedDirectories, ...selectedFiles].map(file => file.id); + const paths = filterCollectionFilesBySelection(getState().collectionPanelFiles, true) + .map(getFileFullPath); dispatch(removeCollectionFiles(paths)); }; export const FILE_REMOVE_DIALOG = 'fileRemoveDialog'; + export const openFileRemoveDialog = (filePath: string) => (dispatch: Dispatch, getState: () => RootState) => { const file = getNodeValue(filePath)(getState().collectionPanelFiles); if (file) { - const title = file.type === CollectionFileType.DIRECTORY + const isDirectory = file.type === CollectionFileType.DIRECTORY; + const title = isDirectory ? 'Removing directory' : 'Removing file'; - const text = file.type === CollectionFileType.DIRECTORY + const text = isDirectory ? 'Are you sure you want to remove this directory?' : 'Are you sure you want to remove this file?'; + const info = isDirectory + ? 'Removing files will change content adress.' + : 'Removing a file will change content adress.'; dispatch(dialogActions.OPEN_DIALOG({ id: FILE_REMOVE_DIALOG, data: { title, text, + info, confirmButtonLabel: 'Remove', filePath } @@ -78,12 +90,48 @@ export const openFileRemoveDialog = (filePath: string) => }; export const MULTIPLE_FILES_REMOVE_DIALOG = 'multipleFilesRemoveDialog'; + export const openMultipleFilesRemoveDialog = () => dialogActions.OPEN_DIALOG({ id: MULTIPLE_FILES_REMOVE_DIALOG, data: { title: 'Removing files', text: 'Are you sure you want to remove selected files?', + info: 'Removing files will change content adress.', confirmButtonLabel: 'Remove' } }); + +export const RENAME_FILE_DIALOG = 'renameFileDialog'; +export interface RenameFileDialogData { + name: string; + id: string; +} + +export const openRenameFileDialog = (data: RenameFileDialogData) => + (dispatch: Dispatch) => { + dispatch(initialize(RENAME_FILE_DIALOG, data)); + dispatch(dialogActions.OPEN_DIALOG({ id: RENAME_FILE_DIALOG, data })); + }; + +export const renameFile = (newName: string) => + async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { + const dialog = getDialog(getState().dialog, RENAME_FILE_DIALOG); + const currentCollection = getState().collectionPanel.item; + if (dialog && currentCollection) { + const file = getNodeValue(dialog.data.id)(getState().collectionPanelFiles); + if (file) { + dispatch(startSubmit(RENAME_FILE_DIALOG)); + const oldPath = getFileFullPath(file); + const newPath = getFileFullPath({ ...file, name: newName }); + try { + await services.collectionService.moveFile(currentCollection.uuid, oldPath, newPath); + dispatch(loadCollectionFiles(currentCollection.uuid)); + dispatch(dialogActions.CLOSE_DIALOG({ id: RENAME_FILE_DIALOG })); + dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'File name changed.', hideDuration: 2000 })); + } catch (e) { + dispatch(stopSubmit(RENAME_FILE_DIALOG, { name: 'Could not rename the file' })); + } + } + } + };