JsonTreeViewer

Author: odeimaiz

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

@@ -42,7 +42,7 @@ qx.Class.define("osparc.jobs.Info", {
       let control;
       switch (id) {
         case "job-info-viewer": {
-          control = new osparc.ui.basic.JsonTreeWidget();
+          control = new osparc.ui.basic.JsonTreeViewer();
           const container = new qx.ui.container.Scroll();
           container.add(control);
           this._add(container);

services/static-webserver/client/source/class/osparc/ui/basic/JsonTreeViewer.js

@@ -0,0 +1,40 @@
+/* ************************************************************************
+
+   osparc - the simcore frontend
+
+   https://osparc.io
+
+   Copyright:
+     2025 IT'IS Foundation, https://itis.swiss
+
+   License:
+     MIT: https://opensource.org/licenses/MIT
+
+   Authors:
+     * Odei Maiz (odeimaiz)
+
+************************************************************************ */
+
+
+qx.Class.define("osparc.ui.basic.JsonTreeViewer", {
+  extend: qx.ui.core.Widget,
+
+  /**
+   * @param data {Object} Json object to be displayed by JsonTreeViewer
+   */
+  construct: function(data) {
+    this.base(arguments);
+
+    this._setLayout(new qx.ui.layout.VBox());
+
+    if (data) {
+      this.setJson(data);
+    }
+  },
+
+  members: {
+    setJson(data) {
+      osparc.wrapper.JsonTreeViewer.getInstance().print(data, this.getContentElement());
+    },
+  }
+});