openLogger

Author: odeimaiz

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

@@ -50,7 +50,7 @@ qx.Class.define("osparc.desktop.MainPage", {
     const navBar = this.__navBar = new osparc.navigation.NavigationBar();
     navBar.populateLayout();
     navBar.addListener("backToDashboardPressed", () => this.__backToDashboardPressed(), this);
-    navBar.addListener("downloadStudyLogs", () => this.__downloadStudyLogs(), this);
+    navBar.addListener("openLogger", () => this.__openLogger(), this);
     this._add(navBar);
 
     // Some resources request before building the main stack
@@ -171,9 +171,9 @@ qx.Class.define("osparc.desktop.MainPage", {
       }
     },
 
-    __downloadStudyLogs: function() {
+    __openLogger: function() {
       if (this.__studyEditor) {
-        this.__studyEditor.getStudyLogger().downloadLogs();
+        osparc.ui.window.Window.popUpInWindow(this.__studyEditor.getStudyLogger(), this.tr("Platform logger"), 950, 650);
       }
     },
 

services/static-webserver/client/source/class/osparc/navigation/NavigationBar.js

@@ -57,7 +57,7 @@ qx.Class.define("osparc.navigation.NavigationBar", {
 
   events: {
     "backToDashboardPressed": "qx.event.type.Event",
-    "downloadStudyLogs": "qx.event.type.Event"
+    "openLogger": "qx.event.type.Event"
   },
 
   properties: {
@@ -200,7 +200,7 @@ qx.Class.define("osparc.navigation.NavigationBar", {
           break;
         case "study-title-options":
           control = new osparc.navigation.StudyTitleWOptions();
-          control.addListener("downloadStudyLogs", () => this.fireEvent("downloadStudyLogs"));
+          control.addListener("openLogger", () => this.fireEvent("openLogger"));
           this.getChildControl("left-items").add(control);
           break;
         case "read-only-info": {

services/static-webserver/client/source/class/osparc/navigation/StudyTitleWOptions.js

@@ -31,7 +31,7 @@ qx.Class.define("osparc.navigation.StudyTitleWOptions", {
   },
 
   events: {
-    "downloadStudyLogs": "qx.event.type.Event"
+    "openLogger": "qx.event.type.Event"
   },
 
   properties: {
@@ -93,12 +93,12 @@ qx.Class.define("osparc.navigation.StudyTitleWOptions", {
             this.getStudy().getUi().setMode("standalone");
           });
           break;
-        case "study-menu-download-logs":
+        case "study-menu-open-logger":
           control = new qx.ui.menu.Button().set({
-            label: this.tr("Download logs"),
+            label: this.tr("Platform Logs..."),
             icon: "@FontAwesome5Solid/download/14"
           });
-          control.addListener("execute", () => this.fireEvent("downloadStudyLogs"));
+          control.addListener("execute", () => this.fireEvent("openLogger"));
           break;
         case "study-menu-button": {
           const optionsMenu = new qx.ui.menu.Menu();
@@ -107,7 +107,7 @@ qx.Class.define("osparc.navigation.StudyTitleWOptions", {
           optionsMenu.add(this.getChildControl("study-menu-reload"));
           optionsMenu.add(this.getChildControl("study-menu-convert-to-pipeline"));
           optionsMenu.add(this.getChildControl("study-menu-convert-to-standalone"));
-          optionsMenu.add(this.getChildControl("study-menu-download-logs"));
+          optionsMenu.add(this.getChildControl("study-menu-open-logger"));
           control = new qx.ui.form.MenuButton().set({
             appearance: "fab-button",
             menu: optionsMenu,

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

@@ -126,6 +126,7 @@ qx.Class.define("osparc.widget.logger.LoggerView", {
       switch (id) {
         case "toolbar":
           control = new qx.ui.toolbar.ToolBar();
+          control.setBackgroundColor("transparent");
           this._add(control);
           break;
         case "pin-node": {
@@ -143,7 +144,9 @@ qx.Class.define("osparc.widget.logger.LoggerView", {
           control = new qx.ui.form.TextField().set({
             appearance: "toolbar-textfield",
             liveUpdate: true,
-            placeholder: this.tr("Filter")
+            placeholder: this.tr("Filter"),
+            marginLeft: 5,
+            marginRight: 5,
           });
           osparc.utils.Utils.setIdToWidget(control, "logsFilterField");
           toolbar.add(control, {
@@ -221,7 +224,7 @@ qx.Class.define("osparc.widget.logger.LoggerView", {
             toolTipText: this.tr("Download logs"),
             appearance: "toolbar-button"
           });
-          osparc.utils.Utils.setIdToWidget(control, "downloadLogsButton");
+          osparc.utils.Utils.setIdToWidget(control, "__downloadLogsButton");
           toolbar.add(control);
           break;
         }
@@ -256,7 +259,7 @@ qx.Class.define("osparc.widget.logger.LoggerView", {
       toolbar.add(copySelectedToClipboardButton);
 
       const downloadButton = this.getChildControl("download-logs-button");
-      downloadButton.addListener("execute", () => this.downloadLogs(), this);
+      downloadButton.addListener("execute", () => this.__downloadLogs(), this);
       toolbar.add(downloadButton);
 
       return toolbar;
@@ -345,7 +348,7 @@ qx.Class.define("osparc.widget.logger.LoggerView", {
       }
     },
 
-    downloadLogs: function() {
+    __downloadLogs: function() {
       const logs = this.__getLogsString();
       const blob = new Blob([logs], {type: "text/plain"});
       osparc.utils.Utils.downloadBlobContent(blob, "logs.log");