LIMS-1952: Add select all button to multicrystal page (#999)

* LIMS-1952: Add select all button to multicrystal page

* LIMS-1952: Change cursor to show cell is clickable

---------

Co-authored-by: Mark Williams <[email protected]>

Author: ndg63276

client/src/css/partials/_mc.scss

@@ -132,3 +132,7 @@ span.run_state {
 .yAxis .tickLabel.selected {
     font-weight: bold;
 }
+
+span.cells {
+    cursor: pointer;
+}

client/src/js/modules/mc/views/datacollections.js

@@ -114,6 +114,11 @@ define(['backbone', 'marionette',
                 return
             }
 
+            if (s.length > 1 && this.ui.pipeline.val() == 'fast_dp') {
+                app.alert({ message: 'Fast DP can only integrate a single sweep' })
+                return
+            }
+
             var self = this
             var p = this.pipelines.findWhere({ VALUE: self.ui.pipeline.val() })
             var reprocessing = new Reprocessing({
@@ -283,7 +288,8 @@ define(['backbone', 'marionette',
                 this.$el.find('input[name='+f+']').val(ap.get('CELL')['CELL_'+k.toUpperCase()])
             }, this)
 
-            this.$el.find('select[name=sg]').val(ap.get('SG'))
+            let sg = ap.get('SG')?.replace(/\s/g, '') ?? "";
+            this.$el.find('select[name=sg]').val(sg)
         },
 
         onDestroy: function() {

client/src/js/modules/mc/views/dcdistl.js

@@ -19,13 +19,24 @@ define(['marionette',
 
         events: {
             'click .cells': 'sendCell',
+            'click .all': 'selectAll',
         },
 
         sendCell: function(e) {
             if (!this.aps.length) return
             this.trigger('set:cell', this.aps.at(0))
         },
 
+        selectAll: function(e) {
+            e.preventDefault()
+
+            var si = parseInt(this.model.get('SI'))
+            var ni = parseInt(this.model.get('NUMIMG'))
+
+            this.setSelection(si, si+ni-1)
+            this.plotview.setSelection(si, si+ni-1)
+        },
+
 
         onShow: function() {
             var w = 0.175*$(window).width()*0.95
@@ -43,11 +54,13 @@ define(['marionette',
 
 
         setCell: function() {
+            let cells = 'N/A'
             if (this.aps.length) {
                 var e = this.aps.at(0)
                 var c = e.get('CELL')
-                this.ui.cells.text(c['CELL_A']+','+c['CELL_B']+','+c['CELL_C']+','+c['CELL_AL']+','+c['CELL_BE']+','+c['CELL_GA'])
-            } else this.ui.cells.text('N/A')
+                if (c && Object.keys(c).length) cells = c['CELL_A']+','+c['CELL_B']+','+c['CELL_C']+','+c['CELL_AL']+','+c['CELL_BE']+','+c['CELL_GA']
+            }
+            this.ui.cells.text(cells)
         },
 
 
@@ -75,4 +88,4 @@ define(['marionette',
 
 
 
-})
+})

client/src/js/templates/mc/datacollection.html

@@ -1,5 +1,5 @@
 <div class="state"></div>
-<h1><%-IMP%>_<%-RUN%></h1>
+<h1><%-IMP%>_<%-RUN%><a href="#" title="Select All" class="button all r"><i class="fa fa-arrows"></i></a></h1>
 <h2><%-DIR%></h2>
 <div class="distl" title="Per Image Analysis: Number of spots detected for each image. Select which images to integrate by dragging across the graph"></div>
 <span>&<%-ROTATIONAXIS%>; Start: <%-AXISSTART%>&deg; &<%-ROTATIONAXIS%>; Osc: <%-AXISRANGE%>&deg; | <a title="Click to view diffraction images for this data collection" class="images" href="/dc/view/id/<%-ID%>">Images</a></span>