| @@ -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 } /> | ||||