Fix Job page error when semaphores is not empty

Web UI was broken when semaphores is not empty. Fixed by showing it
as json structure.

Change-Id: Ib9a8d3cdc0efc843f17e406167542817e89a3931

1 files changed, 12 insertions, 0 deletions

diff --git a/web/src/containers/job/JobVariant.jsx b/web/src/containers/job/JobVariant.jsx
index a05e5250c..bec2276ef 100644
--- a/web/src/containers/job/JobVariant.jsx
+++ b/web/src/containers/job/JobVariant.jsx
@@ -151,6 +151,18 @@ class JobVariant extends React.Component {
       if (label === 'semaphores') {
         if (value.length === 0) {
           value = (<i>none</i>)
+        } else {
+          value = (
+            <span style={{whiteSpace: 'pre-wrap'}}>
+              <ReactJson
+                src={value}
+                name={null}
+                collapsed={true}
+                sortKeys={true}
+                enableClipboard={false}
+                displayDataTypes={false}/>
+            </span>
+          )
         }
         nice_label = (<span><LockIcon /> Semaphores</span>)
       }