1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import * as React from 'react';
6 import { Grid } from '@material-ui/core';
7 import { ProcessInformationCard } from './process-information-card';
8 import { DefaultView } from '~/components/default-view/default-view';
9 import { ProcessIcon } from '~/components/icon/icon';
10 import { Process, getProcessStatus } from '~/store/processes/process';
11 import { SubprocessesCard } from './subprocesses-card';
12 import { SubprocessFilterDataProps } from '~/components/subprocess-filter/subprocess-filter';
13 import { groupBy } from 'lodash';
14 import { ProcessSubprocesses } from '~/views/process-panel/process-subprocesses';
16 export interface ProcessPanelRootDataProps {
18 subprocesses: Array<Process>;
21 export interface ProcessPanelRootActionProps {
22 onContextMenu: (event: React.MouseEvent<HTMLElement>) => void;
25 export type ProcessPanelRootProps = ProcessPanelRootDataProps & ProcessPanelRootActionProps;
27 export const ProcessPanelRoot = (props: ProcessPanelRootProps) =>
29 ? <Grid container spacing={16}>
31 <ProcessInformationCard
32 process={props.process}
33 onContextMenu={props.onContextMenu} />
34 {console.log(props.subprocesses)}
38 subprocesses={props.subprocesses}
39 filters={mapGroupedProcessesToFilters(groupSubprocessesByStatus(props.subprocesses))}
40 onToggle={() => { return; }} />
44 subprocesses={props.subprocesses}
45 onContextMenu={props.onContextMenu} />
51 style={{ minHeight: '100%' }}>
54 messages={['Process not found']} />
57 const groupSubprocessesByStatus = (processes: Process[]) =>
58 groupBy(processes, getProcessStatus);
60 const mapGroupedProcessesToFilters = (groupedProcesses: { [status: string]: Process[] }): SubprocessFilterDataProps[] =>
62 .keys(groupedProcesses)
66 value: groupedProcesses[status].length