src/views/subprocess-panel/subprocess-panel-root.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   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';
  19
  20 export enum SubprocessPanelColumnNames {
  21     NAME = "Name",
  22     STATUS = "Status",
  23     CREATED_AT = "Created At",
  24     RUNTIME = "Run Time"
  25 }
  26
  27 export interface SubprocessPanelFilter extends DataTableFilterItem {
  28     type: ResourceKind | ContainerRequestState;
  29 }
  30
  31 export const subprocessPanelColumns: DataColumns<string> = [
  32     {
  33         name: SubprocessPanelColumnNames.NAME,
  34         selected: true,
  35         configurable: true,
  36         sortDirection: SortDirection.NONE,
  37         filters: createTree(),
  38         render: uuid => <ResourceName uuid={uuid} />
  39     },
  40     {
  41         name: SubprocessPanelColumnNames.STATUS,
  42         selected: true,
  43         configurable: true,
  44         mutuallyExclusiveFilters: true,
  45         filters: getInitialProcessStatusFilters(),
  46         render: uuid => <ProcessStatus uuid={uuid} />,
  47     },
  48     {
  49         name: SubprocessPanelColumnNames.CREATED_AT,
  50         selected: true,
  51         configurable: true,
  52         sortDirection: SortDirection.DESC,
  53         filters: createTree(),
  54         render: uuid => <ResourceCreatedAtDate uuid={uuid} />
  55     },
  56     {
  57         name: SubprocessPanelColumnNames.RUNTIME,
  58         selected: true,
  59         configurable: true,
  60         filters: createTree(),
  61         render: uuid => <ContainerRunTime uuid={uuid} />
  62     }
  63 ];
  64
  65 export interface SubprocessPanelDataProps {
  66     isAdmin: boolean;
  67 }
  68
  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;
  73 }
  74
  75 type SubprocessPanelProps = SubprocessPanelActionProps & SubprocessPanelDataProps;
  76
  77 export const SubprocessPanelRoot = (props: SubprocessPanelProps) => {
  78     return <DataExplorer
  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={
  85             <DataTableDefaultView
  86                 icon={ProcessIcon}
  87                 messages={['This process has no subprocesses.']} />
  88         } />;
  89 };