LIMS-979: Add Unqueue All and Unqueue Selected buttons to Container Queue page (#665)

* LIMS-979: Add Unqueue All and Unqueue Selected buttons to Container Queue page

* Use let instead of var

Co-authored-by: Guilherme Francisco <guilherme.de-freitas@diamond.ac.uk>

* LIMS-979: Use post requests for queueing/unqueueing

---------

Co-authored-by: Mark Williams <mark.williams@diamond.ac.uk>
Co-authored-by: Guilherme Francisco <guilherme.de-freitas@diamond.ac.uk>

Author: 3 people

client/src/js/modules/imaging/views/queuecontainer.js

@@ -527,6 +527,8 @@ define(['marionette',
             'click a.unqueue': 'unqueueContainer',
             'click a.addpage': 'queuePageSamples',
             'click a.addall': 'queueAllSamples',
+            'click a.unqueuesel': 'unqueueSelectedSamples',
+            'click a.unqueueall': 'unqueueAllSamples',
             'change @ui.nodata': 'refreshSubSamples',
             'change @ui.notcompleted': 'refreshSubSamples',
         },
@@ -571,8 +573,8 @@ define(['marionette',
             this.$el.addClass('loading');
             Backbone.ajax({
                 url: app.apiurl+'/sample/sub/queue/cid/'+this.model.get('CONTAINERID'),
-                method: "post",
-                data: {},
+                method: 'post',
+                data: data,
                 success: function(resp) {
                     _.each(resp, function (r) {
                         var ss = self.subsamples.fullCollection.findWhere({ BLSUBSAMPLEID: r.BLSUBSAMPLEID })
@@ -586,6 +588,57 @@ define(['marionette',
             })            
         },
 
+        unqueueSelectedSamples: function(e) {
+            e.preventDefault()
+
+            let self = this
+            this.$el.addClass('loading');
+            let sids = _.map(this.qsubsamples.where({ isGridSelected: true }), function(ss) {return ss.get('BLSUBSAMPLEID')})
+
+            Backbone.ajax({
+                url: app.apiurl+'/sample/sub/queue',
+                data: {
+                    BLSUBSAMPLEID: sids,
+                    UNQUEUE: 1,
+                },
+                success: function(resp) {
+                    _.each(resp, function (r) {
+                        let ss = self.qsubsamples.findWhere({ BLSUBSAMPLEID: r.BLSUBSAMPLEID })
+                        ss.set({ READYFORQUEUE: '0' })
+                    })
+                },
+                complete: function(resp, status) {
+                    self.$el.removeClass('loading')
+                    self.refreshQSubSamples(self)
+                }
+            })
+        },
+
+        unqueueAllSamples: function(e) {
+            e.preventDefault()
+
+            let self = this
+            this.$el.addClass('loading');
+            Backbone.ajax({
+                url: app.apiurl+'/sample/sub/queue/cid/'+this.model.get('CONTAINERID'),
+                method: 'post',
+                data: {
+                    queued: 1,
+                    UNQUEUE: 1,
+                },
+                success: function(resp) {
+                    _.each(resp, function (r) {
+                        let ss = self.qsubsamples.fullCollection.findWhere({ BLSUBSAMPLEID: r.BLSUBSAMPLEID })
+                        ss.set({ READYFORQUEUE: '0' })
+                    })
+                },
+                complete: function(resp, status) {
+                    self.$el.removeClass('loading')
+                    self.refreshQSubSamples(self)
+                }
+            })
+        },
+
 
         unqueueContainer: function(e) {
             e.preventDefault()

client/src/js/templates/imaging/queuecontainer.html

@@ -49,12 +49,20 @@ <h2>Available Samples</h2>
 </div>
 
 <h2>Queued Samples</h2>
-<div class="r rpreset">
+
+<div class="filter">
+<span class="r">
+<a href="#" class="button unqueuesel" title="Remove the selected samples from the queue"><i class="fa fa-minus"></i> Unqueue Selected</a>
+<a href="#" class="button unqueueall" title="Remove all samples from the queue"><i class="fa fa-minus"></i> Unqueue All</a>
+</span></div>
+<div>
+<span class="r rpreset">
 Presets: <select name="preset"></select>
 <a href="#" class="button apply" title="Apply this preset to the selected samples"><i class="fa fa-check-square-o"></i> Apply to Selected</a>
 <a href="#" class="button applyall" title="Apply this preset to all samples"><i class="fa fa-file-text-o"></i> Apply to All</a>
+</span>
+<span class="filter filter-nohide qfilt"></span>
 </div>
-<div class="filter filter-nohide qfilt"></div>
 <div class="qsamples"></div>
 
 <% if (!CONTAINERQUEUEID) { %>