Implement initial loading screen
[arvados.git] / src / store / collections / collection-upload-actions.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 { RootState } from '~/store/store';
7 import { ServiceRepository } from '~/services/services';
8 import { dialogActions } from '~/store/dialog/dialog-actions';
9 import { loadCollectionFiles } from '../collection-panel/collection-panel-files/collection-panel-files-actions';
10 import { snackbarActions, SnackbarKind } from '~/store/snackbar/snackbar-actions';
11 import { fileUploaderActions } from '~/store/file-uploader/file-uploader-actions';
12 import { reset, startSubmit } from 'redux-form';
13 import { progressIndicatorActions } from "~/store/progress-indicator/progress-indicator-actions";
14
15 export const uploadCollectionFiles = (collectionUuid: string) =>
16     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
17         dispatch(fileUploaderActions.START_UPLOAD());
18         const files = getState().fileUploader.map(file => file.file);
19         await services.collectionService.uploadFiles(collectionUuid, files, handleUploadProgress(dispatch));
20         dispatch(fileUploaderActions.CLEAR_UPLOAD());
21     };
22
23 export const COLLECTION_UPLOAD_FILES_DIALOG = 'uploadCollectionFilesDialog';
24
25 export const openUploadCollectionFilesDialog = () => (dispatch: Dispatch) => {
26     dispatch(reset(COLLECTION_UPLOAD_FILES_DIALOG));
27     dispatch(fileUploaderActions.CLEAR_UPLOAD());
28     dispatch<any>(dialogActions.OPEN_DIALOG({ id: COLLECTION_UPLOAD_FILES_DIALOG, data: {} }));
29 };
30
31 export const submitCollectionFiles = () =>
32     async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => {
33         const currentCollection = getState().collectionPanel.item;
34         if (currentCollection) {
35             try {
36                 dispatch(progressIndicatorActions.START_WORKING(COLLECTION_UPLOAD_FILES_DIALOG));
37                 dispatch(startSubmit(COLLECTION_UPLOAD_FILES_DIALOG));
38                 await dispatch<any>(uploadCollectionFiles(currentCollection.uuid));
39                 dispatch<any>(loadCollectionFiles(currentCollection.uuid));
40                 dispatch(closeUploadCollectionFilesDialog());
41                 dispatch(snackbarActions.OPEN_SNACKBAR({
42                     message: 'Data has been uploaded.',
43                     hideDuration: 2000,
44                     kind: SnackbarKind.SUCCESS
45                 }));
46                 dispatch(progressIndicatorActions.STOP_WORKING(COLLECTION_UPLOAD_FILES_DIALOG));
47             } catch (e) {
48                 dispatch(progressIndicatorActions.STOP_WORKING(COLLECTION_UPLOAD_FILES_DIALOG));
49             }
50         }
51     };
52
53 export const closeUploadCollectionFilesDialog = () => dialogActions.CLOSE_DIALOG({ id: COLLECTION_UPLOAD_FILES_DIALOG });
54
55 const handleUploadProgress = (dispatch: Dispatch) => (fileId: number, loaded: number, total: number, currentTime: number) => {
56     dispatch(fileUploaderActions.SET_UPLOAD_PROGRESS({ fileId, loaded, total, currentTime }));
57 };