Web: add button to requeue jobs

web/app/src/components/JobActionsBar.vue

@@ -2,6 +2,7 @@
   <section class="action-bar jobs">
     <button class="action delete dangerous" :disabled="!jobs.canDelete" v-on:click="onButtonDelete">Delete</button>
     <button class="action cancel" :disabled="!jobs.canCancel" v-on:click="onButtonCancel">Cancel</button>
+    <button class="action requeue" :disabled="!jobs.canRequeue" v-on:click="onButtonRequeue">Requeue</button>
   </section>
 </template>
 
@@ -26,6 +27,10 @@ export default {
       return this._handleJobActionPromise(
         this.jobs.cancelJobs(), "marked for cancellation");
     },
+    onButtonRequeue() {
+      return this._handleJobActionPromise(
+        this.jobs.requeueJobs(), "requeued");
+    },
 
     _handleJobActionPromise(promise, description) {
       const numJobs = this.jobs.numSelected;

web/app/src/stores/jobs.js

@@ -25,6 +25,9 @@ export const useJobs = defineStore('jobs', {
     canCancel() {
       return this._anyJobWithStatus(["queued", "active", "failed"])
     },
+    canRequeue() {
+      return this._anyJobWithStatus(["canceled", "completed", "failed", "paused"])
+    },
   },
   actions: {
     // Selection of jobs.
@@ -56,6 +59,7 @@ export const useJobs = defineStore('jobs', {
       return deletionPromise;
     },
     cancelJobs() { return this._setJobStatus("cancel-requested"); },
+    requeueJobs() { return this._setJobStatus("requeued"); },
 
     // Internal methods.