shouldShowFn

Author: odeimaiz

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

@@ -44,12 +44,24 @@ qx.Class.define("osparc.jobs.RunsTable", {
 
     Object.values(this.self().COLS).forEach(col => columnModel.setColumnWidth(col.column, col.width));
 
+    const jobsStore =osparc.store.Jobs.getInstance();
+
     const iconPathStop = "osparc/icons/circle-xmark-text.svg";
     const fontButtonRendererStop = new osparc.ui.table.cellrenderer.ImageButtonRenderer("cancel", iconPathStop);
     columnModel.setDataCellRenderer(this.self().COLS.ACTION_CANCEL.column, fontButtonRendererStop);
 
     const iconPathInfo = "osparc/icons/circle-info-text.svg";
-    const fontButtonRendererInfo = new osparc.ui.table.cellrenderer.ImageButtonRenderer("info", iconPathInfo);
+    const shouldShowInfo = cellInfo => {
+      if (cellInfo && cellInfo.rowData) {
+        const job = jobsStore.getJob(cellInfo.rowData["collectionRunId"]);
+        if (!job) {
+          return true;
+        }
+        return Object.keys(job.getInfo()).length > 0;
+      }
+      return true;
+    }
+    const fontButtonRendererInfo = new osparc.ui.table.cellrenderer.ImageButtonRenderer("info", iconPathInfo, shouldShowInfo);
     columnModel.setDataCellRenderer(this.self().COLS.ACTION_INFO.column, fontButtonRendererInfo);
 
     this.__attachHandlers();

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

@@ -18,10 +18,11 @@
 qx.Class.define("osparc.ui.table.cellrenderer.ImageButtonRenderer", {
   extend: osparc.ui.table.cellrenderer.ButtonRenderer,
 
-  construct: function(clickAction, iconPath) {
+  construct: function(clickAction, iconPath, shouldShowFn = null) {
     this.base(arguments, clickAction);
 
     this.__imageCache = {};
+    this.__shouldShowFn = shouldShowFn;
 
     this.setIconPath(iconPath);
   },
@@ -37,6 +38,20 @@ qx.Class.define("osparc.ui.table.cellrenderer.ImageButtonRenderer", {
 
   members: {
     __imageCache: null,
+    __shouldShowFn: null,
+
+    // overridden to play with it's visibility
+    createDataCellHtml: function(cellInfo, htmlArr) {
+      const shouldShow = this.__shouldShowFn
+        ?
+        this.__shouldShowFn(cellInfo)
+        :
+        true;
+      if (!shouldShow) {
+        return ""; // Hide button
+      }
+      return this.base(arguments, cellInfo, htmlArr);
+    },
 
     __applyIconPath: function(iconPath) {
       const resMgr = qx.util.ResourceManager.getInstance();