diff --git a/frontend/src/js/component/wb-common-fields.js b/frontend/src/js/component/wb-common-fields.js index 54a6486..10e2b70 100644 --- a/frontend/src/js/component/wb-common-fields.js +++ b/frontend/src/js/component/wb-common-fields.js @@ -84,6 +84,8 @@ class WBCommonFields extends Component { return ( rows ? ( ) : (
Loading...
diff --git a/frontend/src/js/component/wb-container-request-fields.js b/frontend/src/js/component/wb-container-request-fields.js index d2b500b..51f4826 100644 --- a/frontend/src/js/component/wb-container-request-fields.js +++ b/frontend/src/js/component/wb-container-request-fields.js @@ -113,7 +113,8 @@ class WBContainerRequestFields extends Component { rows ? ( + rows={ rows } + verticalHeader={ true } /> ) : (
Loading...
) diff --git a/frontend/src/js/component/wb-name-and-uuid.js b/frontend/src/js/component/wb-name-and-uuid.js index d3d414d..fe0abad 100644 --- a/frontend/src/js/component/wb-name-and-uuid.js +++ b/frontend/src/js/component/wb-name-and-uuid.js @@ -44,6 +44,9 @@ class WBNameAndUuid extends Component { prom = prom.then(xhr => this.setState({ 'item': xhr.response })); + prom = prom.catch(xhr => this.setState({ + 'error': 'Unable to retrieve: ' + xhr.status + ' (' + xhr.statusText + ')' + })); } else { this.setState({ @@ -54,7 +57,7 @@ class WBNameAndUuid extends Component { } } - render({ uuid }, { item }) { + render({ uuid }, { error, item }) { if (!uuid) return (
{ String(uuid) }
@@ -63,9 +66,9 @@ class WBNameAndUuid extends Component { return (
- { item ? ( + { error ? error : (item ? ( { arvadosObjectName(item) } - ) : 'Loading...' } + ) : 'Loading...') }
{ uuid } diff --git a/frontend/src/js/widget/wb-table.js b/frontend/src/js/widget/wb-table.js index fda9bcf..f590278 100644 --- a/frontend/src/js/widget/wb-table.js +++ b/frontend/src/js/widget/wb-table.js @@ -1,7 +1,7 @@ import { h, Component } from 'preact'; class WBTable extends Component { - render({ columns, rows, headerClasses }) { + render({ columns, rows, headerClasses, verticalHeader }) { return ( @@ -13,7 +13,11 @@ class WBTable extends Component { { rows.map(r => ( { columns.map((_, idx) => ( - + (idx == 0 && verticalHeader) ? ( + + ) : ( + + ) )) } )) }
{ r[idx] }{ r[idx] }{ r[idx] }