🎨 Study home page redesign II (#5430)

Author: odeimaiz

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

@@ -42,8 +42,8 @@ qx.Class.define("osparc.dashboard.ResourceMoreOptions", {
   },
 
   statics: {
-    WIDTH: 900,
-    HEIGHT: 720,
+    WIDTH: 830,
+    HEIGHT: 700,
 
     popUpInWindow: function(moreOpts) {
       const prjAlias = osparc.product.Utils.getStudyAlias({firstUpperCase: true});
@@ -396,6 +396,8 @@ qx.Class.define("osparc.dashboard.ResourceMoreOptions", {
       const page = this.__billingSettings = new osparc.dashboard.resources.pages.BasePage(title, iconSrc, id);
       page.showLabelOnTab();
       const billingScroll = new qx.ui.container.Scroll(billingSettings);
+      const toolBar = this.__addToolbar();
+      page.add(toolBar);
       page.add(billingScroll, {
         flex: 1
       });
@@ -414,6 +416,8 @@ qx.Class.define("osparc.dashboard.ResourceMoreOptions", {
       const preview = new osparc.study.StudyPreview(resourceData);
       const page = new osparc.dashboard.resources.pages.BasePage(title, iconSrc, id);
       page.showLabelOnTab();
+      const toolBar = this.__addToolbar();
+      page.add(toolBar);
       page.add(preview, {
         flex: 1
       });
@@ -442,6 +446,8 @@ qx.Class.define("osparc.dashboard.ResourceMoreOptions", {
       }
       const page = new osparc.dashboard.resources.pages.BasePage(title, iconSrc, id);
       page.showLabelOnTab();
+      const toolBar = this.__addToolbar();
+      page.add(toolBar);
       const commentsScroll = new qx.ui.container.Scroll(commentsLayout);
       page.add(commentsScroll, {
         flex: 1
@@ -462,6 +468,8 @@ qx.Class.define("osparc.dashboard.ResourceMoreOptions", {
 
       const page = this.__dataPage = new osparc.dashboard.resources.pages.BasePage(title, iconSrc, id);
       page.showLabelOnTab();
+      const toolBar = this.__addToolbar();
+      page.add(toolBar);
       page.add(studyDataManager, {
         flex: 1
       });
@@ -502,6 +510,8 @@ qx.Class.define("osparc.dashboard.ResourceMoreOptions", {
       }
       const page = this.__permissionsPage = new osparc.dashboard.resources.pages.BasePage(title, iconSrc, id);
       page.showLabelOnTab();
+      const toolBar = this.__addToolbar();
+      page.add(toolBar);
       page.add(permissionsView, {
         flex: 1
       });
@@ -542,6 +552,8 @@ qx.Class.define("osparc.dashboard.ResourceMoreOptions", {
 
       const page = this.__permissionsPage = new osparc.dashboard.resources.pages.BasePage(title, iconSrc, id);
       page.showLabelOnTab();
+      const toolBar = this.__addToolbar();
+      page.add(toolBar);
       page.add(classifiers, {
         flex: 1
       });
@@ -573,6 +585,8 @@ qx.Class.define("osparc.dashboard.ResourceMoreOptions", {
 
         const page = this.__qualityPage = new osparc.dashboard.resources.pages.BasePage(title, iconSrc, id);
         page.showLabelOnTab();
+        const toolBar = this.__addToolbar();
+        page.add(toolBar);
         page.add(qualityEditor, {
           flex: 1
         });
@@ -602,6 +616,8 @@ qx.Class.define("osparc.dashboard.ResourceMoreOptions", {
       }, this);
       const page = this.__tagsPage = new osparc.dashboard.resources.pages.BasePage(title, iconSrc, id);
       page.showLabelOnTab();
+      const toolBar = this.__addToolbar();
+      page.add(toolBar);
       page.add(tagManager, {
         flex: 1
       });
@@ -630,6 +646,8 @@ qx.Class.define("osparc.dashboard.ResourceMoreOptions", {
 
       const page = this.__servicesUpdatePage = new osparc.dashboard.resources.pages.BasePage(title, iconSrc, id);
       page.showLabelOnTab();
+      const toolBar = this.__addToolbar();
+      page.add(toolBar);
       page.add(servicesUpdate, {
         flex: 1
       });
@@ -657,6 +675,8 @@ qx.Class.define("osparc.dashboard.ResourceMoreOptions", {
 
       const page = new osparc.dashboard.resources.pages.BasePage(title, iconSrc, id);
       page.showLabelOnTab();
+      const toolBar = this.__addToolbar();
+      page.add(toolBar);
       page.add(servicesBootOpts, {
         flex: 1
       });

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

@@ -978,7 +978,7 @@ qx.Class.define("osparc.dashboard.StudyBrowser", {
     },
 
     __getThumbnailStudyMenuButton: function(studyData) {
-      const thumbButton = new qx.ui.menu.Button(this.tr("Edit Thumbnail..."));
+      const thumbButton = new qx.ui.menu.Button(this.tr("Thumbnail..."));
       thumbButton.addListener("execute", () => {
         const title = this.tr("Edit Thumbnail");
         const oldThumbnail = studyData.thumbnail;

services/static-webserver/client/source/class/osparc/info/StudyLarge.js

@@ -142,7 +142,7 @@ qx.Class.define("osparc.info.StudyLarge", {
         },
         "DESCRIPTION": {
           label: this.tr("Description:"),
-          view: osparc.info.StudyUtils.createDescriptionMD(this.getStudy()),
+          view: osparc.info.StudyUtils.createDescriptionMD(this.getStudy(), 110),
           action: {
             button: osparc.utils.Utils.getEditButton(this.__canIWrite()),
             callback: this.__canIWrite() ? this.__openDescriptionEditor : null,

services/static-webserver/client/source/class/osparc/info/StudyUtils.js

@@ -169,13 +169,13 @@ qx.Class.define("osparc.info.StudyUtils", {
       const description = new osparc.ui.markdown.Markdown().set({
         noMargin: true
       });
-      if (maxHeight) {
-        description.setMaxHeight(maxHeight);
-      }
       study.bind("description", description, "value", {
         converter: desc => desc ? desc : "Add description"
       });
       const scrollContainer = new qx.ui.container.Scroll();
+      if (maxHeight) {
+        scrollContainer.setMaxHeight(maxHeight);
+      }
       scrollContainer.add(description);
       return scrollContainer;
     },

services/static-webserver/client/source/class/osparc/study/StudyPreview.js

@@ -44,7 +44,7 @@ qx.Class.define("osparc.study.StudyPreview", {
         const workbenchUIPreview = new osparc.workbench.WorkbenchUIPreview();
         workbenchUIPreview.setStudy(study);
         workbenchUIPreview.loadModel(study.getWorkbench());
-        workbenchUIPreview.setMaxHeight(600);
+        workbenchUIPreview.setMaxHeight(550);
         this._add(workbenchUIPreview);
       }
     }