X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/085692af7ee9809e2714edacad1251e78a196bd3..cc72c29b709759a4498ad232e3f0374e857c7a62:/src/store/workbench/workbench-actions.ts diff --git a/src/store/workbench/workbench-actions.ts b/src/store/workbench/workbench-actions.ts index bb41fa28..667f1c80 100644 --- a/src/store/workbench/workbench-actions.ts +++ b/src/store/workbench/workbench-actions.ts @@ -3,24 +3,23 @@ // SPDX-License-Identifier: AGPL-3.0 import { Dispatch } from 'redux'; -import { RootState } from "../store"; +import { RootState } from "~/store/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 { loadResource, updateResources } from '../resources/resources-actions'; +import { snackbarActions } from '~/store/snackbar/snackbar-actions'; +import { loadFavoritePanel } from '~/store/favorite-panel/favorite-panel-action'; +import { openProjectPanel, projectPanelActions, setIsProjectPanelTrashed } from '~/store/project-panel/project-panel-action'; +import { activateSidePanelTreeItem, initSidePanelTree, SidePanelTreeCategory, loadSidePanelTreeProjects } from '~/store/side-panel-tree/side-panel-tree-actions'; +import { loadResource, updateResources } from '~/store/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, setProcessBreadcrumbs } from '../breadcrumbs/breadcrumbs-actions'; -import { navigateToProject } from '../navigation/navigation-action'; +import { setSidePanelBreadcrumbs, setProcessBreadcrumbs, setSharedWithMeBreadcrumbs, setTrashBreadcrumbs, setBreadcrumbs } from '~/store/breadcrumbs/breadcrumbs-actions'; +import { navigateToProject } from '~/store/navigation/navigation-action'; import { MoveToFormDialogData } from '~/store/move-to-dialog/move-to-dialog'; import { ServiceRepository } from '~/services/services'; -import { getResource } from '../resources/resources'; -import { getProjectPanelCurrentUuid } from '../project-panel/project-panel-action'; +import { getResource } from '~/store/resources/resources'; +import { getProjectPanelCurrentUuid } from '~/store/project-panel/project-panel-action'; import * as projectCreateActions from '~/store/projects/project-create-actions'; import * as projectMoveActions from '~/store/projects/project-move-actions'; import * as projectUpdateActions from '~/store/projects/project-update-actions'; @@ -28,21 +27,59 @@ import * as collectionCreateActions from '~/store/collections/collection-create- import * as collectionCopyActions from '~/store/collections/collection-copy-actions'; 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 processesActions from '~/store/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 { initProcessLogsPanel } from '~/store/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 { loadSharedWithMePanel } from '~/store/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 { loadSshKeysPanel } from '~/store/auth/auth-action'; +import { workflowPanelColumns } from '~/views/workflow-panel/workflow-panel-view'; +import { progressIndicatorActions } from '~/store/progress-indicator/progress-indicator-actions'; +import { getProgressIndicator } from '~/store/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'; +import { SnackbarKind } from '~/store/snackbar/snackbar-actions'; +import { collectionPanelActions } from "~/store/collection-panel/collection-panel-action"; +import { CollectionResource } from "~/models/collection"; +import { searchResultsPanelActions, loadSearchResultsPanel } from '~/store/search-results-panel/search-results-panel-actions'; +import { searchResultsPanelColumns } from '~/views/search-results-panel/search-results-panel-view'; +import { loadVirtualMachinesPanel } from '~/store/virtual-machines/virtual-machines-actions'; +import { loadRepositoriesPanel } from '~/store/repositories/repositories-actions'; +import { loadKeepServicesPanel } from '~/store/keep-services/keep-services-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) { @@ -52,6 +89,8 @@ export const loadWorkbench = () => 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(searchResultsPanelActions.SET_COLUMNS({ columns: searchResultsPanelColumns })); dispatch(initSidePanelTree()); if (router.location) { const match = matchRootRoute(router.location.pathname); @@ -68,26 +107,54 @@ 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) => { - dispatch(openProjectPanel(uuid)); - await dispatch(activateSidePanelTreeItem(uuid)); - dispatch(setProjectBreadcrumbs(uuid)); - dispatch(loadDetailsPanel(uuid)); - }; + handleFirstTimeLoad( + async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { + const userUuid = services.authService.getUuid(); + dispatch(setIsProjectPanelTrashed(false)); + 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(uuid)); + dispatch(finishLoadingProject(project)); + }, + TRASHED: project => { + dispatch(setTrashBreadcrumbs(uuid)); + dispatch(setIsProjectPanelTrashed(true)); + 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) => { @@ -121,7 +188,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({ @@ -134,12 +201,37 @@ 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(collectionPanelActions.SET_COLLECTION(collection as CollectionResource)); + dispatch(updateResources([collection])); + await dispatch(activateSidePanelTreeItem(collection.ownerUuid)); + dispatch(setSidePanelBreadcrumbs(collection.ownerUuid)); + dispatch(loadCollectionFiles(collection.uuid)); + }, + SHARED: collection => { + dispatch(collectionPanelActions.SET_COLLECTION(collection as CollectionResource)); + dispatch(updateResources([collection])); + dispatch(setSharedWithMeBreadcrumbs(collection.ownerUuid)); + dispatch(activateSidePanelTreeItem(collection.ownerUuid)); + dispatch(loadCollectionFiles(collection.uuid)); + }, + TRASHED: collection => { + dispatch(collectionPanelActions.SET_COLLECTION(collection as CollectionResource)); + dispatch(updateResources([collection])); + dispatch(setTrashBreadcrumbs('')); + dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.TRASH)); + dispatch(loadCollectionFiles(collection.uuid)); + }, + + }); + } + }); export const createCollection = (data: collectionCreateActions.CollectionCreateFormDialogData) => async (dispatch: Dispatch) => { @@ -170,12 +262,19 @@ export const updateCollection = (data: collectionUpdateActions.CollectionUpdateF export const copyCollection = (data: CopyFormDialogData) => async (dispatch: Dispatch, getState: () => RootState, services: ServiceRepository) => { try { + const copyToProject = getResource(data.ownerUuid)(getState().resources); const collection = await dispatch(collectionCopyActions.copyCollection(data)); - dispatch(updateResources([collection])); - dispatch(reloadProjectMatchingUuid([collection.ownerUuid])); - dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Collection has been copied.', hideDuration: 2000 })); + if (copyToProject && collection) { + dispatch(reloadProjectMatchingUuid([copyToProject.uuid])); + dispatch(snackbarActions.OPEN_SNACKBAR({ + message: 'Collection has been copied.', + hideDuration: 3000, + kind: SnackbarKind.SUCCESS, + link: collection.ownerUuid + })); + } } catch (e) { - dispatch(snackbarActions.OPEN_SNACKBAR({ message: e.message, hideDuration: 2000 })); + dispatch(snackbarActions.OPEN_SNACKBAR({ message: e.message, hideDuration: 2000, kind: SnackbarKind.ERROR })); } }; @@ -185,21 +284,21 @@ export const moveCollection = (data: MoveToFormDialogData) => const collection = await dispatch(collectionMoveActions.moveCollection(data)); dispatch(updateResources([collection])); dispatch(reloadProjectMatchingUuid([collection.ownerUuid])); - dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Collection has been moved.', hideDuration: 2000 })); + dispatch(snackbarActions.OPEN_SNACKBAR({ message: 'Collection has been moved.', hideDuration: 2000, kind: SnackbarKind.SUCCESS })); } catch (e) { dispatch(snackbarActions.OPEN_SNACKBAR({ message: e.message, hideDuration: 2000 })); } }; export const loadProcess = (uuid: string) => - 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)); - - }; + 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 updateProcess = (data: processUpdateActions.ProcessUpdateFormDialogData) => async (dispatch: Dispatch) => { @@ -243,12 +342,13 @@ export const copyProcess = (data: CopyFormDialogData) => }; export const loadProcessLog = (uuid: string) => - async (dispatch: Dispatch) => { - const process = await dispatch(processesActions.loadProcess(uuid)); - dispatch(setProcessBreadcrumbs(uuid)); - dispatch(initProcessLogsPanel(uuid)); - await dispatch(activateSidePanelTreeItem(process.containerRequest.ownerUuid)); - }; + 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({ @@ -271,8 +371,103 @@ export const reloadProjectMatchingUuid = (matchingUuids: string[]) => } }; -export const loadSharedWithMe = (dispatch: Dispatch) => { - dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.SHARED_WITH_ME)); +export const loadSharedWithMe = handleFirstTimeLoad(async (dispatch: Dispatch) => { dispatch(loadSharedWithMePanel()); - dispatch(setSidePanelBreadcrumbs(SidePanelTreeCategory.SHARED_WITH_ME)); + await dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.SHARED_WITH_ME)); + await dispatch(setSidePanelBreadcrumbs(SidePanelTreeCategory.SHARED_WITH_ME)); +}); + +export const loadRunProcess = handleFirstTimeLoad( + async (dispatch: Dispatch) => { + await dispatch(loadRunProcessPanel()); + } +); + +export const loadWorkflow = handleFirstTimeLoad(async (dispatch: Dispatch) => { + dispatch(activateSidePanelTreeItem(SidePanelTreeCategory.WORKFLOWS)); + await dispatch(loadWorkflowPanel()); + dispatch(setSidePanelBreadcrumbs(SidePanelTreeCategory.WORKFLOWS)); +}); + +export const loadSearchResults = handleFirstTimeLoad( + async (dispatch: Dispatch) => { + await dispatch(loadSearchResultsPanel()); + }); + +export const loadVirtualMachines = handleFirstTimeLoad( + async (dispatch: Dispatch) => { + await dispatch(loadVirtualMachinesPanel()); + dispatch(setBreadcrumbs([{ label: 'Virtual Machines' }])); + }); + +export const loadRepositories = handleFirstTimeLoad( + async (dispatch: Dispatch) => { + await dispatch(loadRepositoriesPanel()); + dispatch(setBreadcrumbs([{ label: 'Repositories' }])); + }); + +export const loadSshKeys = handleFirstTimeLoad( + async (dispatch: Dispatch) => { + await dispatch(loadSshKeysPanel()); + }); + +export const loadKeepServices = handleFirstTimeLoad( + async (dispatch: Dispatch) => { + await dispatch(loadKeepServicesPanel()); + }); + +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;