merge master
[arvados-workbench2.git] / 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 { matchProcessRoute } from '~/routes/routes';
11 import { ProcessPanelRootDataProps, ProcessPanelRootActionProps, ProcessPanelRoot } from './process-panel-root';
12 import { ProcessPanel as ProcessPanelState} from '~/store/process-panel/process-panel';
13 import { groupBy } from 'lodash';
14 import { toggleProcessPanelFilter } from '~/store/process-panel/process-panel-actions';
15
16 const mapStateToProps = ({ router, resources, processPanel }: RootState): ProcessPanelRootDataProps => {
17     const pathname = router.location ? router.location.pathname : '';
18     const match = matchProcessRoute(pathname);
19     const uuid = match ? match.params.id : '';
20     const subprocesses = getSubprocesses(uuid)(resources);
21     return {
22         process: getProcess(uuid)(resources),
23         subprocesses: subprocesses.filter(subprocess => processPanel.filters[getProcessStatus(subprocess)]),
24         filters: getFilters(processPanel, subprocesses)
25     };
26 };
27
28 const mapDispatchToProps = (dispatch: Dispatch): ProcessPanelRootActionProps => ({
29     onContextMenu: event => {
30         dispatch<any>(openProcessContextMenu(event));
31     },
32     onToggle: status => {
33         dispatch<any>(toggleProcessPanelFilter(status));
34     }
35 });
36
37 export const ProcessPanel = connect(mapStateToProps, mapDispatchToProps)(ProcessPanelRoot);
38
39 export const getFilters = (processPanel: ProcessPanelState, processes: Process[]) => {
40     const grouppedProcesses = groupBy(processes, getProcessStatus);
41     return Object
42         .keys(processPanel.filters)
43         .map(filter => ({
44             label: filter,
45             value: (grouppedProcesses[filter] || []).length,
46             checked: processPanel.filters[filter],
47             key: filter,
48         }));
49     };