FontButtonRenderer

Author: odeimaiz

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

@@ -36,8 +36,8 @@ qx.Class.define("osparc.jobs.JobsTable", {
 
     Object.values(this.self().COLS).forEach(col => columnModel.setColumnWidth(col.column, col.width));
 
-    const imageRenderer = new qx.ui.table.cellrenderer.Image();
-    columnModel.setDataCellRenderer(this.self().COLS.INFO.column, imageRenderer);
+    const fontButtonRenderer = new osparc.ui.table.cellrenderer.FontButtonRenderer();
+    columnModel.setDataCellRenderer(this.self().COLS.INFO.column, fontButtonRenderer);
   },
 
   statics: {

services/static-webserver/client/source/class/osparc/ui/table/cellrenderer/FontButtonRenderer.js

@@ -0,0 +1,51 @@
+/* ************************************************************************
+
+   osparc - the simcore frontend
+
+   https://osparc.io
+
+   Copyright:
+     2035 IT'IS Foundation, https://itis.swiss
+
+   License:
+     MIT: https://opensource.org/licenses/MIT
+
+   Authors:
+     * Odei Maiz (odeimaiz)
+
+************************************************************************ */
+
+qx.Class.define("osparc.ui.table.cellrenderer.FontButtonRenderer", {
+  extend: osparc.ui.table.cellrenderer.Html,
+
+  construct: function(id, icon) {
+    this.base(arguments);
+  },
+
+  properties: {
+    id: {
+      check: "String",
+      nullable: false,
+      init: "id",
+    },
+
+    fontIcon: {
+      check: "String",
+      nullable: false,
+      init: "fas fa-info",
+    },
+  },
+
+  members: {
+    // Override
+    _getContentHtml: function(cellInfo) {
+      const id = this.getId();
+      const icon = this.getFontIcon();
+      return `
+        <button class="action-btn" data-action="${id}" data-row="${cellInfo.row}" title="View">
+          <i class="${icon}" style="font-size:12px; line-height:1;">></i>
+        </button>
+      `;
+    }
+  }
+});

services/static-webserver/client/source/class/osparc/ui/table/cellrenderer/Html.js

@@ -20,9 +20,7 @@
  */
 qx.Class.define("osparc.ui.table.cellrenderer.Html", {
   extend: qx.ui.table.cellrenderer.Html,
-  construct: function() {
-    this.base(arguments);
-  },
+
   members: {
     // Override
     _getCellStyle: function(cellInfo) {