X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/b12a180cf035192be3e22dfa5a2200d4969ce51a..df5bb74b46652b2e0a73a0e9ef2c09a63314e409:/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 a1057b43..19f5a7ee 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,19 +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 { CollectionFilesTree, CollectionFileType, createCollectionFilesTree } from "~/models/collection-file"; import { ServiceRepository } from "~/services/services"; import { RootState } from "../../store"; -import { snackbarActions } from "../../snackbar/snackbar-actions"; +import { snackbarActions, SnackbarKind } from "../../snackbar/snackbar-actions"; import { dialogActions } from '../../dialog/dialog-actions'; -import { getNodeValue } from "~/models/tree"; +import { getNodeValue, mapTreeValues } from "~/models/tree"; import { filterCollectionFilesBySelection } from './collection-panel-files-state'; -import { startSubmit, initialize, stopSubmit, reset } from 'redux-form'; -import { getCommonResourceServiceError, CommonResourceServiceError } from "~/common/api/common-resource-service"; -import { resetPickerProjectTree } from '../../project-tree-picker/project-tree-picker-actions'; +import { startSubmit, stopSubmit, initialize, FormErrors } from 'redux-form'; import { getDialog } from "~/store/dialog/dialog-reducer"; +import { getFileFullPath, sortFilesTree } from "~/services/collection-service/collection-service-files-response"; +import { progressIndicatorActions } from "~/store/progress-indicator/progress-indicator-actions"; export const collectionPanelFilesAction = unionize({ SET_COLLECTION_FILES: ofType(), @@ -22,30 +22,55 @@ 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' }); + ON_SEARCH_CHANGE: ofType(), +}); export type CollectionPanelFilesAction = UnionOf; +export const COLLECTION_PANEL_LOAD_FILES = 'collectionPanelLoadFiles'; +export const COLLECTION_PANEL_LOAD_FILES_THRESHOLD = 40000; + export const loadCollectionFiles = (uuid: string) => async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { + dispatch(progressIndicatorActions.START_WORKING(COLLECTION_PANEL_LOAD_FILES)); const files = await services.collectionService.files(uuid); - dispatch(collectionPanelFilesAction.SET_COLLECTION_FILES(files)); + + // Given the array of directories and files, create the appropriate tree nodes, + // sort them, and add the complete url to each. + const tree = createCollectionFilesTree(files); + const sorted = sortFilesTree(tree); + const mapped = mapTreeValues(services.collectionService.extendFileURL)(sorted); + dispatch(collectionPanelFilesAction.SET_COLLECTION_FILES(mapped)); + dispatch(progressIndicatorActions.STOP_WORKING(COLLECTION_PANEL_LOAD_FILES)); }; export const removeCollectionFiles = (filePaths: string[]) => async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { const currentCollection = getState().collectionPanel.item; if (currentCollection) { - dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Removing ...' })); - await services.collectionService.deleteFiles(currentCollection.uuid, filePaths); - dispatch(loadCollectionFiles(currentCollection.uuid)); - dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Removed.', hideDuration: 2000 })); + dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Removing...' })); + try { + await services.collectionService.deleteFiles(currentCollection.uuid, filePaths); + dispatch(loadCollectionFiles(currentCollection.uuid)); + dispatch(snackbarActions.OPEN_SNACKBAR({ + message: 'Removed.', + hideDuration: 2000, + kind: SnackbarKind.SUCCESS + })); + } catch (e) { + dispatch(snackbarActions.OPEN_SNACKBAR({ + message: 'Could not remove file.', + hideDuration: 2000, + kind: SnackbarKind.ERROR + })); + } } }; export const removeCollectionsSelectedFiles = () => (dispatch: Dispatch, getState: () => RootState) => { - const paths = filterCollectionFilesBySelection(getState().collectionPanelFiles, true).map(file => file.id); + const paths = filterCollectionFilesBySelection(getState().collectionPanelFiles, true) + .map(getFileFullPath); dispatch(removeCollectionFiles(paths)); }; @@ -55,18 +80,23 @@ 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 address.' + : 'Removing a file will change content address.'; dispatch(dialogActions.OPEN_DIALOG({ id: FILE_REMOVE_DIALOG, data: { title, text, + info, confirmButtonLabel: 'Remove', filePath } @@ -82,68 +112,11 @@ export const openMultipleFilesRemoveDialog = () => data: { title: 'Removing files', text: 'Are you sure you want to remove selected files?', + info: 'Removing files will change content address.', confirmButtonLabel: 'Remove' } }); -export const COLLECTION_PARTIAL_COPY = 'COLLECTION_PARTIAL_COPY'; - -export interface CollectionPartialCopyFormData { - name: string; - description: string; - projectUuid: string; -} - -export const openCollectionPartialCopyDialog = () => - (dispatch: Dispatch, getState: () => RootState) => { - const currentCollection = getState().collectionPanel.item; - if (currentCollection) { - const initialData = { - name: currentCollection.name, - description: currentCollection.description, - projectUuid: '' - }; - dispatch(initialize(COLLECTION_PARTIAL_COPY, initialData)); - dispatch(resetPickerProjectTree()); - dispatch(dialogActions.OPEN_DIALOG({ id: COLLECTION_PARTIAL_COPY, data: {} })); - } - }; - -export const doCollectionPartialCopy = ({ name, description, projectUuid }: CollectionPartialCopyFormData) => - async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { - dispatch(startSubmit(COLLECTION_PARTIAL_COPY)); - const state = getState(); - const currentCollection = state.collectionPanel.item; - if (currentCollection) { - try { - const collection = await services.collectionService.get(currentCollection.uuid); - const collectionCopy = { - ...collection, - name, - description, - ownerUuid: projectUuid, - uuid: undefined - }; - const newCollection = await services.collectionService.create(collectionCopy); - const paths = filterCollectionFilesBySelection(state.collectionPanelFiles, false).map(file => file.id); - await services.collectionService.deleteFiles(newCollection.uuid, paths); - dispatch(dialogActions.CLOSE_DIALOG({ id: COLLECTION_PARTIAL_COPY })); - dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'New collection created.', hideDuration: 2000 })); - } catch (e) { - const error = getCommonResourceServiceError(e); - if (error === CommonResourceServiceError.UNIQUE_VIOLATION) { - dispatch(stopSubmit(COLLECTION_PARTIAL_COPY, { name: 'Collection with this name already exists.' })); - } else if (error === CommonResourceServiceError.UNKNOWN) { - dispatch(dialogActions.CLOSE_DIALOG({ id: COLLECTION_PARTIAL_COPY })); - dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Could not create a copy of collection', hideDuration: 2000 })); - } else { - dispatch(dialogActions.CLOSE_DIALOG({ id: COLLECTION_PARTIAL_COPY })); - dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Collection has been copied but may contain incorrect files.', hideDuration: 2000 })); - } - } - } - }; - export const RENAME_FILE_DIALOG = 'renameFileDialog'; export interface RenameFileDialogData { name: string; @@ -152,7 +125,7 @@ export interface RenameFileDialogData { export const openRenameFileDialog = (data: RenameFileDialogData) => (dispatch: Dispatch) => { - dispatch(reset(RENAME_FILE_DIALOG)); + dispatch(initialize(RENAME_FILE_DIALOG, data)); dispatch(dialogActions.OPEN_DIALOG({ id: RENAME_FILE_DIALOG, data })); }; @@ -161,16 +134,22 @@ export const renameFile = (newName: string) => const dialog = getDialog(getState().dialog, RENAME_FILE_DIALOG); const currentCollection = getState().collectionPanel.item; if (dialog && currentCollection) { - dispatch(startSubmit(RENAME_FILE_DIALOG)); - const oldPath = dialog.data.id; - const newPath = dialog.data.id.replace(dialog.data.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' })); + 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) { + const errors: FormErrors = { + name: `Could not rename the file: ${e.responseText}` + }; + dispatch(stopSubmit(RENAME_FILE_DIALOG, errors)); + } } } };