tooltipOnDisabledButton

Author: odeimaiz

services/static-webserver/client/source/class/osparc/dashboard/ResourceDetails.js

@@ -967,7 +967,7 @@ qx.Class.define("osparc.dashboard.ResourceDetails", {
       const title = this.tr("Create Function");
       const page = new osparc.dashboard.resources.pages.BasePage(title, iconSrc, id);
       page.setEnabled(isPotentialFunction);
-      page.getChildControl("button").setToolTipText(osparc.study.CreateFunction.CREATE_FUNCTION_TEXT);
+      osparc.utils.Utils.toolTipTextOnDisabledWidget(page.getChildControl("button"), osparc.study.CreateFunction.CREATE_FUNCTION_TEXT);
       const createFunction = new osparc.study.CreateFunction(this.__resourceData);
       const createFunctionButton = createFunction.getCreateFunctionButton();
       osparc.utils.Utils.setIdToWidget(createFunctionButton, "create_function_page_btn");

services/static-webserver/client/source/class/osparc/form/renderer/PropForm.js

@@ -939,11 +939,9 @@ qx.Class.define("osparc.form.renderer.PropForm", {
           converter: label => label + ": " + fromPortLabel
         });
 
-        // Hack: Show tooltip if element is disabled
         const addToolTip = () => {
-          ctrlLink.getContentElement().removeAttribute("title");
           const toolTipText = fromNode.getLabel() + ":\n" + fromPortLabel;
-          ctrlLink.getContentElement().setAttribute("title", toolTipText);
+          osparc.utils.Utils.toolTipTextOnDisabledWidget(ctrlLink, toolTipText);
         };
         fromNode.addListener("changeLabel", () => addToolTip());
         addToolTip();

services/static-webserver/client/source/class/osparc/study/CreateFunction.js

@@ -35,9 +35,9 @@ qx.Class.define("osparc.study.CreateFunction", {
   statics: {
     CREATE_FUNCTION_TEXT: qx.locale.Manager.tr(`
       In order to Create a Function, the pipeline needs:
-      <br>- at least one parameter and one probe (numbers)
-      <br>- at least one computational app
-      <br>- no dynamic apps
+      - at least one parameter and one probe (numbers)
+      - at least one computational app
+      - no dynamic apps
     `),
 
     isPotentialFunction: function(workbench) {

services/static-webserver/client/source/class/osparc/utils/Utils.js

@@ -91,6 +91,14 @@ qx.Class.define("osparc.utils.Utils", {
 
     FLOATING_Z_INDEX: 1000001 + 1,
 
+    toolTipTextOnDisabledWidget: function(widget, toolTipText) {
+      if (widget && widget.getContentElement()) {
+        const el = widget.getContentElement();
+        el.removeAttribute("title");
+        el.setAttribute("title", toolTipText);
+      }
+    },
+
     errorsToForm: function(form, errors) {
       const items = form.getItems();
       // reset validity