✨ Frontend: Study home page

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

@@ -20,9 +20,9 @@ qx.Class.define("osparc.auth.core.Utils", {
 
   statics: {
     passwordLengthValidator: function(value, item) {
-      const valid = value != null && value.length > 3;
+      const valid = value != null && value.length > 11;
       if (!valid) {
-        item.setInvalidMessage("Please enter a password at with least 4 characters.");
+        item.setInvalidMessage("Please enter a password at with least 12 characters.");
       }
       return valid;
     },

services/static-webserver/client/source/class/osparc/component/notification/NotificationUI.js

@@ -202,13 +202,7 @@ qx.Class.define("osparc.component.notification.NotificationUI", {
                 const studyDataCopy = osparc.data.model.Study.deepCloneStudyObject(studyData);
                 studyDataCopy["resourceType"] = notification.getCategory() === "STUDY_SHARED" ? "study" : "template";
                 const moreOpts = new osparc.dashboard.ResourceMoreOptions(studyData);
-                const title = this.tr("Options");
-                osparc.ui.window.Window.popUpInWindow(
-                  moreOpts,
-                  title,
-                  osparc.dashboard.ResourceMoreOptions.WIDTH,
-                  osparc.dashboard.ResourceMoreOptions.HEIGHT
-                );
+                osparc.dashboard.ResourceMoreOptions.popUpInWindow(moreOpts);
               }
             });
           break;

services/static-webserver/client/source/class/osparc/component/share/ShareePermissions.js

@@ -51,13 +51,7 @@ qx.Class.define("osparc.component.share.ShareePermissions", {
                 infoButton.setAppearance("strong-button");
                 infoButton.addListener("execute", () => {
                   const moreOpts = new osparc.dashboard.ResourceMoreOptions(metaData);
-                  const title = this.tr("Service Info");
-                  osparc.ui.window.Window.popUpInWindow(
-                    moreOpts,
-                    title,
-                    osparc.dashboard.ResourceMoreOptions.WIDTH,
-                    osparc.dashboard.ResourceMoreOptions.HEIGHT
-                  );
+                  osparc.dashboard.ResourceMoreOptions.popUpInWindow(moreOpts);
                 }, this);
                 hBox.add(infoButton);
                 hBox.add(new qx.ui.basic.Label(metaData.name + " : " + metaData.version));

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

@@ -602,13 +602,7 @@ qx.Class.define("osparc.dashboard.CardBase", {
     __openMoreOptions: function() {
       const resourceData = this.getResourceData();
       const moreOpts = new osparc.dashboard.ResourceMoreOptions(resourceData);
-      const title = this.tr("Options");
-      const win = osparc.ui.window.Window.popUpInWindow(
-        moreOpts,
-        title,
-        osparc.dashboard.ResourceMoreOptions.WIDTH,
-        osparc.dashboard.ResourceMoreOptions.HEIGHT
-      );
+      const win = osparc.dashboard.ResourceMoreOptions.popUpInWindow(moreOpts);
       [
         "updateStudy",
         "updateTemplate",

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

@@ -44,6 +44,8 @@ qx.Class.define("osparc.dashboard.ResourceBrowserBase", {
   },
 
   statics: {
+    PAGINATED_STUDIES: 10,
+
     sortStudyList: function(studyList) {
       const sortByProperty = function(prop) {
         return function(a, b) {
@@ -91,9 +93,7 @@ qx.Class.define("osparc.dashboard.ResourceBrowserBase", {
         osparc.utils.Utils.addBorderRightRadius(rButton);
       }
       return rButton;
-    },
-
-    PAGINATED_STUDIES: 10
+    }
   },
 
   members: {
@@ -302,6 +302,14 @@ qx.Class.define("osparc.dashboard.ResourceBrowserBase", {
       throw new Error("Abstract method called!");
     },
 
+    _startStudyById: function() {
+      throw new Error("Abstract method called!");
+    },
+
+    _createStudyFromTemplate: function() {
+      throw new Error("Abstract method called!");
+    },
+
     _createStudyFromService: function() {
       throw new Error("Abstract method called!");
     },
@@ -310,32 +318,50 @@ qx.Class.define("osparc.dashboard.ResourceBrowserBase", {
       throw new Error("Abstract method called!");
     },
 
-    _getMoreOptionsMenuButton: function(resourceData) {
-      const moreOptsButton = new qx.ui.menu.Button(this.tr("More options..."));
-      osparc.utils.Utils.setIdToWidget(moreOptsButton, "moreInfoBtn");
-      moreOptsButton.addListener("execute", () => {
-        const moreOpts = new osparc.dashboard.ResourceMoreOptions(resourceData);
-        const title = this.tr("Options");
-        const win = osparc.ui.window.Window.popUpInWindow(
-          moreOpts,
-          title,
-          osparc.dashboard.ResourceMoreOptions.WIDTH,
-          osparc.dashboard.ResourceMoreOptions.HEIGHT
-        );
-        moreOpts.addListener("updateStudy", e => this._updateStudyData(e.getData()));
-        moreOpts.addListener("updateTemplate", e => this._updateTemplateData(e.getData()));
-        moreOpts.addListener("updateService", e => this._updateServiceData(e.getData()));
-        moreOpts.addListener("publishTemplate", e => {
-          win.close();
-          this.fireDataEvent("publishTemplate", e.getData());
-        });
-        moreOpts.addListener("openService", e => {
-          win.close();
-          const openServiceData = e.getData();
-          this._createStudyFromService(openServiceData["key"], openServiceData["version"]);
-        });
+    _getOpenMenuButton: function(resourceData) {
+      const openButton = new qx.ui.menu.Button(this.tr("Open"));
+      openButton.addListener("execute", () => {
+        switch (resourceData["resourceType"]) {
+          case "study":
+            this._startStudyById(resourceData["uuid"]);
+            break;
+          case "template":
+            this._createStudyFromTemplate(resourceData);
+            break;
+          case "service":
+            this._createStudyFromService(resourceData["key"], resourceData["version"]);
+            break;
+        }
       }, this);
-      return moreOptsButton;
+      return openButton;
+    },
+
+    _openDetailsView: function(resourceData) {
+      const moreOpts = new osparc.dashboard.ResourceMoreOptions(resourceData);
+      const win = osparc.dashboard.ResourceMoreOptions.popUpInWindow(moreOpts);
+      moreOpts.addListener("updateStudy", e => this._updateStudyData(e.getData()));
+      moreOpts.addListener("updateTemplate", e => this._updateTemplateData(e.getData()));
+      moreOpts.addListener("updateService", e => this._updateServiceData(e.getData()));
+      moreOpts.addListener("publishTemplate", e => {
+        win.close();
+        this.fireDataEvent("publishTemplate", e.getData());
+      });
+      moreOpts.addListener("openStudy", e => {
+        win.close();
+        const openStudyData = e.getData();
+        this._startStudyById(openStudyData["uuid"]);
+      });
+      moreOpts.addListener("openTemplate", e => {
+        win.close();
+        const templateData = e.getData();
+        this._createStudyFromTemplate(templateData);
+      });
+      moreOpts.addListener("openService", e => {
+        win.close();
+        const openServiceData = e.getData();
+        this._createStudyFromService(openServiceData["key"], openServiceData["version"]);
+      });
+      return moreOpts;
     },
 
     _getShareMenuButton: function(card) {