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     toggleProcessPanelFilter,
  22     navigateToOutput,
  23     openWorkflow
  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
  28 const mapStateToProps = ({ router, resources, processPanel }: RootState): ProcessPanelRootDataProps => {
  29     const uuid = getProcessPanelCurrentUuid(router) || '';
  30     const subprocesses = getSubprocesses(uuid)(resources);
  31     return {
  32         process: getProcess(uuid)(resources),
  33         subprocesses: subprocesses.filter(subprocess => processPanel.filters[getProcessStatus(subprocess)]),
  34         filters: getFilters(processPanel, subprocesses),
  35     };
  36 };
  37
  38 const mapDispatchToProps = (dispatch: Dispatch): ProcessPanelRootActionProps => ({
  39     onContextMenu: (event, process) => {
  40         dispatch<any>(openProcessContextMenu(event, process));
  41     },
  42     onToggle: status => {
  43         dispatch<any>(toggleProcessPanelFilter(status));
  44     },
  45     openProcessInputDialog: (uuid) => dispatch<any>(openProcessInputDialog(uuid)),
  46     navigateToOutput: (uuid) => dispatch<any>(navigateToOutput(uuid)),
  47     navigateToWorkflow: (uuid) => dispatch<any>(openWorkflow(uuid)),
  48     cancelProcess: (uuid) => dispatch<any>(cancelRunningWorkflow(uuid))
  49 });
  50
  51 const getFilters = (processPanel: ProcessPanelState, processes: Process[]) => {
  52     const grouppedProcesses = groupBy(processes, getProcessStatus);
  53     return Object
  54         .keys(processPanel.filters)
  55         .map(filter => ({
  56             label: filter,
  57             value: (grouppedProcesses[filter] || []).length,
  58             checked: processPanel.filters[filter],
  59             key: filter,
  60         }));
  61     };
  62
  63 export const ProcessPanel = connect(mapStateToProps, mapDispatchToProps)(ProcessPanelRoot);