X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/9eaee66663fa21962f46e301ba6257ab63a9b10c..e92207c912aed73a07340b5fb2a9e2cb23e1da5f:/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 3f82d29e..175a8cef 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 @@ -4,17 +4,17 @@ 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, 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, stopSubmit, reset, initialize } from 'redux-form'; +import { startSubmit, stopSubmit, initialize, FormErrors } 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"; +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(), @@ -26,11 +26,31 @@ export const collectionPanelFilesAction = unionize({ 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) => { + let step = Date.now(); + dispatch(progressIndicatorActions.START_WORKING(COLLECTION_PANEL_LOAD_FILES)); const files = await services.collectionService.files(uuid); - dispatch(collectionPanelFilesAction.SET_COLLECTION_FILES(files)); - dispatch(resourcesDataActions.SET_FILES({ uuid, files })); + console.log('Get files: ', (Date.now()-step)/1000); + + // Given the array of directories and files, create the appropriate tree nodes, + // sort them, and add the complete url to each. + step = Date.now(); + const tree = createCollectionFilesTree(files); + console.log('Create tree: ', (Date.now()-step)/1000); + step = Date.now(); + const sorted = sortFilesTree(tree); + console.log('Sort tree: ', (Date.now()-step)/1000); + step = Date.now(); + const mapped = mapTreeValues(services.collectionService.extendFileURL)(sorted); + console.log('Add URL: ', (Date.now()-step)/1000); + step = Date.now(); + dispatch(collectionPanelFilesAction.SET_COLLECTION_FILES(mapped)); + console.log('Dispatch: ', (Date.now()-step)/1000); + dispatch(progressIndicatorActions.STOP_WORKING(COLLECTION_PANEL_LOAD_FILES)); }; export const removeCollectionFiles = (filePaths: string[]) => @@ -39,9 +59,13 @@ export const removeCollectionFiles = (filePaths: string[]) => if (currentCollection) { dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Removing...' })); try { - await services.collectionService.deleteFiles('', filePaths); + await services.collectionService.deleteFiles(currentCollection.uuid, filePaths); dispatch(loadCollectionFiles(currentCollection.uuid)); - dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Removed.', hideDuration: 2000 })); + dispatch(snackbarActions.OPEN_SNACKBAR({ + message: 'Removed.', + hideDuration: 2000, + kind: SnackbarKind.SUCCESS + })); } catch (e) { dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Could not remove file.', @@ -73,8 +97,8 @@ export const openFileRemoveDialog = (filePath: string) => ? '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.'; + ? 'Removing files will change content address.' + : 'Removing a file will change content address.'; dispatch(dialogActions.OPEN_DIALOG({ id: FILE_REMOVE_DIALOG, @@ -97,7 +121,7 @@ export const openMultipleFilesRemoveDialog = () => data: { title: 'Removing files', text: 'Are you sure you want to remove selected files?', - info: 'Removing files will change content adress.', + info: 'Removing files will change content address.', confirmButtonLabel: 'Remove' } }); @@ -130,7 +154,10 @@ export const renameFile = (newName: string) => 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 errors: FormErrors = { + name: 'Could not rename the file' + }; + dispatch(stopSubmit(RENAME_FILE_DIALOG, errors)); } } }