X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/909ee82b3c7c7fd033c6ab2e82b4fb92f383e191..3f7e1a8afad27920adf8f03ce82eeb1ae58aa84f:/src/views/process-panel/process-panel.tsx?ds=sidebyside diff --git a/src/views/process-panel/process-panel.tsx b/src/views/process-panel/process-panel.tsx index 5829a0cd..7afaa04d 100644 --- a/src/views/process-panel/process-panel.tsx +++ b/src/views/process-panel/process-panel.tsx @@ -2,41 +2,68 @@ // // SPDX-License-Identifier: AGPL-3.0 -import * as React from 'react'; -import { } from '@material-ui/core'; -import { Grid } from '@material-ui/core'; -import { ProcessInformationCard } from '~/views-components/process-information-card/process-information-card'; -import { ProcessSubprocesses } from '~/views-components/process-subprocesses/process-subprocesses'; -import { SubprocessesStatus } from '~/views/process-panel/process-subprocesses'; +import { RootState } from 'store/store'; +import { connect } from 'react-redux'; +import { getProcess, getSubprocesses, Process, getProcessStatus } from 'store/processes/process'; +import { Dispatch } from 'redux'; +import { openProcessContextMenu } from 'store/context-menu/context-menu-actions'; +import { + ProcessPanelRootDataProps, + ProcessPanelRootActionProps, + ProcessPanelRoot +} from './process-panel-root'; +import { + getProcessPanelCurrentUuid, + ProcessPanel as ProcessPanelState +} from 'store/process-panel/process-panel'; +import { groupBy } from 'lodash'; +import { + toggleProcessPanelFilter, +} from 'store/process-panel/process-panel-actions'; +import { cancelRunningWorkflow } from 'store/processes/processes-actions'; +import { navigateToLogCollection, setProcessLogsPanelFilter } from 'store/process-logs-panel/process-logs-panel-actions'; +import { snackbarActions, SnackbarKind } from 'store/snackbar/snackbar-actions'; -export type CssRules = 'headerActive' | 'headerCompleted' | 'headerQueued' | 'headerFailed' | 'headerCanceled'; +const mapStateToProps = ({ router, resources, processPanel, processLogsPanel }: RootState): ProcessPanelRootDataProps => { + const uuid = getProcessPanelCurrentUuid(router) || ''; + const subprocesses = getSubprocesses(uuid)(resources); + return { + process: getProcess(uuid)(resources), + subprocesses: subprocesses.filter(subprocess => processPanel.filters[getProcessStatus(subprocess)]), + filters: getFilters(processPanel, subprocesses), + processLogsPanel: processLogsPanel, + }; +}; -export class ProcessPanel extends React.Component { - render() { - return