🎨 [Frontend] ViP Market: last minors (#7250)

Author: odeimaiz

services/docker-compose.local.yml

@@ -260,4 +260,4 @@ services:
 networks:
   docker-api-network:
     driver_opts:
-      encrypted: "false" # disable locally, some WSL versions have issues with encrypted networks SEE https://github.com/microsoft/WSL/issues/10029
+      {} # override 'encrypted' locally, some WSL versions have issues with encrypted networks SEE https://github.com/microsoft/WSL/issues/10029

services/static-webserver/client/source/class/osparc/store/LicensedItems.js

@@ -72,8 +72,9 @@ qx.Class.define("osparc.store.LicensedItems", {
 
     licensedResourceTitle: function(licensedResource) {
       const name = licensedResource["source"]["features"]["name"] || osparc.store.LicensedItems.extractNameFromDescription(licensedResource);
+      const version = licensedResource["source"]["features"]["version"] || "";
       const functionality = licensedResource["source"]["features"]["functionality"] || "Static";
-      return `${name}, ${functionality}`;
+      return `${name} ${version}, ${functionality}`;
     },
 
     extractNameFromDescription: function(licensedResource) {

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

@@ -74,7 +74,7 @@ qx.Class.define("osparc.study.PricingUnitLicense", {
       // add price info
       const price = this.getChildControl("price");
       pricingUnit.bind("cost", price, "value", {
-        converter: v => this.tr("Credits") + ": " + v
+        converter: v => this.tr("Credits") + ": " + osparc.utils.Utils.addWhiteSpaces(v)
       });
 
       // add edit button

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

@@ -91,6 +91,10 @@ qx.Class.define("osparc.utils.Utils", {
 
     FLOATING_Z_INDEX: 1000001 + 1,
 
+    addWhiteSpaces: function(integer) {
+      return new Intl.NumberFormat("fr-FR").format(integer); // french will add white spaces every 3 digits
+    },
+
     updateTabName: function(name) {
       document.title = name;
     },