working JSONFormatter

Author: odeimaiz

services/static-webserver/client/source/class/osparc/jobs/Info.js

@@ -24,6 +24,15 @@ qx.Class.define("osparc.jobs.Info", {
 
     this._setLayout(new qx.ui.layout.VBox());
 
+    const htmlEmbed = osparc.wrapper.JsonFormatter.getInstance().createDiv();
+    this._add(htmlEmbed, {
+      flex: 1
+    });
+    this.addListener("appear", () => {
+      osparc.wrapper.JsonFormatter.getInstance().setData(info);
+    });
+
+    return;
     const jobInfoViewer = this.getChildControl("job-info-viewer");
     jobInfoViewer.setJson(info);
   },
@@ -43,11 +52,8 @@ qx.Class.define("osparc.jobs.Info", {
       switch (id) {
         case "job-info-viewer": {
           control = new osparc.ui.basic.JsonTreeViewer();
-          /*
-          OM remove maybe
           const container = new qx.ui.container.Scroll();
           container.add(control);
-          */
           this._add(control);
           break;
         }

services/static-webserver/client/source/class/osparc/wrapper/JsonFormatter.js

@@ -78,6 +78,11 @@ qx.Class.define("osparc.wrapper.JsonFormatter", {
       });
     },
 
+    createDiv: function() {
+      const htmlEmbed = new qx.ui.embed.Html("<div id='json-viewer'></div>");
+      return htmlEmbed;
+    },
+
     setData: function(myJSON) {
       const formatter = new JSONFormatter(myJSON, 1); // 1 = expand depth
       document.getElementById("json-viewer").appendChild(formatter.render());