🎨 [Frontend] TIP: Rebranding (#6446)

Author: odeimaiz

services/static-webserver/client/compile.json

@@ -136,7 +136,7 @@
       "class": "osparc.Application",
       "theme": "osparc.theme.products.tis.ThemeDark",
       "name": "tis",
-      "title": "TI Plan - IT'IS",
+      "title": "TIP V3.0 - IT'IS",
       "include": [
         "iconfont.material.Load",
         "iconfont.fontawesome5.Load",
@@ -152,7 +152,7 @@
       "class": "osparc.Application",
       "theme": "osparc.theme.products.tis.ThemeDark",
       "name": "tiplite",
-      "title": "TI Plan lite - IT'IS",
+      "title": "TIP.lite - IT'IS",
       "include": [
         "iconfont.material.Load",
         "iconfont.fontawesome5.Load",

services/static-webserver/client/scripts/post-compile.py

@@ -31,7 +31,7 @@ def update_apps_metadata():
                 replacements = i.get("replacements")
                 for key in replacements:
                     replace_text = replacements[key]
-                    data = data.replace(key, replace_text)
+                    data = data.replace("${"+key+"}", replace_text)
             with open(filename, "w") as file: 
                 print(f"Updating app metadata: {filename}")
                 file.write(data)

services/static-webserver/client/source/boot/index.html

@@ -41,9 +41,9 @@
   <meta name="theme-color" content="">
 
   <!-- Open Graph metadata -->
-  <meta property="og:title" content="replace_me_og_title" />
-  <meta property="og:description" content="replace_me_og_description" />
-  <meta property="og:image" content="replace_me_og_image" />
+  <meta property="og:title" content="${replace_me_og_title}" />
+  <meta property="og:description" content="${replace_me_og_description}" />
+  <meta property="og:image" content="${replace_me_og_image}" />
   <meta property="og:type" content="website" />
 
   <style>
@@ -59,7 +59,7 @@
   </style>
 
   <title>${appTitle}</title>
-  <meta name="description" content="replace_me_og_description" />
+  <meta name="description" content="${replace_me_og_description}" />
 
   <noscript>
     <meta http-equiv="refresh" content="0; url=nojs.html"/>

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

@@ -167,7 +167,14 @@ qx.Class.define("osparc.dashboard.NewStudies", {
       const newStudyClicked = () => this.fireDataEvent("newStudyClicked", templateInfo);
 
       const title = templateInfo.title;
-      const desc = templateInfo.description;
+      let desc = templateInfo.description;
+      if (desc) {
+        desc = osparc.utils.Utils.replaceTokens(
+          desc,
+          "replace_me_product_name",
+          osparc.store.StaticInfo.getInstance().getDisplayName()
+        );
+      }
       const newPlanButton = new osparc.dashboard.GridButtonNew(title, desc);
       newPlanButton.setCardKey(templateInfo.idToWidget);
       osparc.utils.Utils.setIdToWidget(newPlanButton, templateInfo.idToWidget);

services/static-webserver/client/source/class/osparc/product/quickStart/tis/S4LPostPro.js

@@ -21,7 +21,8 @@ qx.Class.define("osparc.product.quickStart.tis.S4LPostPro", {
   construct: function() {
     let title = "";
     if (osparc.product.Utils.isProduct("tiplite")) {
-      title += "<i>" + this.tr("(Not available in TIP lite)") + "</i><br><br>";
+      const notAvailableText = this.tr("Not available in");
+      title += ` <i>(${notAvailableText} ${osparc.store.StaticInfo.getInstance().getDisplayName()})</i><br><br>`;
     }
     title += this.tr("Sim4Life Post Processing");
     this.base(arguments, title);

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

@@ -91,6 +91,10 @@ qx.Class.define("osparc.utils.Utils", {
 
     FLOATING_Z_INDEX: 110000,
 
+    replaceTokens: function(str, key, value) {
+      return str.replaceAll("${"+key+"}", value);
+    },
+
     /**
      * @param {qx.ui.basic.Image} image
      */

services/static-webserver/client/source/resource/osparc/new_studies.json

@@ -68,23 +68,23 @@
       "showDisabled": true,
       "expectedTemplateLabel": "mcTI Planning Tool",
       "title": "Multichannel TI",
-      "description": "Not available in TIP lite",
+      "description": "Not available in ${replace_me_product_name}",
       "newStudyLabel": "Multichannel TI",
       "category": "precomputed",
       "idToWidget": "newMTIPlanButton"
     }, {
       "showDisabled": true,
       "expectedTemplateLabel": "pmTI Planning Tool",
       "title": "Phase-modulation TI",
-      "description": "Not available in TIP lite",
+      "description": "Not available in ${replace_me_product_name}",
       "newStudyLabel": "Phase-modulation TI",
       "category": "precomputed",
       "idToWidget": "newPMTIPlanButton"
     }, {
       "showDisabled": true,
       "expectedTemplateLabel": "personalized TI Planning Tool",
       "title": "Personalized<br>Classic TI",
-      "description": "Not available in TIP lite",
+      "description": "Not available in ${replace_me_product_name}",
       "newStudyLabel": "Personalized Classic TI",
       "category": "personalized",
       "idToWidget": "personalizationNewTIPlanButton",
@@ -93,7 +93,7 @@
       "showDisabled": true,
       "expectedTemplateLabel": "personalized mcTI Planning Tool",
       "title": "Personalized<br>Multichannel TI",
-      "description": "Not available in TIP lite",
+      "description": "Not available in ${replace_me_product_name}",
       "newStudyLabel": "Personalized Multichannel TI",
       "category": "personalized",
       "idToWidget": "personalizationNewMTIPlanButton",
@@ -102,7 +102,7 @@
       "showDisabled": true,
       "expectedTemplateLabel": "personalized pmTI Planning Tool",
       "title": "Personalized<br>Phase-modulation TI",
-      "description": "Not available in TIP lite",
+      "description": "Not available in ${replace_me_product_name}",
       "newStudyLabel": "Personalized Phase-modulation TI",
       "category": "personalized",
       "idToWidget": "personalizationNewPMTIPlanButton",