X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/00bf04d74afad9970678b87c02942003e0712cd2..847ac07f82a1432d6472390aab5e8c2198d425a5:/src/store/workbench/workbench-actions.ts diff --git a/src/store/workbench/workbench-actions.ts b/src/store/workbench/workbench-actions.ts index effac1d1..bd480bda 100644 --- a/src/store/workbench/workbench-actions.ts +++ b/src/store/workbench/workbench-actions.ts @@ -5,7 +5,6 @@ import { Dispatch } 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'; @@ -15,7 +14,7 @@ import { favoritePanelActions } from '~/store/favorite-panel/favorite-panel-acti 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, setProcessBreadcrumbs } from '../breadcrumbs/breadcrumbs-actions'; +import { setSidePanelBreadcrumbs, setProcessBreadcrumbs, setSharedWithMeBreadcrumbs, setTrashBreadcrumbs } 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,13 +28,49 @@ 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 * 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'; +import { ResourceKind, extractUuidKind } from '~/models/resource'; +import { FilterBuilder } from '~/services/api/filter-builder'; +import { GroupContentsResource } from '~/services/groups-service/groups-service'; +import { unionize, ofType, UnionOf, MatchCases } from '~/common/unionize'; +import { loadRunProcessPanel } from '~/store/run-process-panel/run-process-panel-actions'; +import { loadCollectionFiles } from '~/store/collection-panel/collection-panel-files/collection-panel-files-actions'; + +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) { @@ -44,6 +79,8 @@ export const loadWorkbench = () => 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); @@ -60,26 +97,52 @@ 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 = () => - (dispatch: Dispatch) => { - dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.TRASH)); - dispatch(loadTrashPanel()); - dispatch(setSidePanelBreadcrumbs(SidePanelTreeCategory.TRASH)); - }; + 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) => { + const userUuid = services.authService.getUuid(); + if (userUuid) { + if (userUuid !== uuid) { + const match = await loadGroupContentsResource({ uuid, userUuid, services }); + match({ + OWNED: async project => { + await dispatch(activateSidePanelTreeItem(uuid)); + dispatch(setSidePanelBreadcrumbs(uuid)); + dispatch(finishLoadingProject(project)); + }, + SHARED: project => { + dispatch(setSharedWithMeBreadcrumbs(uuid)); + dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.SHARED_WITH_ME)); + dispatch(finishLoadingProject(project)); + }, + TRASHED: project => { + dispatch(setTrashBreadcrumbs(uuid)); + dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.TRASH)); + dispatch(finishLoadingProject(project)); + } + }); + } else { + await dispatch(activateSidePanelTreeItem(userUuid)); + dispatch(setSidePanelBreadcrumbs(userUuid)); + dispatch(finishLoadingProject(userUuid)); + } + } + }); export const createProject = (data: projectCreateActions.ProjectCreateFormDialogData) => async (dispatch: Dispatch) => { @@ -113,7 +176,7 @@ export const moveProject = (data: MoveToFormDialogData) => }; export const updateProject = (data: projectUpdateActions.ProjectUpdateFormDialogData) => - async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { + async (dispatch: Dispatch) => { const updatedProject = await dispatch(projectUpdateActions.updateProject(data)); if (updatedProject) { dispatch(snackbarActions.OPEN_SNACKBAR({ @@ -126,12 +189,34 @@ 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, getState: () => RootState, services: ServiceRepository) => { + const userUuid = services.authService.getUuid(); + if (userUuid) { + const match = await loadGroupContentsResource({ uuid, userUuid, services }); + match({ + OWNED: async collection => { + dispatch(updateResources([collection])); + await dispatch(activateSidePanelTreeItem(collection.ownerUuid)); + dispatch(setSidePanelBreadcrumbs(collection.ownerUuid)); + dispatch(loadCollectionFiles(collection.uuid)); + }, + SHARED: collection => { + dispatch(updateResources([collection])); + dispatch(setSharedWithMeBreadcrumbs(collection.ownerUuid)); + dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.SHARED_WITH_ME)); + dispatch(loadCollectionFiles(collection.uuid)); + }, + TRASHED: collection => { + dispatch(updateResources([collection])); + dispatch(setTrashBreadcrumbs('')); + dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.TRASH)); + dispatch(loadCollectionFiles(collection.uuid)); + }, + + }); + } + }); export const createCollection = (data: collectionCreateActions.CollectionCreateFormDialogData) => async (dispatch: Dispatch) => { @@ -159,7 +244,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)); @@ -184,21 +269,65 @@ export const moveCollection = (data: MoveToFormDialogData) => }; export const loadProcess = (uuid: string) => - async (dispatch: Dispatch, getState: () => RootState) => { - const process = await dispatch(processesActions.loadProcess(uuid)); - await dispatch(activateSidePanelTreeItem(process.containerRequest.ownerUuid)); - dispatch(setProcessBreadcrumbs(uuid)); - dispatch(loadDetailsPanel(uuid)); - }; + handleFirstTimeLoad( + async (dispatch: Dispatch, getState: () => RootState) => { + dispatch(loadProcessPanel(uuid)); + const process = await dispatch(processesActions.loadProcess(uuid)); + await dispatch(activateSidePanelTreeItem(process.containerRequest.ownerUuid)); + dispatch(setProcessBreadcrumbs(uuid)); + dispatch(loadDetailsPanel(uuid)); + }); -export const loadProcessLog = (uuid: string) => +export const updateProcess = (data: processUpdateActions.ProcessUpdateFormDialogData) => async (dispatch: Dispatch) => { - const process = await dispatch(processesActions.loadProcess(uuid)); - await dispatch(activateSidePanelTreeItem(process.containerRequest.ownerUuid)); - dispatch(setProcessBreadcrumbs(uuid)); - dispatch(initProcessLogsPanel(uuid)); + 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.` @@ -219,3 +348,77 @@ export const reloadProjectMatchingUuid = (matchingUuids: string[]) => dispatch(loadProject(currentProjectPanelUuid)); } }; + +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 loadRunProcess = handleFirstTimeLoad( + async (dispatch: Dispatch) => { + dispatch(loadRunProcessPanel()); + } +); + +export const loadWorkflow = handleFirstTimeLoad(async (dispatch: Dispatch) => { + dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.WORKFLOWS)); + await dispatch(loadWorkflowPanel()); + dispatch(setSidePanelBreadcrumbs(SidePanelTreeCategory.WORKFLOWS)); +}); + +const finishLoadingProject = (project: GroupContentsResource | string) => + async (dispatch: Dispatch) => { + const uuid = typeof project === 'string' ? project : project.uuid; + dispatch(openProjectPanel(uuid)); + dispatch(loadDetailsPanel(uuid)); + if (typeof project !== 'string') { + dispatch(updateResources([project])); + } + }; + +const loadGroupContentsResource = async (params: { + uuid: string, + userUuid: string, + services: ServiceRepository +}) => { + const filters = new FilterBuilder() + .addEqual('uuid', params.uuid) + .getFilters(); + const { items } = await params.services.groupsService.contents(params.userUuid, { + filters, + recursive: true, + includeTrash: true, + }); + const resource = items.shift(); + let handler: GroupContentsHandler; + if (resource) { + handler = (resource.kind === ResourceKind.COLLECTION || resource.kind === ResourceKind.PROJECT) && resource.isTrashed + ? groupContentsHandlers.TRASHED(resource) + : groupContentsHandlers.OWNED(resource); + } else { + const kind = extractUuidKind(params.uuid); + let resource: GroupContentsResource; + if (kind === ResourceKind.COLLECTION) { + resource = await params.services.collectionService.get(params.uuid); + } else if (kind === ResourceKind.PROJECT) { + resource = await params.services.projectService.get(params.uuid); + } else { + resource = await params.services.containerRequestService.get(params.uuid); + } + handler = groupContentsHandlers.SHARED(resource); + } + return (cases: MatchCases) => + groupContentsHandlers.match(handler, cases); + +}; + +const groupContentsHandlersRecord = { + TRASHED: ofType(), + SHARED: ofType(), + OWNED: ofType(), +}; + +const groupContentsHandlers = unionize(groupContentsHandlersRecord); + +type GroupContentsHandler = UnionOf;