Work-in-progress on study/timepoint association modal and multi-study selection (LT-60, LT-116)

Packages/worklist/components/worklistStudy/worklistStudy.html

@@ -7,18 +7,17 @@
             {{patientId}}
         </td>
         {{#unless isTouchDevice}}
-            <td>
-                {{accessionNumber}}
-            </td>
+        <td>
+            {{accessionNumber}}
+        </td>
         {{/unless}}
-
         <td>
             {{formatDA studyDate}}
         </td>
         {{#unless isTouchDevice}}
-            <td>
-                {{modalities}}
-            </td>
+        <td>
+            {{modalities}}
+        </td>
         {{/unless}}
         <td>
             {{studyDescription}}

Packages/worklist/components/worklistStudy/worklistStudy.js

@@ -1,8 +1,129 @@
+Worklist = {};
+Worklist.previouslySelected = undefined;
+
+// Maybe we should use regular Worklist collection?
+WorklistSelectedStudies = new Meteor.Collection(null);
+
+function handleShiftClick(studyRow, data) {
+    log.info('shiftKey');
+    var studyInstanceUid = studyRow.attr('studyInstanceUid');
+
+    // Select all rows in between these two rows
+    if (Worklist.previouslySelected) {
+        var previous = $(Worklist.previouslySelected);
+        var rowsInBetween;
+        if (previous.index() < studyRow.index()) {
+            // The previously selected row is above (lower index) the
+            // currently selected row.
+
+            // Fill in the rows upwards from the previously selected row
+            rowsInBetween = previous.nextAll('tr');
+        } else if (previous.index() > studyRow.index()) {
+            // The previously selected row is below the currently
+            // selected row.
+
+            // Fill in the rows upwards from the previously selected row
+            rowsInBetween = previous.prevAll('tr');
+        } else {
+            // The rows are the same, deselect the current row.
+            // TODO: CHECK THIS, pretty sure this is the wrong behaviour
+            WorklistSelectedStudies.remove({});
+            Worklist.previouslySelected = undefined;
+            return;
+        }
+
+        // Loop through the rows in between current and previous selected studies
+        rowsInBetween.each(function(index, row) {
+            if ($(row).is(studyRow)) {
+                // When we reach the currently clicked-on row, stop
+                return false;
+            } else if ($(row).hasClass('active')) {
+                // If we find one that is already selected, do nothing
+                return;
+            }
+
+            // Get the relevant studyInstanceUid
+            var studyInstanceUid = $(row).attr('studyInstanceUid');
+
+            // Set the current study as selected
+            WorklistSelectedStudies.insert(data);
+            studyRow.addClass('active');
+
+            return true;
+        });
+    } else {
+        // Set the current study as selected
+        WorklistSelectedStudies.insert(data);
+        studyRow.addClass('active');
+    }
+}
+
+function handleCtrlClick(studyRow, data) {
+    log.info('ctrlKey');
+    var studyInstanceUid = studyRow.attr('studyInstanceUid');
+
+    if (studyRow.hasClass('active')) {
+        studyRow.removeClass('active');
+
+        // Find the current studyInstanceUid in the stored list and remove it
+        WorklistSelectedStudies.remove({
+            studyInstanceUid: data.studyInstanceUid
+        });
+    } else {
+        // Set the current study as selected
+        WorklistSelectedStudies.insert(data);
+        studyRow.addClass('active');
+
+        // Set this as the previously selected row, so the user can
+        // use Shift to select from this point onwards
+        Worklist.previouslySelected = studyRow;
+    }
+}
+
 Template.worklistStudy.events({
-    'click': function () {
+    'click tr.worklistStudy': function(e) {
+        var studyRow = $(e.currentTarget);
+        var data = this;
+
+        // Remove the ID so we can directly insert this into our client-side collection
+        delete data._id;
+
+        if (e.shiftKey) {
+            handleShiftClick(studyRow, data);
+        } else if (e.ctrlKey || e.metaKey) {
+            handleCtrlClick(studyRow, data);
+        } else {
+            // Select a single study
+            log.info('Regular click');
+
+            // Clear all selected studies
+            WorklistSelectedStudies.remove({});
+            $('tr.worklistStudy').removeClass('active');
+
+            // Set the previous study to the currently clicked-on study
+            Worklist.previouslySelected = studyRow;
+
+            // Set the current study as selected
+            WorklistSelectedStudies.insert(data);
+            studyRow.addClass('active');
+        }
+    },
+    'dblclick tr.worklistStudy': function() {
         // Use the formatPN template helper to clean up the patient name
         var title = Blaze._globalHelpers['formatPN'](this.patientName);
+
+        // Open a new tab with this study
         openNewTab(this.studyInstanceUid, title);
+    },
+    'contextmenu tr.worklistStudy': function(e, template) {
+        $(e.currentTarget).addClass('active');
+
+        if (openStudyContextMenu && typeof openStudyContextMenu === 'function') {
+            e.preventDefault();
+
+            openStudyContextMenu(e, template);
+            return false;
+        }
     }
 });
 
@@ -10,4 +131,4 @@ Template.worklistStudy.helpers({
     isTouchDevice: function() {
         return isTouchDevice();
     }
-});
+});