HYPERTOOL_ICON

Author: odeimaiz

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

@@ -191,7 +191,7 @@ qx.Class.define("osparc.dashboard.NewPlusMenu", {
       osparc.store.Templates.getHypertools()
         .then(hypertools => {
           if (hypertools.length) {
-            const hypertoolsMenuButton = this.self().createMenuButton("@FontAwesome5Solid/star/16", this.tr("Hypertools"));
+            const hypertoolsMenuButton = this.self().createMenuButton(osparc.data.model.StudyUI.HYPERTOOL_ICON(16), this.tr("Hypertools"));
             this.addAt(hypertoolsMenuButton, this.__itemIdx);
             this.__itemIdx++;
 

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

@@ -416,7 +416,7 @@ qx.Class.define("osparc.dashboard.ResourceBrowserFilter", {
       });
 
       // hypertools filter
-      const button = new qx.ui.toolbar.RadioButton("Hypertools", "@FontAwesome5Solid/wrench/"+iconSize);
+      const button = new qx.ui.toolbar.RadioButton("Hypertools", osparc.data.model.StudyUI.HYPERTOOL_ICON(iconSize));
       button.appType = "hypertool";
       this.__appTypeButtons.push(button);
 

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

@@ -274,7 +274,7 @@ qx.Class.define("osparc.dashboard.SearchBarFilter", {
       });
 
       // hypertools filter
-      const hypertoolTypeButton = new qx.ui.menu.Button("Hypertools", "@FontAwesome5Solid/wrench/"+iconSize);
+      const hypertoolTypeButton = new qx.ui.menu.Button("Hypertools", osparc.data.model.StudyUI.HYPERTOOL_ICON(iconSize));
       serviceTypeMenu.add(hypertoolTypeButton);
       hypertoolTypeButton.addListener("execute", () => this.__addChip("app-type", "hypertool", "Hypertools"), this);
     },

services/static-webserver/client/source/class/osparc/data/model/StudyUI.js

@@ -94,6 +94,7 @@ qx.Class.define("osparc.data.model.StudyUI", {
     TEMPLATE_TYPE: "TEMPLATE",
     TUTORIAL_TYPE: "TUTORIAL",
     HYPERTOOL_TYPE: "HYPERTOOL",
+    HYPERTOOL_ICON: (iconSize = 22) => ("@FontAwesome5Solid/wrench/" + iconSize),
   },
 
   members: {