🎨 [Frontend] ViP Market: Capitalize some feature fields (ITISFoundation#7252)

Author: odeimaiz

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

@@ -193,8 +193,7 @@ qx.Class.define("osparc.dashboard.StudyBrowser", {
           this.__setWorkspacesToList(workspaces);
           if (this.getCurrentContext() === "trash") {
             if (workspaces.length) {
-              // Not yet implemented
-              // this.__header.getChildControl("empty-trash-button").show();
+              this.__header.getChildControl("empty-trash-button").show();
             }
           }
         })
@@ -240,8 +239,7 @@ qx.Class.define("osparc.dashboard.StudyBrowser", {
           this.__setFoldersToList(folders);
           if (this.getCurrentContext() === "trash") {
             if (folders.length) {
-              // Not yet implemented
-              // this.__header.getChildControl("empty-trash-button").show();
+              this.__header.getChildControl("empty-trash-button").show();
             }
           }
         })
@@ -312,8 +310,7 @@ qx.Class.define("osparc.dashboard.StudyBrowser", {
 
           if (this.getCurrentContext() === "trash") {
             if (this._resourcesList.length) {
-              // Not yet implemented
-              // this.__header.getChildControl("empty-trash-button").show();
+              this.__header.getChildControl("empty-trash-button").show();
             }
           }
 

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

@@ -235,6 +235,12 @@ qx.Class.define("osparc.vipMarket.AnatomicalModelDetails", {
         const featuresGrid = new qx.ui.layout.Grid(8, 8);
         const featuresLayout = new qx.ui.container.Composite(featuresGrid);
         let idx = 0;
+        const capitalizeField = [
+          "Sex",
+          "Species",
+          "Ethnicity",
+          "Functionality",
+        ];
         [
           "Name",
           "Version",
@@ -258,8 +264,10 @@ qx.Class.define("osparc.vipMarket.AnatomicalModelDetails", {
               row: idx,
             });
 
+            const value = features[key.toLowerCase()];
+            const featureValue = capitalizeField.includes(key) ? osparc.utils.Utils.capitalize(value) : value;
             const nameLabel = new qx.ui.basic.Label().set({
-              value: features[key.toLowerCase()],
+              value: featureValue,
               font: "text-14",
               alignX: "left",
             });