Minors/09 02 (ITISFoundation#3308)

* fix s4l porst pro link

* always hide New Study button to non testers

* e2e: Wait for studies to be loaded

* e2e: Wait for studies to be loaded

* text update

* oops osparc renaming

* new logo

Author: odeimaiz

services/web/client/source/class/osparc/Application.js

@@ -124,15 +124,21 @@ qx.Class.define("osparc.Application", {
             const w = document.documentElement.clientWidth;
             const h = document.documentElement.clientHeight;
             if (this.self().MIN_WIDTH > w || this.self().MIN_HEIGHT > h) {
-              const msg = this.tr(`
-                oSPARC is designed for slightly bigger window size.<br>\
+              const product = this.tr("This app");
+              const baseTextMsg = this.tr(`
+                 is designed for slightly bigger window size.<br>\
                 A mininum window size of ${this.self().MIN_WIDTH}x${this.self().MIN_HEIGHT} is recommended<br>\
                 Touch devices are not fully supported.
               `);
               const label = new qx.ui.basic.Label().set({
-                value: msg,
+                value: product+ baseTextMsg,
                 rich: true
               });
+              const displayNameKey = osparc.store.StaticInfo.getInstance().getDisplayNameKey();
+              osparc.store.StaticInfo.getInstance().getValue(displayNameKey)
+                .then(displayName => {
+                  label.setValue(displayName + baseTextMsg);
+                });
               tooSmallWindow.add(label, {
                 flex: 1
               });

services/web/client/source/class/osparc/component/tutorial/ti/PostPro.js

@@ -36,7 +36,7 @@ qx.Class.define("osparc.component.tutorial.ti.PostPro", {
       const text2 = this.tr("\
         These metrics are reported in the Post Processing analysis environment for each electrode pair in the combination in \
         a sorted tabular form that can be used to inspect the stimulation performances. By clicking on each pair, slice views \
-        of the maximum amplitude modulation (MAP) are created within the head are produced.<br>\
+        of the maximum amplitude modulation (MAP) within the head are produced.<br>\
         Pressing the `Load` button on the right, the selected configuration will be loaded.\
       ");
       const label2 = osparc.component.tutorial.ti.Slides.createLabel(text2);

services/web/client/source/class/osparc/component/tutorial/ti/S4LPostPro.js

@@ -32,7 +32,7 @@ qx.Class.define("osparc.component.tutorial.ti.S4LPostPro", {
       const label1 = osparc.component.tutorial.ti.Slides.createLabel(text1);
       this._add(label1);
 
-      const image1 = new qx.ui.basic.Image("osparc/tutorial/ti/PostProS4L.gif").set({
+      const image1 = new qx.ui.basic.Image("https://itisfoundation.github.io/ti-planning-tool-manual/assets/quickguide/postpro_s4l.gif").set({
         alignX: "center",
         scale: true,
         width: 737,

services/web/client/source/class/osparc/dashboard/StudyBrowser.js

@@ -144,6 +144,9 @@ qx.Class.define("osparc.dashboard.StudyBrowser", {
     },
 
     __replaceNewStudyWithNewPlanButton: function(mode = "grid") {
+      if (!osparc.data.Permissions.getInstance().isTester()) {
+        this._resourcesContainer.remove(this.__newStudyBtn);
+      }
       osparc.data.Resources.get("templates")
         .then(templates => {
           // replace if a "TI Planning Tool" template exists

services/web/client/source/class/osparc/data/Permissions.js

@@ -240,7 +240,7 @@ qx.Class.define("osparc.data.Permissions", {
     },
 
     isTester: function() {
-      return this.getRole() === "tester";
+      return ["admin", "tester"].includes(this.getRole());
     }
   }
 });

services/web/client/source/class/osparc/store/StaticInfo.js

@@ -0,0 +1,50 @@
+/* ************************************************************************
+
+   osparc - the simcore frontend
+
+   https://osparc.io
+
+   Copyright:
+     2022 IT'IS Foundation, https://itis.swiss
+
+   License:
+     MIT: https://opensource.org/licenses/MIT
+
+   Authors:
+     * Odei Maiz (odeimaiz)
+
+************************************************************************ */
+
+qx.Class.define("osparc.store.StaticInfo", {
+  extend: qx.core.Object,
+  type: "singleton",
+
+  construct: function() {
+    this.base(arguments);
+
+    osparc.data.Resources.get("statics");
+  },
+
+  members: {
+    getValue: function(key) {
+      return new Promise((resolve, reject) => {
+        osparc.data.Resources.get("statics")
+          .then(staticData => {
+            if (key in staticData) {
+              resolve(staticData[key]);
+            } else {
+              const errorMsg = "key not found in statics";
+              console.error(errorMsg);
+              reject(errorMsg);
+            }
+          })
+          .catch(err => reject(err));
+      });
+    },
+
+    getDisplayNameKey: function() {
+      const productName = osparc.utils.Utils.getProductName();
+      return productName + "DisplayName";
+    }
+  }
+});

services/web/client/source/resource/osparc/tutorial/ti/Dashboard.png

@@ -180,7 +180,7 @@ class TutorialBase {
 
   async checkFirstStudyId(studyId) {
     await this.__page.waitForSelector('[osparc-test-id="studiesList"]');
-    await this.waitFor(1000);
+    await this.waitFor(5000, "Wait for studies to be loaded");
     const studies = await utils.getVisibleChildrenIDs(this.__page, '[osparc-test-id="studiesList"]');
     console.log("checkFirstStudyId", studyId);
     console.log(studies);