expandable

Author: odeimaiz

services/static-webserver/client/source/class/osparc/ui/table/rowrenderer/ExpandSelection.js

@@ -18,12 +18,20 @@
 qx.Class.define("osparc.ui.table.rowrenderer.ExpandSelection", {
   extend: qx.ui.table.rowrenderer.Default,
 
+  construct: function(_, expandableColPos = 2) {
+    this.base(arguments);
+
+    this.__expandableColPos = expandableColPos;
+  },
+
   members: {
+    __expandableColPos: null,
+
     // overridden
     updateDataRowElement : function(rowInfo, rowElem) {
       this.base(arguments, rowInfo, rowElem);
 
-      const messageCellPos = 2;
+      const messageCellPos = this.__expandableColPos;
       // extend collapse row
       const style = rowElem.style;
       if (rowInfo.selected) {

services/static-webserver/client/source/class/osparc/widget/logger/LoggerModel.js

@@ -80,21 +80,22 @@ qx.Class.define("osparc.widget.logger.LoggerModel", {
   statics: {
     getLevelIcon: function(logLevel) {
       const logLevels = osparc.widget.logger.LoggerView.LOG_LEVELS;
-      let iconSource = "";
+      let iconSource = "@FontAwesome5Solid/home/12";
       switch (logLevel) {
         case logLevels.DEBUG:
-          iconSource = "@FontAwesome5Solid/info/12";
+          iconSource = "@FontAwesome5Solid/home/12";
           break;
         case logLevels.INFO:
-          iconSource = "@FontAwesome5Solid/info/12";
+          iconSource = "@FontAwesome5Solid/home/12";
           break;
         case logLevels.WARNING:
-          iconSource = "@FontAwesome5Solid/exclamation-triangle/12";
+          iconSource = "@FontAwesome5Solid/home/12";
           break;
         case logLevels.ERROR:
-          iconSource = "@FontAwesome5Solid/exclamation-circle/12";
+          iconSource = "@FontAwesome5Solid/home/12";
           break;
       }
+      return "";
       return iconSource;
     }
   },

services/static-webserver/client/source/class/osparc/widget/logger/LoggerView.js

@@ -276,21 +276,21 @@ qx.Class.define("osparc.widget.logger.LoggerView", {
       // alwaysUpdateCells
       osparc.utils.Utils.setIdToWidget(table, "logsViewer");
       const colModel = table.getTableColumnModel();
-      colModel.setDataCellRenderer(this.self().POS.LOG_LEVEL, new qx.ui.table.cellrenderer.Image());
+      colModel.setDataCellRenderer(this.self().POS.LOG_LEVEL, new qx.ui.table.cellrenderer.Image(12, 12));
       // colModel.setDataCellRenderer(this.self().POS.LOG_LEVEL, new qx.ui.table.cellrenderer.String());
-      colModel.setDataCellRenderer(this.self().POS.TIMESTAMP, new osparc.ui.table.cellrenderer.String().set({
+      colModel.setDataCellRenderer(this.self().POS.TIMESTAMP, new osparc.ui.table.cellrenderer.Html().set({
         defaultCellStyle: "user-select: text"
       }));
       colModel.setDataCellRenderer(this.self().POS.ORIGIN, new qx.ui.table.cellrenderer.String());
-      colModel.setDataCellRenderer(this.self().POS.MESSAGE, new osparc.ui.table.cellrenderer.String().set({
+      colModel.setDataCellRenderer(this.self().POS.MESSAGE, new osparc.ui.table.cellrenderer.Html().set({
         defaultCellStyle: "user-select: text; text-wrap: wrap"
       }));
       const resizeBehavior = colModel.getBehavior();
-      resizeBehavior.setWidth(this.self().POS.LOG_LEVEL, 20);
+      resizeBehavior.setWidth(this.self().POS.LOG_LEVEL, 35);
       resizeBehavior.setWidth(this.self().POS.TIMESTAMP, 80);
       resizeBehavior.setWidth(this.self().POS.ORIGIN, 100);
 
-      table.setDataRowRenderer(new osparc.ui.table.rowrenderer.ExpandSelection(table));
+      table.setDataRowRenderer(new osparc.ui.table.rowrenderer.ExpandSelection(table, this.self().POS.MESSAGE));
 
       this.__applyFilters();