"extra-info"

Author: odeimaiz

services/static-webserver/client/source/class/osparc/tester/WebSocketMessages.js

@@ -78,7 +78,7 @@ qx.Class.define("osparc.tester.WebSocketMessages", {
           });
           break;
         }
-        case "json-viewer":
+        case "json-tree-widget":
           control = new osparc.ui.basic.JsonTreeWidget();
           this._add(control);
           break;
@@ -89,7 +89,7 @@ qx.Class.define("osparc.tester.WebSocketMessages", {
     _buildLayout: function() {
       const filterMessage = this.getChildControl("filter-message");
       const table = this.getChildControl("messages-table");
-      const jsonViewer = this.getChildControl("json-viewer");
+      const jsonTreeWidget = this.getChildControl("json-tree-widget");
 
       const model = table.getTableModel();
       filterMessage.addListener("changeValue", e => {
@@ -101,7 +101,7 @@ qx.Class.define("osparc.tester.WebSocketMessages", {
       table.addListener("cellTap", e => {
         const selectedRow = e.getRow();
         const rowData = table.getTableModel().getRowData(selectedRow);
-        jsonViewer.setJson(JSON.parse(rowData[2]));
+        jsonTreeWidget.setJson(JSON.parse(rowData[2]));
       }, this);
 
       this.__populateTable();

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

@@ -48,7 +48,7 @@ qx.Class.define("osparc.ui.basic.JsonTreeWidget", {
   },
 
   members: {
-    setJson(data) {
+    setJson: function(data) {
       const prettyJson = JSON.stringify(data, null, "&emsp;").replace(/\n/ig, "<br>");
       this.setValue(prettyJson);
     }

services/static-webserver/client/source/class/osparc/user/UserDetails.js

@@ -251,6 +251,14 @@ qx.Class.define("osparc.user.UserDetails", {
             column: 1
           });
           break;
+        case "extra-info":
+          control = new osparc.ui.basic.JsonTreeWidget();
+          const container = new qx.ui.container.Scroll();
+          container.add(control);
+          this._add(container, {
+            flex: 1
+          });
+          break;
       }
       return control || this.base(arguments, id);
     },
@@ -275,6 +283,7 @@ qx.Class.define("osparc.user.UserDetails", {
             // remove the displayed properties from the contact info
             Object.keys(qx.util.PropertyUtil.getProperties(osparc.data.model.User)).forEach(prop => delete userData[prop]);
             console.log("Remaining User data", userData);
+            this.getChildControl("extra-info").setJson(userData);
           }
         })
         .catch(err => {