LinkButton supports icon

Author: odeimaiz

services/web/client/source/class/osparc/desktop/preferences/pages/ExperimentalPage.js

@@ -62,7 +62,7 @@ qx.Class.define("osparc.desktop.preferences.pages.ExperimentalPage", {
       ));
       box.add(label);
 
-      const linkBtn = new osparc.ui.form.LinkButton(this.tr("To qx-osparc-theme"), "https://github.com/ITISFoundation/qx-osparc-theme");
+      const linkBtn = new osparc.ui.form.LinkButton(this.tr("To qx-osparc-theme"), null, "https://github.com/ITISFoundation/qx-osparc-theme");
       box.add(linkBtn);
 
       const select = new qx.ui.form.SelectBox("Theme");

services/web/client/source/class/osparc/desktop/preferences/pages/SecurityPage.js

@@ -220,7 +220,7 @@ qx.Class.define("osparc.desktop.preferences.pages.SecurityPage", {
       ));
       box.add(label);
 
-      const linkBtn = new osparc.ui.form.LinkButton(this.tr("To DAT-Core"), "https://app.blackfynn.io");
+      const linkBtn = new osparc.ui.form.LinkButton(this.tr("To DAT-Core"), null, "https://app.blackfynn.io");
       box.add(linkBtn);
 
       const tokensList = this.__tokensList = new qx.ui.container.Composite(new qx.ui.layout.VBox(8));

services/web/client/source/class/osparc/ui/form/LinkButton.js

@@ -29,14 +29,13 @@
  */
 
 qx.Class.define("osparc.ui.form.LinkButton", {
-  extend: osparc.ui.form.FetchButton,
+  extend: qx.ui.form.Button,
 
   /**
     * @param label {String} Label to use
     * @param url {String} Url to point to
-    * @param height {Integer?12} Height of the link icon
   */
-  construct: function(label, url, height = 12) {
+  construct: function(label, icon, url) {
     this.base(arguments, label);
 
     this.set({
@@ -45,7 +44,11 @@ qx.Class.define("osparc.ui.form.LinkButton", {
     });
 
     if (url) {
-      this.setIcon("@FontAwesome5Solid/external-link-alt/" + height);
+      if (icon) {
+        this.setIcon(icon);
+      } else {
+        this.setIcon("@FontAwesome5Solid/external-link-alt/12");
+      }
       this.addListener("execute", () => {
         window.open(url);
       }, this);