Jobs Browser

Author: odeimaiz

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

@@ -0,0 +1,55 @@
+/* ************************************************************************
+
+   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.JobsBrowser", {
+  extend: qx.ui.core.Widget,
+
+  construct() {
+    this.base(arguments);
+
+    this._setLayout(new qx.ui.layout.VBox());
+
+    this.getChildControl("jobs-table");
+  },
+
+  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, 500, 500);
+      win.open();
+      return win;
+    }
+  },
+
+  members: {
+    _createChildControlImpl: function(id) {
+      let control;
+      switch (id) {
+        case "jobs-table":
+          control = new osparc.jobs.JobsTable();
+          this._add(control);
+          break;
+      }
+
+      return control || this.base(arguments, id);
+    },
+  }
+})

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

@@ -33,7 +33,7 @@ qx.Class.define("osparc.jobs.JobsButton", {
 
     const jobsStore = osparc.store.Jobs.getInstance();
     jobsStore.addListener("changeJobs", e => this.__updateJobsButton(), this);
-    this.addListener("tap", () => console.log("Pop up jobs table"), this);
+    this.addListener("tap", () => osparc.jobs.JobsBrowser.popUpInWindow(), this);
   },
 
   members: {

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

@@ -19,10 +19,10 @@
 qx.Class.define("osparc.jobs.JobsTable", {
   extend: qx.ui.table.Table,
 
-  construct: function(walletId, filters) {
+  construct: function(filters) {
     this.base(arguments);
 
-    const model = new osparc.desktop.credits.JobsTableModel(walletId, filters);
+    const model = new osparc.jobs.JobsTableModel(filters);
     this.setTableModel(model);
 
     this.set({

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

@@ -116,7 +116,7 @@ qx.Class.define("osparc.jobs.JobsTableModel", {
         jobsStore.fetchJobs(urlParams)
           .then(jobs => {
             const data = [];
-            const jobsCols = osparc.desktop.credits.JobsTable.COLS;
+            const jobsCols = osparc.jobs.JobsTable.COLS;
             jobs.forEach(job => {
               data.push({
                 [jobsCols.JOB_ID.id]: job.getJobId(),