refactor

Author: odeimaiz

services/static-webserver/client/source/class/osparc/conversation/AddMessage.js

@@ -78,17 +78,7 @@ qx.Class.define("osparc.conversation.AddMessage", {
           break;
         }
         case "thumbnail": {
-          control = new qx.ui.basic.Image().set({
-            alignY: "middle",
-            scale: true,
-            allowGrowX: true,
-            allowGrowY: true,
-            allowShrinkX: true,
-            allowShrinkY: true,
-            maxWidth: 32,
-            maxHeight: 32,
-            decorator: "rounded",
-          });
+          control = osparc.utils.Utils.createThumbnail(32);
           const authData = osparc.auth.Data.getInstance();
           const myUsername = authData.getUsername();
           const myEmail = authData.getEmail();

services/static-webserver/client/source/class/osparc/conversation/MessageUI.js

@@ -64,11 +64,7 @@ qx.Class.define("osparc.conversation.MessageUI", {
       let control;
       switch (id) {
         case "thumbnail":
-          control = new qx.ui.basic.Image().set({
-            scale: true,
-            maxWidth: 32,
-            maxHeight: 32,
-            decorator: "rounded",
+          control = osparc.utils.Utils.createThumbnail(32).set({
             marginTop: 4,
           });
           this._add(control, {

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

@@ -100,15 +100,7 @@ qx.Class.define("osparc.dashboard.GroupedCardContainer", {
             paddingBottom: 5,
             allowGrowX: false
           });
-          control.getChildControl("icon").set({
-            scale: true,
-            allowGrowX: true,
-            allowGrowY: true,
-            allowShrinkX: true,
-            allowShrinkY: true,
-            maxWidth: 32,
-            maxHeight: 32
-          });
+          control.getChildControl("icon").set(this.getThumbnailProps(32));
           control.getChildControl("label").set({
             rich: true,
             wrap: true

services/static-webserver/client/source/class/osparc/ui/list/ListItem.js

@@ -142,16 +142,7 @@ qx.Class.define("osparc.ui.list.ListItem", {
       let control;
       switch (id) {
         case "thumbnail":
-          control = new qx.ui.basic.Image().set({
-            alignY: "middle",
-            scale: true,
-            allowGrowX: true,
-            allowGrowY: true,
-            allowShrinkX: true,
-            allowShrinkY: true,
-            maxWidth: 32,
-            maxHeight: 32
-          });
+          control = osparc.utils.Utils.createThumbnail(32);
           this._add(control, {
             row: 0,
             column: 0,

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

@@ -130,6 +130,25 @@ qx.Class.define("osparc.utils.Utils", {
       }
     },
 
+    getThumbnailProps: function(size = 32) {
+      return {
+        alignX: "center",
+        alignY: "middle",
+        scale: true,
+        allowGrowX: true,
+        allowGrowY: true,
+        allowShrinkX: true,
+        allowShrinkY: true,
+        decorator: "rounded",
+        maxWidth: size,
+        maxHeight: size,
+      };
+    },
+
+    createThumbnail: function(size = 32) {
+      return new qx.ui.basic.Image().set(this.getThumbnailProps(size));
+    },
+
     disableAutocomplete: function(control) {
       if (control && control.getContentElement()) {
         control.getContentElement().setAttribute("autocomplete", "off");

services/static-webserver/client/source/class/osparc/vipMarket/LicensedItemDetails.js

@@ -195,12 +195,7 @@ qx.Class.define("osparc.vipMarket.LicensedItemDetails", {
             iconPosition: "right",
             cursor: "pointer",
           });
-          manufacturerLink.getChildControl("icon").set({
-            maxWidth: 32,
-            maxHeight: 32,
-            scale: true,
-            decorator: "rounded",
-          });
+          manufacturerLink.getChildControl("icon").set(osparc.utils.Utils.getThumbnailProps(32));
           manufacturerLink.addListener("tap", () => window.open(licensedResource.getManufacturerLink()));
           headerLayout.add(manufacturerLink, {
             column: 1,

services/static-webserver/client/source/class/osparc/vipMarket/LicensedItemListItem.js

@@ -127,16 +127,7 @@ qx.Class.define("osparc.vipMarket.LicensedItemListItem", {
       let control;
       switch (id) {
         case "thumbnail":
-          control = new qx.ui.basic.Image().set({
-            alignY: "middle",
-            scale: true,
-            allowGrowX: true,
-            allowGrowY: true,
-            allowShrinkX: true,
-            allowShrinkY: true,
-            maxWidth: 32,
-            maxHeight: 32
-          });
+          control = osparc.utils.Utils.createThumbnail(32);
           this._add(control, {
             row: 0,
             column: 0,