X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/f63f3a5360ae6381d4b332bf86ef52b4e22107fb..4cddd6be7314d0ab3c387b5dcc909780a468410c:/src/store/workbench/workbench-actions.ts diff --git a/src/store/workbench/workbench-actions.ts b/src/store/workbench/workbench-actions.ts index 3c68c000..01b5b92c 100644 --- a/src/store/workbench/workbench-actions.ts +++ b/src/store/workbench/workbench-actions.ts @@ -2,20 +2,20 @@ // // SPDX-License-Identifier: AGPL-3.0 -import { Dispatch } from 'redux'; +import { Dispatch, AnyAction } from 'redux'; import { RootState } from "../store"; import { loadDetailsPanel } from '~/store/details-panel/details-panel-action'; import { loadCollectionPanel } from '~/store/collection-panel/collection-panel-action'; import { snackbarActions } from '../snackbar/snackbar-actions'; import { loadFavoritePanel } from '../favorite-panel/favorite-panel-action'; import { openProjectPanel, projectPanelActions } from '~/store/project-panel/project-panel-action'; -import { activateSidePanelTreeItem, initSidePanelTree, SidePanelTreeCategory, loadSidePanelTreeProjects } from '../side-panel-tree/side-panel-tree-actions'; +import { activateSidePanelTreeItem, initSidePanelTree, SidePanelTreeCategory, loadSidePanelTreeProjects, getSidePanelTreeNodeAncestorsIds } from '../side-panel-tree/side-panel-tree-actions'; import { loadResource, updateResources } from '../resources/resources-actions'; import { favoritePanelActions } from '~/store/favorite-panel/favorite-panel-action'; import { projectPanelColumns } from '~/views/project-panel/project-panel'; import { favoritePanelColumns } from '~/views/favorite-panel/favorite-panel'; import { matchRootRoute } from '~/routes/routes'; -import { setCollectionBreadcrumbs, setProjectBreadcrumbs, setSidePanelBreadcrumbs } from '../breadcrumbs/breadcrumbs-actions'; +import { setCollectionBreadcrumbs, setProjectBreadcrumbs, setSidePanelBreadcrumbs, setProcessBreadcrumbs, setSharedWithMeBreadcrumbs } from '../breadcrumbs/breadcrumbs-actions'; import { navigateToProject } from '../navigation/navigation-action'; import { MoveToFormDialogData } from '~/store/move-to-dialog/move-to-dialog'; import { ServiceRepository } from '~/services/services'; @@ -29,11 +29,43 @@ import * as collectionCopyActions from '~/store/collections/collection-copy-acti import * as collectionUpdateActions from '~/store/collections/collection-update-actions'; import * as collectionMoveActions from '~/store/collections/collection-move-actions'; import * as processesActions from '../processes/processes-actions'; -import { getProcess } from '../processes/process'; +import * as processMoveActions from '~/store/processes/process-move-actions'; +import * as processUpdateActions from '~/store/processes/process-update-actions'; +import * as processCopyActions from '~/store/processes/process-copy-actions'; +import { trashPanelColumns } from "~/views/trash-panel/trash-panel"; +import { loadTrashPanel, trashPanelActions } from "~/store/trash-panel/trash-panel-action"; +import { initProcessLogsPanel } from '../process-logs-panel/process-logs-panel-actions'; +import { loadProcessPanel } from '~/store/process-panel/process-panel-actions'; +import { sharedWithMePanelActions } from '~/store/shared-with-me-panel/shared-with-me-panel-actions'; +import { loadSharedWithMePanel } from '../shared-with-me-panel/shared-with-me-panel-actions'; +import { CopyFormDialogData } from '~/store/copy-dialog/copy-dialog'; +import { loadWorkflowPanel, workflowPanelActions } from '~/store/workflow-panel/workflow-panel-actions'; +import { workflowPanelColumns } from '~/views/workflow-panel/workflow-panel-view'; +import { progressIndicatorActions } from '~/store/progress-indicator/progress-indicator-actions'; +import { getProgressIndicator } from '../progress-indicator/progress-indicator-reducer'; + +export const WORKBENCH_LOADING_SCREEN = 'workbenchLoadingScreen'; + +export const isWorkbenchLoading = (state: RootState) => { + const progress = getProgressIndicator(WORKBENCH_LOADING_SCREEN)(state.progressIndicator); + return progress ? progress.working : false; +}; + +const handleFirstTimeLoad = (action: any) => + async (dispatch: Dispatch, getState: () => RootState) => { + try { + await dispatch(action); + } finally { + if (isWorkbenchLoading(getState())) { + dispatch(progressIndicatorActions.STOP_WORKING(WORKBENCH_LOADING_SCREEN)); + } + } + }; export const loadWorkbench = () => async (dispatch: Dispatch, getState: () => RootState) => { + dispatch(progressIndicatorActions.START_WORKING(WORKBENCH_LOADING_SCREEN)); const { auth, router } = getState(); const { user } = auth; if (user) { @@ -41,6 +73,9 @@ export const loadWorkbench = () => if (userResource) { dispatch(projectPanelActions.SET_COLUMNS({ columns: projectPanelColumns })); dispatch(favoritePanelActions.SET_COLUMNS({ columns: favoritePanelColumns })); + dispatch(trashPanelActions.SET_COLUMNS({ columns: trashPanelColumns })); + dispatch(sharedWithMePanelActions.SET_COLUMNS({ columns: projectPanelColumns })); + dispatch(workflowPanelActions.SET_COLUMNS({ columns: workflowPanelColumns })); dispatch(initSidePanelTree()); if (router.location) { const match = matchRootRoute(router.location.pathname); @@ -57,20 +92,29 @@ export const loadWorkbench = () => }; export const loadFavorites = () => - (dispatch: Dispatch) => { - dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.FAVORITES)); - dispatch(loadFavoritePanel()); - dispatch(setSidePanelBreadcrumbs(SidePanelTreeCategory.FAVORITES)); - }; + handleFirstTimeLoad( + (dispatch: Dispatch) => { + dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.FAVORITES)); + dispatch(loadFavoritePanel()); + dispatch(setSidePanelBreadcrumbs(SidePanelTreeCategory.FAVORITES)); + }); +export const loadTrash = () => + handleFirstTimeLoad( + (dispatch: Dispatch) => { + dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.TRASH)); + dispatch(loadTrashPanel()); + dispatch(setSidePanelBreadcrumbs(SidePanelTreeCategory.TRASH)); + }); export const loadProject = (uuid: string) => - async (dispatch: Dispatch) => { - await dispatch(activateSidePanelTreeItem(uuid)); - dispatch(setProjectBreadcrumbs(uuid)); - dispatch(openProjectPanel(uuid)); - dispatch(loadDetailsPanel(uuid)); - }; + handleFirstTimeLoad( + async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { + dispatch(openProjectPanel(uuid)); + await dispatch(activateSidePanelTreeItem(uuid)); + dispatch(setProjectBreadcrumbs(uuid)); + dispatch(loadDetailsPanel(uuid)); + }); export const createProject = (data: projectCreateActions.ProjectCreateFormDialogData) => async (dispatch: Dispatch) => { @@ -117,12 +161,13 @@ export const updateProject = (data: projectUpdateActions.ProjectUpdateFormDialog }; export const loadCollection = (uuid: string) => - async (dispatch: Dispatch) => { - const collection = await dispatch(loadCollectionPanel(uuid)); - await dispatch(activateSidePanelTreeItem(collection.ownerUuid)); - dispatch(setCollectionBreadcrumbs(collection.uuid)); - dispatch(loadDetailsPanel(uuid)); - }; + handleFirstTimeLoad( + async (dispatch: Dispatch) => { + const collection = await dispatch(loadCollectionPanel(uuid)); + await dispatch(activateSidePanelTreeItem(collection.ownerUuid)); + dispatch(setCollectionBreadcrumbs(collection.uuid)); + dispatch(loadDetailsPanel(uuid)); + }); export const createCollection = (data: collectionCreateActions.CollectionCreateFormDialogData) => async (dispatch: Dispatch) => { @@ -150,7 +195,7 @@ export const updateCollection = (data: collectionUpdateActions.CollectionUpdateF } }; -export const copyCollection = (data: collectionCopyActions.CollectionCopyFormDialogData) => +export const copyCollection = (data: CopyFormDialogData) => async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { try { const collection = await dispatch(collectionCopyActions.copyCollection(data)); @@ -175,16 +220,65 @@ export const moveCollection = (data: MoveToFormDialogData) => }; export const loadProcess = (uuid: string) => - async (dispatch: Dispatch, getState: () => RootState) => { - await dispatch(processesActions.loadProcess(uuid)); - const process = getProcess(uuid)(getState().resources); - if (process) { + handleFirstTimeLoad( + async (dispatch: Dispatch, getState: () => RootState) => { + dispatch(loadProcessPanel(uuid)); + const process = await dispatch(processesActions.loadProcess(uuid)); await dispatch(activateSidePanelTreeItem(process.containerRequest.ownerUuid)); - dispatch(setCollectionBreadcrumbs(process.containerRequest.ownerUuid)); + dispatch(setProcessBreadcrumbs(uuid)); dispatch(loadDetailsPanel(uuid)); + }); + +export const updateProcess = (data: processUpdateActions.ProcessUpdateFormDialogData) => + async (dispatch: Dispatch) => { + try { + const process = await dispatch(processUpdateActions.updateProcess(data)); + if (process) { + dispatch(snackbarActions.OPEN_SNACKBAR({ + message: "Process has been successfully updated.", + hideDuration: 2000 + })); + dispatch(updateResources([process])); + dispatch(reloadProjectMatchingUuid([process.ownerUuid])); + } + } catch (e) { + dispatch(snackbarActions.OPEN_SNACKBAR({ message: e.message, hideDuration: 2000 })); } }; +export const moveProcess = (data: MoveToFormDialogData) => + async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { + try { + const process = await dispatch(processMoveActions.moveProcess(data)); + dispatch(updateResources([process])); + dispatch(reloadProjectMatchingUuid([process.ownerUuid])); + dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Process has been moved.', hideDuration: 2000 })); + } catch (e) { + dispatch(snackbarActions.OPEN_SNACKBAR({ message: e.message, hideDuration: 2000 })); + } + }; + +export const copyProcess = (data: CopyFormDialogData) => + async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { + try { + const process = await dispatch(processCopyActions.copyProcess(data)); + dispatch(updateResources([process])); + dispatch(reloadProjectMatchingUuid([process.ownerUuid])); + dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Process has been copied.', hideDuration: 2000 })); + } catch (e) { + dispatch(snackbarActions.OPEN_SNACKBAR({ message: e.message, hideDuration: 2000 })); + } + }; + +export const loadProcessLog = (uuid: string) => + handleFirstTimeLoad( + async (dispatch: Dispatch) => { + const process = await dispatch(processesActions.loadProcess(uuid)); + dispatch(setProcessBreadcrumbs(uuid)); + dispatch(initProcessLogsPanel(uuid)); + await dispatch(activateSidePanelTreeItem(process.containerRequest.ownerUuid)); + }); + export const resourceIsNotLoaded = (uuid: string) => snackbarActions.OPEN_SNACKBAR({ message: `Resource identified by ${uuid} is not loaded.` @@ -198,10 +292,22 @@ export const couldNotLoadUser = snackbarActions.OPEN_SNACKBAR({ message: 'Could not load user' }); -const reloadProjectMatchingUuid = (matchingUuids: string[]) => +export const reloadProjectMatchingUuid = (matchingUuids: string[]) => async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { const currentProjectPanelUuid = getProjectPanelCurrentUuid(getState()); if (currentProjectPanelUuid && matchingUuids.some(uuid => uuid === currentProjectPanelUuid)) { dispatch(loadProject(currentProjectPanelUuid)); } - }; \ No newline at end of file + }; + +export const loadSharedWithMe = handleFirstTimeLoad(async (dispatch: Dispatch) => { + dispatch(loadSharedWithMePanel()); + await dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.SHARED_WITH_ME)); + await dispatch(setSidePanelBreadcrumbs(SidePanelTreeCategory.SHARED_WITH_ME)); +}); + +export const loadWorkflow = handleFirstTimeLoad(async (dispatch: Dispatch) => { + dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.WORKFLOWS)); + await dispatch(loadWorkflowPanel()); + dispatch(setSidePanelBreadcrumbs(SidePanelTreeCategory.WORKFLOWS)); +});