|
@@ -15,9 +15,9 @@ class WBProcessListing extends Component { |
|
|
this.state.rows = [];
|
|
|
this.state.rows = [];
|
|
|
this.state.numPages = 0;
|
|
|
this.state.numPages = 0;
|
|
|
this.state.requestStates = [ 'Uncommitted', 'Committed', 'Final' ];
|
|
|
this.state.requestStates = [ 'Uncommitted', 'Committed', 'Final' ];
|
|
|
this.state.containerStates = [ 'Queued', 'Locked', 'Running', 'Cancelled', 'Complete' ];
|
|
|
|
|
|
|
|
|
// this.state.containerStates = [ 'Queued', 'Locked', 'Running', 'Cancelled', 'Complete' ];
|
|
|
this.state.reqStateMask = [ true, true, true ];
|
|
|
this.state.reqStateMask = [ true, true, true ];
|
|
|
this.state.contStateMask = [ true, true, true, true, true ];
|
|
|
|
|
|
|
|
|
// this.state.contStateMask = [ true, true, true, true, true ];
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
componentDidMount() {
|
|
|
componentDidMount() {
|
|
@@ -43,12 +43,12 @@ class WBProcessListing extends Component { |
|
|
<div>{ item['uuid'] }</div>
|
|
|
<div>{ item['uuid'] }</div>
|
|
|
</div>),
|
|
|
</div>),
|
|
|
( <div>
|
|
|
( <div>
|
|
|
{ item['state'] } /
|
|
|
|
|
|
|
|
|
{ item['state'] }
|
|
|
{ item.container_uuid ?
|
|
|
{ item.container_uuid ?
|
|
|
container ?
|
|
|
container ?
|
|
|
container.state :
|
|
|
|
|
|
"Container Not Found" :
|
|
|
|
|
|
<i>{ String(item.container_uuid) }</i> }
|
|
|
|
|
|
|
|
|
[ " / ", container.state ] :
|
|
|
|
|
|
[ " / ", <i>Container Not Found</i> ] :
|
|
|
|
|
|
null }
|
|
|
{ !(error || warning) && container && container.state === 'Complete' ? " / Success" : null }
|
|
|
{ !(error || warning) && container && container.state === 'Complete' ? " / Success" : null }
|
|
|
{ error ? [" / ", <a href={ '/container/' + container.uuid }
|
|
|
{ error ? [" / ", <a href={ '/container/' + container.uuid }
|
|
|
title={ error }>E</a> ] : null }
|
|
|
title={ error }>E</a> ] : null }
|
|
@@ -148,9 +148,6 @@ class WBProcessListing extends Component { |
|
|
<WBCheckboxes items={ requestStates } checked={ reqStateMask }
|
|
|
<WBCheckboxes items={ requestStates } checked={ reqStateMask }
|
|
|
cssClass="float-left mx-2 my-2" title="Request State: "
|
|
|
cssClass="float-left mx-2 my-2" title="Request State: "
|
|
|
onChange={ () => this.fetchItems() } />
|
|
|
onChange={ () => this.fetchItems() } />
|
|
|
<WBCheckboxes items={ containerStates } checked={ contStateMask }
|
|
|
|
|
|
cssClass="float-left mx-2 my-2" title="Container State: "
|
|
|
|
|
|
onChange={ () => this.fetchItems() } />
|
|
|
|
|
|
|
|
|
|
|
|
<WBTable columns={ [ 'Name', 'Status', 'Owner', 'Created At', 'Output', 'Actions' ] }
|
|
|
<WBTable columns={ [ 'Name', 'Status', 'Owner', 'Created At', 'Output', 'Actions' ] }
|
|
|
rows={ rows } />
|
|
|
rows={ rows } />
|
|
|