added play/pause button

Author: Erwin Dondorp

saltgui/static/scripts/panels/Job.js

@@ -58,18 +58,28 @@ export class JobPanel extends Panel {
     this.div.append(this.output);
   }
 
+  updateFooter () {
+    // PlayPause uses this as call-back
+    if (this.playOrPause === "play" || this.playOrPause === "pause") {
+      // store the user preference for next time
+      Utils.setStorageItem("local", "jobrefresh", this.playOrPause);
+    }
+  }
+
   _scheduleRefreshJob () {
     const jobsActiveSpan = document.getElementById("summary-jobs-active");
     if (jobsActiveSpan && jobsActiveSpan.innerText === "done") {
-console.log("DONE");
       // no updates after "done"
+      this.setPlayPauseButton("none");
       return;
     }
 
-console.log("scheduling onShow in 5s");
     window.setTimeout(() => {
-console.log("running onShow");
-      this.onShow();
+      if (this.playOrPause === "play") {
+        this.onShow();
+      } else {
+        this._scheduleRefreshJob();
+      }
     }, 5000);
   }
 
@@ -90,14 +100,22 @@ console.log("running onShow");
         return true;
       }, (pRunnerJobsActiveMsg) => {
         this._handleRunnerJobsActive(jobId, JSON.stringify(pRunnerJobsActiveMsg));
+        this.setPlayPauseButton("none");
         return false;
       });
       return true;
     }, (pRunnerJobsListJobsMsg) => {
       this._handleJobRunnerJobsListJob(JSON.stringify(pRunnerJobsListJobsMsg), jobId, undefined);
       Utils.ignorePromise(runnerJobsActivePromise);
+      this.setPlayPauseButton("none");
       return false;
     });
+
+    let jobRefresh = Utils.getStorageItem("local", "jobrefresh", "pause");
+    if (jobRefresh !== "play" && jobRefresh !== "pause") {
+      jobRefresh = "pause";
+    }
+    this.setPlayPauseButton(jobRefresh);
   }
 
   static _isResultOk (result) {
@@ -505,6 +523,7 @@ console.log("running onShow");
     if (typeof pData !== "object") {
       summaryJobsActiveSpan.innerText = "(error)";
       Utils.addToolTip(summaryJobsActiveSpan, pData, "bottom-left");
+      this.setPlayPauseButton("none");
       return;
     }
 
@@ -514,6 +533,7 @@ console.log("running onShow");
     if (!info) {
       summaryJobsActiveSpan.innerText = "done";
       this.jobIsTerminated = true;
+      this.setPlayPauseButton("none");
       return;
     }
     this.jobIsTerminated = false;