diff --git a/frontend/src/js/component/wb-collection-fields.js b/frontend/src/js/component/wb-collection-fields.js
index 0049f89..0bedadc 100644
--- a/frontend/src/js/component/wb-collection-fields.js
+++ b/frontend/src/js/component/wb-collection-fields.js
@@ -8,6 +8,7 @@ import wbFormatDate from 'wb-format-date';
import WBNameAndUuid from 'wb-name-and-uuid';
import WBAccordion from 'wb-accordion';
import wbFormatSpecialValue from 'wb-format-special-value';
+import WBJsonViewer from 'wb-json-viewer';
class WBCollectionFields extends Component {
componentDidMount() {
@@ -39,7 +40,7 @@ class WBCollectionFields extends Component {
[ 'Description', wbFormatSpecialValue(item.description) ],
[ 'Properties', (
- { JSON.stringify(item.properties, null, 2) }
+
) ],
[ 'Portable Data Hash', item.portable_data_hash ],
diff --git a/frontend/src/js/component/wb-container-fields.js b/frontend/src/js/component/wb-container-fields.js
index 7fc55d6..9597301 100644
--- a/frontend/src/js/component/wb-container-fields.js
+++ b/frontend/src/js/component/wb-container-fields.js
@@ -7,6 +7,7 @@ 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() {
@@ -38,38 +39,38 @@ class WBContainerFields extends Component {
[ 'Environment', (
- { JSON.stringify(item.environment, null, 2) }
+
) ],
[ 'Working Directory', item.cwd ],
[ 'Command', (
-
{ JSON.stringify(item.command) }
+
) ],
[ 'Output Path', item.output_path ],
[ 'Mounts', (
{ Object.keys(item.mounts).map(k => (
- { JSON.stringify(item.mounts[k], null, 2) }
+
)) }
) ],
[ 'Runtime Constraints', (
- { JSON.stringify(item.runtime_constraints, null, 2) }
+
) ],
[ 'Runtime Status', (
- { JSON.stringify(item.runtime_status, null, 2) }
+
) ],
[ 'Scheduling Parameters', (
- { JSON.stringify(item.scheduling_parameters, null, 2) }
+
) ],
[ 'Output', item.output ? (
diff --git a/frontend/src/js/component/wb-workflow-fields.js b/frontend/src/js/component/wb-workflow-fields.js
index 9a45e27..069e1fc 100644
--- a/frontend/src/js/component/wb-workflow-fields.js
+++ b/frontend/src/js/component/wb-workflow-fields.js
@@ -2,6 +2,7 @@ import { h, Component } from 'preact';
import WBTable from 'wb-table';
import makeArvadosRequest from 'make-arvados-request';
import WBAccordion from 'wb-accordion';
+import WBJsonViewer from 'wb-json-viewer';
class WBWorkflowFields extends Component {
componentDidMount() {
@@ -51,9 +52,9 @@ class WBWorkflowFields extends Component {
- { JSON.stringify(it.inputs, null, 2) }
+
- { JSON.stringify(it.outputs, null, 2) }
+
{ (() => {
delete it['inputs'];
@@ -63,7 +64,7 @@ class WBWorkflowFields extends Component {
delete it['doc'];
delete it['id'];
return (
- { JSON.stringify(it, null, 2) }
+
);
})() }
@@ -77,7 +78,7 @@ class WBWorkflowFields extends Component {
cardHeaderClass="card-header-sm">
{ graph.map(it => (
- { JSON.stringify(it, null, 2) }
+
)) }