tab name dependson study name

Author: odeimaiz

services/static-webserver/client/source/class/osparc/Application.js

@@ -209,14 +209,7 @@ qx.Class.define("osparc.Application", {
     },
 
     __updateTabName: function() {
-      let newName = document.title;
-      const platformName = osparc.store.StaticInfo.getInstance().getPlatformName();
-      if (osparc.utils.Utils.isInZ43()) {
-        newName += " Z43";
-      }
-      if (platformName) {
-        newName += ` (${platformName})`;
-      }
+      const newName = osparc.utils.Utils.composeTabName();
       osparc.utils.Utils.updateTabName(newName);
     },
 

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

@@ -59,7 +59,8 @@ qx.Class.define("osparc.store.Store", {
       check: "osparc.data.model.Study",
       init: null,
       nullable: true,
-      event: "changeCurrentStudy"
+      event: "changeCurrentStudy",
+      apply: "__applyCurrentStudy",
     },
     currentStudyId: {
       check: "String",
@@ -339,6 +340,21 @@ qx.Class.define("osparc.store.Store", {
       }
     },
 
+    __applyCurrentStudy: function(study) {
+      if (study) {
+        study.addListener("changeName", () => {
+          if (this.getCurrentStudy() === study) {
+            // the study might have been closed
+            osparc.utils.Utils.updateTabName(study.getName());
+          }
+        });
+        osparc.utils.Utils.updateTabName(study.getName());
+      } else {
+        const newName = osparc.utils.Utils.composeTabName();
+        osparc.utils.Utils.updateTabName(newName);
+      }
+    },
+
     __applyWallets: function(wallets) {
       const preferenceSettings = osparc.Preferences.getInstance();
       const preferenceWalletId = preferenceSettings.getPreferredWalletId();

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

@@ -95,6 +95,18 @@ qx.Class.define("osparc.utils.Utils", {
       document.title = name;
     },
 
+    composeTabName: function() {
+      let newName = osparc.store.StaticInfo.getInstance().getDisplayName();
+      const platformName = osparc.store.StaticInfo.getInstance().getPlatformName();
+      if (osparc.utils.Utils.isInZ43()) {
+        newName += " Z43";
+      }
+      if (platformName) {
+        newName += ` (${platformName})`;
+      }
+      return newName;
+    },
+
     replaceTokens: function(str, key, value) {
       // `str` might be a a localized string, get the string first
       str = str.toString ? str.toString() : str;