src/components/details-panel-factory/items/process-item.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 IconBase, { IconTypes } from '../../icon/icon';
   7 import Attribute from '../../attribute/attribute';
   8 import AbstractItem from './abstract-item';
   9 import { ProcessResource } from '../../../models/process';
  10 import { formatDate } from '../../../common/formatters';
  11
  12 export default class ProcessItem extends AbstractItem<ProcessResource> {
  13
  14     getIcon(): IconTypes {
  15         return IconTypes.PROCESS;
  16     }
  17
  18     buildDetails(): React.ReactElement<any> {
  19         return <div>
  20             <Attribute label='Type' value='Process' />
  21             <Attribute label='Size' value='---' />
  22             <Attribute label='Owner' value={this.item.ownerUuid} />
  23
  24             {/* Missing attr */}
  25             <Attribute label='Status' value={this.item.state} />
  26             <Attribute label='Last modified' value={formatDate(this.item.modifiedAt)} />
  27
  28             {/* Missing attrs */}
  29             <Attribute label='Started at' value={formatDate(this.item.createdAt)} />
  30             <Attribute label='Finished at' value={formatDate(this.item.expiresAt)} />
  31
  32             {/* Links but we dont have view */}
  33             <Attribute label='Outputs' link={this.item.outputPath} value={this.item.outputPath} />
  34             <Attribute label='UUID' link={this.item.uuid} value={this.item.uuid} />
  35             <Attribute label='Container UUID' link={this.item.containerUuid} value={this.item.containerUuid} />
  36
  37             <Attribute label='Priority' value={this.item.priority} />
  38             <Attribute label='Runtime Constraints' value={this.item.runtimeConstraints} />
  39             {/* Link but we dont have view */}
  40             <Attribute label='Docker Image locator' link={this.item.containerImage} value={this.item.containerImage} />
  41         </div>;
  42     }
  43 }