1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import * as React from 'react';
6 import { DataExplorer } from "~/views-components/data-explorer/data-explorer";
7 import { DataColumns } from '~/components/data-table/data-table';
8 import { DataTableFilterItem } from '~/components/data-table-filters/data-table-filters';
9 import { ContainerRequestState } from '~/models/container-request';
10 import { SortDirection } from '~/components/data-table/data-column';
11 import { ResourceKind } from '~/models/resource';
12 import { ResourceCreatedAtDate, ProcessStatus, ContainerRunTime } from '~/views-components/data-explorer/renderers';
13 import { ProcessIcon } from '~/components/icon/icon';
14 import { ResourceName } from '~/views-components/data-explorer/renderers';
15 import { SUBPROCESS_PANEL_ID } from '~/store/subprocess-panel/subprocess-panel-actions';
16 import { DataTableDefaultView } from '~/components/data-table-default-view/data-table-default-view';
17 import { createTree } from '~/models/tree';
18 import { getInitialProcessStatusFilters } from '~/store/resource-type-filters/resource-type-filters';
20 export enum SubprocessPanelColumnNames {
23 CREATED_AT = "Created At",
27 export interface SubprocessPanelFilter extends DataTableFilterItem {
28 type: ResourceKind | ContainerRequestState;
31 export const subprocessPanelColumns: DataColumns<string> = [
33 name: SubprocessPanelColumnNames.NAME,
36 sortDirection: SortDirection.NONE,
37 filters: createTree(),
38 render: uuid => <ResourceName uuid={uuid} />
41 name: SubprocessPanelColumnNames.STATUS,
44 mutuallyExclusiveFilters: true,
45 filters: getInitialProcessStatusFilters(),
46 render: uuid => <ProcessStatus uuid={uuid} />,
49 name: SubprocessPanelColumnNames.CREATED_AT,
52 sortDirection: SortDirection.DESC,
53 filters: createTree(),
54 render: uuid => <ResourceCreatedAtDate uuid={uuid} />
57 name: SubprocessPanelColumnNames.RUNTIME,
60 filters: createTree(),
61 render: uuid => <ContainerRunTime uuid={uuid} />
65 export interface SubprocessPanelDataProps {
69 export interface SubprocessPanelActionProps {
70 onItemClick: (item: string) => void;
71 onContextMenu: (event: React.MouseEvent<HTMLElement>, item: string, isAdmin: boolean) => void;
72 onItemDoubleClick: (item: string) => void;
75 type SubprocessPanelProps = SubprocessPanelActionProps & SubprocessPanelDataProps;
77 export const SubprocessPanelRoot = (props: SubprocessPanelProps) => {
79 id={SUBPROCESS_PANEL_ID}
80 onRowClick={props.onItemClick}
81 onRowDoubleClick={props.onItemDoubleClick}
82 onContextMenu={(event, item) => props.onContextMenu(event, item, props.isAdmin)}
83 contextMenuColumn={true}
84 dataTableDefaultView={
87 messages={['This process has no subprocesses.']} />