Show JSON information inside pre blocks with pretty format (#246)

* Add pre block to information cells that contain json object strings

Author: Christoffer-Cortes

src/main/resources/static/js/common.js

@@ -104,6 +104,19 @@ function isStringDefined(value) {
     return isDefined;
 }
 
+function parseJsonObject(value) {
+    try {
+        var json = JSON.parse(value);
+        if (json !== null && typeof json === "object") {
+            return json;
+        } else {
+            return undefined;
+        }
+    } catch (e) {
+        return undefined;
+    }
+}
+
 // /Stop ## Common functions ##################################
 
 // Start ## Routing ##

src/main/resources/static/js/information.js

@@ -109,9 +109,17 @@ jQuery(document).ready(function () {
         tdKey.setAttribute('class', 'left-table-pane');
         tdKey.appendChild(document.createTextNode(key));
         tr.appendChild(tdKey);
-        var tdValue = document.createElement('td');
-        tdValue.appendChild(document.createTextNode(value));
-        tr.appendChild(tdValue);
+        var element = document.createElement('td');
+        var json = parseJsonObject(value);
+        if (json != undefined) {
+            value = JSON.stringify(json, undefined, 2);
+            pre = document.createElement('pre');
+            pre.appendChild(document.createTextNode(value));
+            element.appendChild(pre);
+        } else {
+            element.appendChild(document.createTextNode(value));
+        }
+        tr.appendChild(element);
         return tr;
     }