Add ability to cancel container_requests

frontend/src/js/component/wb-process-dashboard.js

@@ -80,6 +80,7 @@ class WBProcessDashboard extends Component {
       const filters = [ [ 'uuid', 'in', uuids ] ];
       return getAll(ofs => makeArvadosRequest(arvHost, arvToken,
         '/arvados/v1/containers?filters=' + encodeURIComponent(JSON.stringify(filters)) +
+        '&order=' + encodeURIComponent(JSON.stringify([ 'uuid asc' ])) +
         '&offset=' + ofs));
     });
     prom = prom.then(cl => {

frontend/src/js/component/wb-process-listing.js

@@ -27,6 +27,18 @@ class WBProcessListing extends Component {
     this.fetchItems();
   }
 
+  cancelProcess(uuid) {
+    const { app } = this.props;
+    const { arvHost, arvToken } = app.state;
+    let prom = makeArvadosRequest(arvHost, arvToken,
+      '/arvados/v1/container_requests/' + encodeURIComponent(uuid),
+      { method: 'PUT', data: JSON.stringify({ priority: 0 }) });
+    prom = prom.then(() => {
+      this.setState({ rows: maskRows(this.state.rows) });
+      this.fetchItems();
+    });
+  }
+
   prepareRows(requests, containerLookup, ownerLookup, outputLookup) {
     const { app, renderRenameLink, renderDeleteButton,
       renderSelectionCell, renderSharingButton,
@@ -51,6 +63,9 @@ class WBProcessListing extends Component {
         wbFormatDate(item['created_at']),
         ( <WBNameAndUuid app={ app } uuid={ item['output_uuid'] } /> ),
         (<div>
+          <button class="btn btn-outline-warning m-1" onclick={ () => this.cancelProcess(item.uuid) }>
+            <i class="fas fa-stop-circle"></i>
+          </button>
           { renderDeleteButton(item, () => this.fetchItems()) }
           { renderSharingButton(item) }
         </div>)