manual reload of runs

Author: odeimaiz

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

@@ -72,7 +72,6 @@ qx.Class.define("osparc.jobs.ActivityCenterWindow", {
       });
 
       this.addListener("close", () => {
-        runsBrowser.stopInterval();
         subRunsBrowser.stopInterval();
       });
     },

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

@@ -24,6 +24,8 @@ qx.Class.define("osparc.jobs.RunsBrowser", {
 
     this._setLayout(new qx.ui.layout.VBox(10));
 
+    const reloadButton = this.getChildControl("reload-button");
+    reloadButton.addListener("execute", () => this.reloadRuns());
     this.getChildControl("intro-label");
     const jobsFilter = this.getChildControl("jobs-filter");
     const runningCB = this.getChildControl("running-only-cb");
@@ -35,27 +37,27 @@ qx.Class.define("osparc.jobs.RunsBrowser", {
     });
 
     runningCB.bind("value", runsTable, "runningOnly");
-
-    this.__reloadInterval = setInterval(() => this.reloadRuns(), 10*1000);
   },
 
   events: {
     "runSelected": "qx.event.type.Data",
   },
 
   members: {
-    __reloadInterval: null,
-
     _createChildControlImpl: function(id) {
       let control;
       switch (id) {
-        case "header-filter":
+        case "header-toolbar":
           control = new qx.ui.container.Composite(new qx.ui.layout.HBox(5));
           this._add(control);
           break;
+        case "reload-button":
+          control = new qx.ui.form.Button(this.tr("Reload"), "@FontAwesome5Solid/sync-alt/14");
+          this.getChildControl("header-toolbar").add(control);
+          break;
         case "intro-label":
           control = new qx.ui.basic.Label(this.tr("Select a Run to check the details"));
-          this.getChildControl("header-filter").add(control);
+          this.getChildControl("header-toolbar").add(control);
           break;
         case "jobs-filter":
           control = new osparc.filter.TextFilter("text", "jobsList").set({
@@ -66,7 +68,7 @@ qx.Class.define("osparc.jobs.RunsBrowser", {
             placeholder: qx.locale.Manager.tr("Filter by name or ID"),
           });
           control.hide(); // @matusdrobuliak66: remove this when the backend is ready
-          this.getChildControl("header-filter").add(control, {
+          this.getChildControl("header-toolbar").add(control, {
             flex: 1
           });
           break;
@@ -75,7 +77,7 @@ qx.Class.define("osparc.jobs.RunsBrowser", {
             value: true,
             label: qx.locale.Manager.tr("Active only"),
           });
-          this.getChildControl("header-filter").add(control);
+          this.getChildControl("header-toolbar").add(control);
           break;
         case "runs-table": {
           const projectUuid = null;
@@ -95,11 +97,5 @@ qx.Class.define("osparc.jobs.RunsBrowser", {
       const runsTable = this.getChildControl("runs-table");
       runsTable.reloadRuns();
     },
-
-    stopInterval: function() {
-      if (this.__reloadInterval) {
-        clearInterval(this.__reloadInterval);
-      }
-    },
   }
 })

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

@@ -119,6 +119,7 @@ qx.Class.define("osparc.jobs.RunsTableModel", {
     _loadRowData(firstRow, qxLastRow) {
       this.setIsFetching(true);
 
+      qxLastRow = osparc.store.Jobs; // Default to 2 rows for testing purposes
       const lastRow = Math.min(qxLastRow, this._rowCount - 1);
       // Returns a request promise with given offset and limit
       const getFetchPromise = (offset, limit) => {

services/static-webserver/client/source/class/osparc/store/Jobs.js

@@ -33,7 +33,7 @@ qx.Class.define("osparc.store.Jobs", {
   },
 
   statics: {
-    SERVER_MAX_LIMIT: 49,
+    SERVER_MAX_LIMIT: 2, // Default to 2 rows for testing purposes
   },
 
   members: {