PWV-1: Refactoring ohif:studylist package

Packages/ohif-study-list/client/components/studylist/studylistStudy/studylistStudy.html

@@ -0,0 +1,25 @@
+<template name="studylistStudy">
+    <tr class="studylistStudy noselect">
+        <td class="patientName">
+            {{formatPN patientName}}
+        </td>
+        <td class="patientId">
+            {{patientId}}
+        </td>
+        <td class="accessionNumber">
+            {{accessionNumber}}
+        </td>
+        <td class="studyDate">
+            {{formatDA studyDate}}
+        </td>
+        <td class="modalities">
+            {{modalities}}
+        </td>
+        <td class="studyDescription">
+            {{studyDescription}}
+        </td>
+        <td class="numberOfStudyRelatedInstances">
+            {{numberOfStudyRelatedInstances}}
+        </td>
+    </tr>
+</template>

Packages/ohif-study-list/client/components/studylist/studylistStudy/studylistStudy.js

@@ -0,0 +1,168 @@
+import { OHIF } from 'meteor/ohif:core';
+
+// Maybe we should use regular StudyList collection?
+StudyListSelectedStudies = new Meteor.Collection(null);
+StudyListSelectedStudies._debugName = 'StudyListSelectedStudies';
+
+function handleShiftClick(studyRow, data) {
+    //OHIF.log.info('shiftKey');
+    var studyInstanceUid = studyRow.attr('studyInstanceUid');
+
+    // Select all rows in between these two rows
+    if (StudyList.previouslySelected) {
+        var previous = $(StudyList.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
+            StudyListSelectedStudies.remove({});
+            StudyList.previouslySelected = undefined;
+            return;
+        }
+
+        // Loop through the rows in between current and previous selected studies
+        rowsInBetween.each(function() {
+            var row = $(this);
+
+            if (row.hasClass('active')) {
+                // If we find one that is already selected, do nothing
+                return;
+            }
+
+            // Get the relevant studyInstanceUid
+            var studyInstanceUid = row.attr('studyInstanceUid');
+
+            // Retrieve the data context through Blaze
+            var data = Blaze.getData(this);
+
+            // Set the current study as selected
+            StudyListSelectedStudies.insert(data);
+            row.addClass('active');
+
+            // When we reach the currently clicked-on row, stop the loop
+            return !row.is(studyRow);
+        });
+    } else {
+        // Set the current study as selected
+        StudyListSelectedStudies.insert(data);
+        studyRow.addClass('active');
+    }
+}
+
+function handleCtrlClick(studyRow, data) {
+    //OHIF.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
+        StudyListSelectedStudies.remove({
+            studyInstanceUid: data.studyInstanceUid
+        });
+    } else {
+        // Set the current study as selected
+        StudyListSelectedStudies.insert(data);
+        studyRow.addClass('active');
+
+        // Set this as the previously selected row, so the user can
+        // use Shift to select from this point onwards
+        StudyList.previouslySelected = studyRow;
+        OHIF.log.info('StudyList PreviouslySelected set: ' + studyRow.index());
+    }
+}
+
+Template.studylistStudy.onRendered(function() {
+    var instance = this;
+    var elem = instance.$('tr.studylistStudy').get(0);
+
+    // Enable HammerJS to allow touch support
+    var mc = new Hammer.Manager(elem);
+    var doubleTapRecognizer = new Hammer.Tap({
+        event: 'doubletap',
+        taps: 2,
+        interval: 500,
+        threshold: 30,
+        posThreshold: 30
+    });
+
+    mc.add(doubleTapRecognizer);
+});
+
+Template.studylistStudy.events({
+    'click tr.studylistStudy': 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
+            //OHIF.log.info('Regular click');
+
+            // Clear all selected studies
+            StudyListSelectedStudies.remove({});
+            $('tr.studylistStudy').removeClass('active');
+
+            // Set the previous study to the currently clicked-on study
+            StudyList.previouslySelected = studyRow;
+            //OHIF.log.info('StudyList PreviouslySelected set: ' + studyRow.index());
+
+            // Set the current study as selected
+            StudyListSelectedStudies.insert(data);
+            studyRow.addClass('active');
+        }
+    },
+    'mousedown tr.studylistStudy': function(e) {
+        // This event handler is meant to handle middle-click on a study
+        if (e.which !== 2) {
+            return;
+        }
+
+        var data = this;
+        var middleClickOnStudy = StudyList.callbacks.middleClickOnStudy;
+        if (middleClickOnStudy && typeof middleClickOnStudy === 'function') {
+            middleClickOnStudy(data);
+        }
+    },
+    'dblclick tr.studylistStudy, doubletap tr.studylistStudy': function(e) {
+        if (e.which !== undefined && e.which !== 1) {
+            return;
+        }
+
+        var data = this;
+        var dblClickOnStudy = StudyList.callbacks.dblClickOnStudy;
+
+        if (dblClickOnStudy && typeof dblClickOnStudy === 'function') {
+            dblClickOnStudy(data);
+        }
+    },
+    'contextmenu tr.studylistStudy, press tr.studylistStudy': function(e, template) {
+        $(e.currentTarget).addClass('active');
+
+        if (openStudyContextMenu && typeof openStudyContextMenu === 'function') {
+            e.preventDefault();
+
+            openStudyContextMenu(e, template);
+            return false;
+        }
+    }
+
+});

Packages/ohif-study-list/client/components/studylist/studylistStudy/studylistStudy.styl

@@ -0,0 +1,2 @@
+.studylistStudy
+  cursor: pointer