src/views/process-panel/process-panel.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   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';
  10 import {
  11     ProcessPanelRootDataProps,
  12     ProcessPanelRootActionProps,
  13     ProcessPanelRoot
  14 } from './process-panel-root';
  15 import {
  16     getProcessPanelCurrentUuid,
  17     ProcessPanel as ProcessPanelState
  18 } from 'store/process-panel/process-panel';
  19 import { groupBy } from 'lodash';
  20 import {
  21     loadInputs,
  22     loadOutputDefinitions,
  23     loadOutputs,
  24     toggleProcessPanelFilter,
  25     updateOutputParams,
  26 } from 'store/process-panel/process-panel-actions';
  27 import { cancelRunningWorkflow } from 'store/processes/processes-actions';
  28 import { navigateToLogCollection, setProcessLogsPanelFilter } from 'store/process-logs-panel/process-logs-panel-actions';
  29 import { snackbarActions, SnackbarKind } from 'store/snackbar/snackbar-actions';
  30
  31 const mapStateToProps = ({ router, auth, resources, processPanel, processLogsPanel }: RootState): ProcessPanelRootDataProps => {
  32     const uuid = getProcessPanelCurrentUuid(router) || '';
  33     const subprocesses = getSubprocesses(uuid)(resources);
  34     return {
  35         process: getProcess(uuid)(resources),
  36         subprocesses: subprocesses.filter(subprocess => processPanel.filters[getProcessStatus(subprocess)]),
  37         filters: getFilters(processPanel, subprocesses),
  38         processLogsPanel: processLogsPanel,
  39         auth: auth,
  40         inputRaw: processPanel.inputRaw,
  41         inputParams: processPanel.inputParams,
  42         outputRaw: processPanel.outputRaw,
  43         outputDefinitions: processPanel.outputDefinitions,
  44         outputParams: processPanel.outputParams,
  45     };
  46 };
  47
  48 const mapDispatchToProps = (dispatch: Dispatch): ProcessPanelRootActionProps => ({
  49     onCopyToClipboard: (message: string) => {
  50         dispatch<any>(snackbarActions.OPEN_SNACKBAR({
  51             message,
  52             hideDuration: 2000,
  53             kind: SnackbarKind.SUCCESS,
  54         }));
  55     },
  56     onContextMenu: (event, process) => {
  57         dispatch<any>(openProcessContextMenu(event, process));
  58     },
  59     onToggle: status => {
  60         dispatch<any>(toggleProcessPanelFilter(status));
  61     },
  62     cancelProcess: (uuid) => dispatch<any>(cancelRunningWorkflow(uuid)),
  63     onLogFilterChange: (filter) => dispatch(setProcessLogsPanelFilter(filter.value)),
  64     navigateToLog: (uuid) => dispatch<any>(navigateToLogCollection(uuid)),
  65     loadInputs: (containerRequest) => dispatch<any>(loadInputs(containerRequest)),
  66     loadOutputs: (containerRequest) => dispatch<any>(loadOutputs(containerRequest)),
  67     loadOutputDefinitions: (containerRequest) => dispatch<any>(loadOutputDefinitions(containerRequest)),
  68     updateOutputParams: () => dispatch<any>(updateOutputParams())
  69 });
  70
  71 const getFilters = (processPanel: ProcessPanelState, processes: Process[]) => {
  72     const grouppedProcesses = groupBy(processes, getProcessStatus);
  73     return Object
  74         .keys(processPanel.filters)
  75         .map(filter => ({
  76             label: filter,
  77             value: (grouppedProcesses[filter] || []).length,
  78             checked: processPanel.filters[filter],
  79             key: filter,
  80         }));
  81     };
  82
  83 export const ProcessPanel = connect(mapStateToProps, mapDispatchToProps)(ProcessPanelRoot);