wba/frontend/src/js/component/wb-container-fields.js

import { h, Component } from 'preact';
import WBTable from 'wb-table';
import makeArvadosRequest from 'make-arvados-request';
import arvadosTypeName from 'arvados-type-name';
import arvadosObjectName from 'arvados-object-name';
import urlForObject from 'url-for-object';
import wbFormatDate from 'wb-format-date';
import WBNameAndUuid from 'wb-name-and-uuid';
import WBAccordion from 'wb-accordion';
import WBJsonViewer from 'wb-json-viewer';

class WBContainerFields extends Component {
  componentDidMount() {
    this.prepareRows();
  }

  componentWillReceiveProps(nextProps) {
    this.props = nextProps;
    this.prepareRows();
  }

  prepareRows() {
    let { uuid, app } = this.props;
    let { arvHost, arvToken } = app.state;

    let item;
    let prom = makeArvadosRequest(arvHost, arvToken,
      '/arvados/v1/containers/' + uuid);
    prom = prom.then(xhr => (item = xhr.response));

    prom = prom.then(() => {
      let rows = [
        [ 'State', item.state ],
        [ 'Started At', wbFormatDate(item.started_at) ],
        [ 'Finished At', wbFormatDate(item.started_at) ],
        [ 'Log', item.log ? (
          <WBNameAndUuid app={ app } uuid={ item.log } />
        ) : ( <i>{ String(item.log) }</i> ) ],
        [ 'Environment', (
          <WBAccordion names={ ['Environment'] }
            cardHeaderClass="card-header-sm">
            <WBJsonViewer app={ app } value={ item.environment } />
          </WBAccordion>
        ) ],
        [ 'Working Directory', item.cwd ],
        [ 'Command', (
          <WBJsonViewer app={ app } value={ item.command } />
        ) ],
        [ 'Output Path', item.output_path ],
        [ 'Mounts', (
          <WBAccordion names={ Object.keys(item.mounts) }
            cardHeaderClass="card-header-sm">
            { Object.keys(item.mounts).map(k => (
              <WBJsonViewer app={ app } value={ item.mounts[k] } />
            )) }
          </WBAccordion>
        ) ],
        [ 'Runtime Constraints', (
          <WBAccordion names={ ['Runtime Constraints'] }
            cardHeaderClass="card-header-sm">
            <WBJsonViewer app={ app } value={ item.runtime_constraints } />
          </WBAccordion>
        ) ],
        [ 'Runtime Status', (
          <WBAccordion names={ ['Runtime Status'] }
            cardHeaderClass="card-header-sm">
            <WBJsonViewer app={ app } value={ item.runtime_status } />
          </WBAccordion>
        ) ],
        [ 'Scheduling Parameters', (
          <WBAccordion names={ ['Scheduling Parameters'] }
            cardHeaderClass="card-header-sm">
            <WBJsonViewer app={ app } value={ item.scheduling_parameters } />
          </WBAccordion>
        ) ],
        [ 'Output', item.output ? (
          <WBNameAndUuid app={ app } uuid={ item.output } />
        ) : ( <i>{ String(item.output) }</i> )],
        [ 'Container Image', (
          <WBNameAndUuid app={ app } uuid={ item.container_image } />
        ) ],
        [ 'Progress', item.progress ],
        [ 'Priority', item.priority ],
        [ 'Exit Code', item.exit_code === null ? ( <i>null</i> ) : item.exit_code ],
        [ 'Auth UUID', item.auth_uuid === null ? ( <i>null</i> ) : item.auth_uuid ],
        [ 'Locked by UUID', item.locked_by_uuid === null ? ( <i>null</i> ) : item.locked_by_uuid ]
      ];
      rows = rows.map(r => [r[0], r[1] ? r[1] : (<i>{ String(r[1]) }</i>)]);
      this.setState({ 'rows': rows });
    });
  }

  render({}, { rows }) {
    return (
      rows ? (
        <WBTable columns={ [ "Name", "Value" ] }
          headerClasses={ [ "col-sm-2", "col-sm-4" ] }
          rows={ rows }
          verticalHeader={ true } />
      ) : (
        <div>Loading...</div>
      )
    );
  }
}

export default WBContainerFields;