1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import { RootState } from 'store/store';
6 import { connect } from 'react-redux';
7 import { getProcess, getSubprocesses, Process, getProcessStatus } from 'store/processes/process';
8 import { Dispatch } from 'redux';
9 import { openProcessContextMenu } from 'store/context-menu/context-menu-actions';
11 ProcessPanelRootDataProps,
12 ProcessPanelRootActionProps,
14 } from './process-panel-root';
16 getProcessPanelCurrentUuid,
17 ProcessPanel as ProcessPanelState
18 } from 'store/process-panel/process-panel';
19 import { groupBy } from 'lodash';
21 toggleProcessPanelFilter,
24 } from 'store/process-panel/process-panel-actions';
25 import { openProcessInputDialog } from 'store/processes/process-input-actions';
26 import { cancelRunningWorkflow } from 'store/processes/processes-actions';
27 import { navigateToLogCollection, setProcessLogsPanelFilter } from 'store/process-logs-panel/process-logs-panel-actions';
28 import { snackbarActions, SnackbarKind } from 'store/snackbar/snackbar-actions';
30 const mapStateToProps = ({ router, resources, processPanel, processLogsPanel }: RootState): ProcessPanelRootDataProps => {
31 const uuid = getProcessPanelCurrentUuid(router) || '';
32 const subprocesses = getSubprocesses(uuid)(resources);
34 process: getProcess(uuid)(resources),
35 subprocesses: subprocesses.filter(subprocess => processPanel.filters[getProcessStatus(subprocess)]),
36 filters: getFilters(processPanel, subprocesses),
37 processLogsPanel: processLogsPanel,
41 const mapDispatchToProps = (dispatch: Dispatch): ProcessPanelRootActionProps => ({
42 onLogCopyToClipboard: (message: string) => {
43 dispatch<any>(snackbarActions.OPEN_SNACKBAR({
46 kind: SnackbarKind.SUCCESS,
49 onContextMenu: (event, process) => {
50 dispatch<any>(openProcessContextMenu(event, process));
53 dispatch<any>(toggleProcessPanelFilter(status));
55 openProcessInputDialog: (uuid) => dispatch<any>(openProcessInputDialog(uuid)),
56 navigateToOutput: (uuid) => dispatch<any>(navigateToOutput(uuid)),
57 navigateToWorkflow: (uuid) => dispatch<any>(openWorkflow(uuid)),
58 cancelProcess: (uuid) => dispatch<any>(cancelRunningWorkflow(uuid)),
59 onLogFilterChange: (filter) => dispatch(setProcessLogsPanelFilter(filter.value)),
60 navigateToLog: (uuid) => dispatch<any>(navigateToLogCollection(uuid)),
63 const getFilters = (processPanel: ProcessPanelState, processes: Process[]) => {
64 const grouppedProcesses = groupBy(processes, getProcessStatus);
66 .keys(processPanel.filters)
69 value: (grouppedProcesses[filter] || []).length,
70 checked: processPanel.filters[filter],
75 export const ProcessPanel = connect(mapStateToProps, mapDispatchToProps)(ProcessPanelRoot);