JobsAndClusters

Author: odeimaiz

services/static-webserver/client/source/class/osparc/jobs/JobsAndClusters.js

@@ -0,0 +1,60 @@
+/* ************************************************************************
+
+   osparc - the simcore frontend
+
+   https://osparc.io
+
+   Copyright:
+     2025 IT'IS Foundation, https://itis.swiss
+
+   License:
+     MIT: https://opensource.org/licenses/MIT
+
+   Authors:
+     * Odei Maiz (odeimaiz)
+
+************************************************************************ */
+
+
+qx.Class.define("osparc.jobs.JobsAndClusters", {
+  extend: qx.ui.tabview.TabView,
+
+  construct() {
+    this.base(arguments);
+
+    this.set({
+      contentPadding: 5,
+      barPosition: "top",
+    });
+
+    const jobsPage = new qx.ui.tabview.Page(this.tr("Jobs")).set({
+      layout: new qx.ui.layout.VBox(10)
+    });
+    const jobsBrowser = new osparc.jobs.JobsBrowser();
+    const scroller1 = new qx.ui.container.Scroll();
+    scroller1.add(jobsBrowser);
+    jobsPage.add(scroller1);
+    this.add(jobsPage);
+
+    const clustersPage = new qx.ui.tabview.Page(this.tr("Clusters")).set({
+      layout: new qx.ui.layout.VBox(10)
+    });
+    const clustersBrowser = new osparc.jobs.JobsBrowser();
+    const scroller2 = new qx.ui.container.Scroll();
+    scroller2.add(clustersBrowser);
+    clustersPage.add(scroller2);
+    this.add(clustersPage);
+  },
+
+  statics: {
+    popUpInWindow: function(jobsAndClusters) {
+      if (!jobsAndClusters) {
+        jobsAndClusters = new osparc.jobs.JobsAndClusters();
+      }
+      const title = qx.locale.Manager.tr("Jobs and Clusters");
+      const win = osparc.ui.window.Window.popUpInWindow(jobsAndClusters, title, 1100, 500);
+      win.open();
+      return win;
+    }
+  },
+});

services/static-webserver/client/source/class/osparc/jobs/JobsBrowser.js

@@ -36,18 +36,6 @@ qx.Class.define("osparc.jobs.JobsBrowser", {
     });
   },
 
-  statics: {
-    popUpInWindow: function(jobsBrowser) {
-      if (!jobsBrowser) {
-        jobsBrowser = new osparc.jobs.JobsBrowser();
-      }
-      const title = qx.locale.Manager.tr("Jobs");
-      const win = osparc.ui.window.Window.popUpInWindow(jobsBrowser, title, 1100, 500);
-      win.open();
-      return win;
-    }
-  },
-
   members: {
     _createChildControlImpl: function(id) {
       let control;

services/static-webserver/client/source/class/osparc/jobs/JobsButton.js

@@ -28,12 +28,12 @@ qx.Class.define("osparc.jobs.JobsButton", {
       alignX: "center",
       cursor: "pointer",
       visibility: "excluded",
-      toolTipText: this.tr("Jobs"),
+      toolTipText: this.tr("Jobs and Clusters"),
     });
 
     const jobsStore = osparc.store.Jobs.getInstance();
     jobsStore.addListener("changeJobs", e => this.__updateJobsButton(), this);
-    this.addListener("tap", () => osparc.jobs.JobsBrowser.popUpInWindow(), this);
+    this.addListener("tap", () => osparc.jobs.JobsAndClusters.popUpInWindow(), this);
   },
 
   members: {