✨ Rocket-lite Navigation Bar review (ITISFoundation#3619)

Author: odeimaiz

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

@@ -46,7 +46,7 @@ qx.Class.define("osparc.auth.core.Utils", {
       const regEx = /^\+[1-9]\d{4,14}$/;
       const isValid = regEx.test(phoneNumber);
       item.set({
-        invalidMessage: isValid ? "" : qx.locale.Manager.tr("Invalid phone number. Please, [+][country code][phone number plus area code]"),
+        invalidMessage: isValid ? "" : qx.locale.Manager.tr("Invalid phone number. Please, [+][country code][phone number]"),
         valid: isValid
       });
       return isValid;

services/static-webserver/client/source/class/osparc/component/metadata/ServicesInStudy.js

@@ -144,7 +144,7 @@ qx.Class.define("osparc.component.metadata.ServicesInStudy", {
         const infoButton = new qx.ui.form.Button(null, "@MaterialIcons/info_outline/14");
         infoButton.addListener("execute", () => {
           const metadata = osparc.utils.Services.getMetaData(node["key"], node["version"]);
-          const serviceDetails = new osparc.servicecard.Large(metadata, {
+          const serviceDetails = new osparc.info.ServiceLarge(metadata, {
             nodeId,
             label: node["label"]
           });

services/static-webserver/client/source/class/osparc/component/node/BaseNodeView.js

@@ -225,7 +225,7 @@ qx.Class.define("osparc.component.node.BaseNodeView", {
 
     __openServiceDetails: function() {
       const node = this.getNode();
-      const serviceDetails = new osparc.servicecard.Large(node.getMetaData(), {
+      const serviceDetails = new osparc.info.ServiceLarge(node.getMetaData(), {
         nodeId: node.getNodeId(),
         label: node.getLabel(),
         study: node.getStudy()

services/static-webserver/client/source/class/osparc/component/widget/NodesTree.js

@@ -237,14 +237,14 @@ qx.Class.define("osparc.component.widget.NodesTree", {
       if (nodeId) {
         const study = this.getStudy();
         if (nodeId === study.getUuid()) {
-          const studyDetails = new osparc.studycard.Large(study);
+          const studyDetails = new osparc.info.StudyLarge(study);
           const title = this.tr("Study Information");
           const width = 500;
           const height = 500;
           osparc.ui.window.Window.popUpInWindow(studyDetails, title, width, height);
         } else {
           const node = study.getWorkbench().getNode(nodeId);
-          const serviceDetails = new osparc.servicecard.Large(node.getMetaData(), {
+          const serviceDetails = new osparc.info.ServiceLarge(node.getMetaData(), {
             nodeId,
             label: node.getLabel(),
             study

services/static-webserver/client/source/class/osparc/component/widget/StudyTitleOnlyTree.js

@@ -57,7 +57,7 @@ qx.Class.define("osparc.component.widget.StudyTitleOnlyTree", {
     },
 
     __openStudyInfo: function() {
-      const studyDetails = new osparc.studycard.Large(this.getStudy());
+      const studyDetails = new osparc.info.StudyLarge(this.getStudy());
       const title = this.tr("Study Information");
       const width = 500;
       const height = 500;

services/static-webserver/client/source/class/osparc/component/widget/logger/LoggerView.js

@@ -193,7 +193,7 @@ qx.Class.define("osparc.component.widget.logger.LoggerView", {
             toolTipText: this.tr("Download logs"),
             appearance: "toolbar-button"
           });
-          osparc.utils.Utils.setIdToWidget(control, "downloadLogsToClipboardButton");
+          osparc.utils.Utils.setIdToWidget(control, "downloadLogsButton");
           toolbar.add(control);
           break;
         }
@@ -226,7 +226,7 @@ qx.Class.define("osparc.component.widget.logger.LoggerView", {
       toolbar.add(copyToClipboardButton);
 
       const downloadButton = this.getChildControl("download-logs-button");
-      downloadButton.addListener("execute", () => this.__downloadLogs(), this);
+      downloadButton.addListener("execute", () => this.downloadLogs(), this);
       toolbar.add(downloadButton);
 
       return toolbar;
@@ -297,7 +297,7 @@ qx.Class.define("osparc.component.widget.logger.LoggerView", {
       osparc.utils.Utils.copyTextToClipboard(this.__getLogsString());
     },
 
-    __downloadLogs: function() {
+    downloadLogs: function() {
       const logs = this.__getLogsString();
       osparc.utils.Utils.downloadContent("data:text/plain;charset=utf-8," + logs, "logs.log");
     },

services/static-webserver/client/source/class/osparc/component/workbench/ServiceCatalog.js

@@ -304,7 +304,7 @@ qx.Class.define("osparc.component.workbench.ServiceCatalog", {
     },
 
     __showServiceDetails: function() {
-      const serviceDetails = new osparc.servicecard.Large(this.__getSelectedService());
+      const serviceDetails = new osparc.info.ServiceLarge(this.__getSelectedService());
       const title = this.tr("Service information");
       const width = 600;
       const height = 700;

services/static-webserver/client/source/class/osparc/component/workbench/WorkbenchUI.js

@@ -1520,7 +1520,7 @@ qx.Class.define("osparc.component.workbench.WorkbenchUI", {
     __openNodeInfo: function(nodeId) {
       if (nodeId) {
         const node = this.getStudy().getWorkbench().getNode(nodeId);
-        const serviceDetails = new osparc.servicecard.Large(node.getMetaData(), {
+        const serviceDetails = new osparc.info.ServiceLarge(node.getMetaData(), {
           nodeId,
           label: node.getLabel(),
           study: this.getStudy()

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

@@ -200,7 +200,7 @@ qx.Class.define("osparc.dashboard.ResourceMoreOptions", {
       const title = this.tr("Information");
       const icon = "@FontAwesome5Solid/info";
       const resourceData = this.__resourceData;
-      const infoCard = osparc.utils.Resources.isService(resourceData) ? new osparc.servicecard.Large(resourceData, null, false) : new osparc.studycard.Large(resourceData, false);
+      const infoCard = osparc.utils.Resources.isService(resourceData) ? new osparc.info.ServiceLarge(resourceData, null, false) : new osparc.info.StudyLarge(resourceData, false);
       infoCard.addListener("openAccessRights", () => this.openAccessRights());
       infoCard.addListener("openClassifiers", () => this.openClassfiers());
       infoCard.addListener("openQuality", () => this.openQuality());

services/static-webserver/client/source/class/osparc/desktop/MainPage.js

@@ -74,6 +74,7 @@ qx.Class.define("osparc.desktop.MainPage", {
     __createNavigationBar: function() {
       const navBar = new osparc.navigation.NavigationBar();
       navBar.addListener("backToDashboardPressed", () => this.__backToDashboardPressed(), this);
+      navBar.addListener("downloadStudyLogs", () => this.__downloadStudyLogs(), this);
       return navBar;
     },
 
@@ -124,6 +125,12 @@ qx.Class.define("osparc.desktop.MainPage", {
       dashboardBtn.setFetching(false);
     },
 
+    __downloadStudyLogs: function() {
+      if (this.__studyEditor) {
+        this.__studyEditor.getStudyLogger().downloadLogs();
+      }
+    },
+
     __createMainStack: function() {
       const mainStack = new qx.ui.container.Stack().set({
         alignX: "center"