refactor

Author: odeimaiz

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

@@ -24,12 +24,13 @@ qx.Class.define("osparc.jobs.Info", {
 
     this._setLayout(new qx.ui.layout.VBox());
 
-    const htmlEmbed = osparc.wrapper.JsonFormatter.getInstance().createDiv();
+    const divId = "job-info-viewer";
+    const htmlEmbed = osparc.wrapper.JsonFormatter.getInstance().createContainer(divId);
     this._add(htmlEmbed, {
       flex: 1
     });
     this.addListener("appear", () => {
-      osparc.wrapper.JsonFormatter.getInstance().setData(info);
+      osparc.wrapper.JsonFormatter.getInstance().setData(info, divId);
     });
 
     return;

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

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