First pass at a Hanging Protocol implementation and editor (LT-131)

2016-05-07 12:40:02 +02:00
1 parent dfcb33153f
commit 2e52d9e3c1
@@ -0,0 +1,11 @@
+<template name="relatedStudySelect">
+    <div class="relatedStudySelect">
+        <label>Study:</label>
+        <span class="loading"><i class="fa fa-spinner fa-spin"></i></span>
+        <select id="selectStudyDate">
+            {{#each relatedStudies}}
+                <option value="{{studyInstanceUid}}" selected={{selected}}>{{formatDA studyDate}}: {{studyDescription}}</option>
+            {{/each}}
+        </select>
+    </div>
+</template>
@@ -0,0 +1,105 @@
+Template.relatedStudySelect.helpers({
+    /**
+     * Returns an array of studies that are related to the current study by patient ID.
+     * The value for 'selected' for the currently loaded study is set to true, so that
+     * this becomes the current option in the combo box.
+     *
+     * @returns {*} Array of studies that are related to the current study by patient ID
+     */
+    relatedStudies: function() {
+        // Check which study is currently loaded into the study browser
+        var currentStudyInBrowser = ViewerStudies.findOne({
+            selected: true
+        });
+
+        // Find all studies in the Worklist which have the same patientId as the currently selected study
+        var relatedStudies = WorklistStudies.find({
+            patientId: currentStudyInBrowser.patientId
+        }, {
+            sort: {
+                studyDate: -1
+            }
+        }).fetch();
+
+        // If no Study / Timepoint associated studies exist, just
+        // return the list of loaded studies
+        if (!relatedStudies.length) {
+            return ViewerStudies.find();
+        }
+
+        // Modify the array of related studies so the default option is the currently selected study
+        relatedStudies.forEach(function(study, index) {
+            // If the studyInstanceUid matches that of the current study in the browser,
+            // Set this to 'selected', so that it becomes the default option
+            if (study.studyInstanceUid === currentStudyInBrowser.studyInstanceUid) {
+                relatedStudies[index].selected = true;
+            }
+        });
+
+        // Use this array to populate the combo box
+        return relatedStudies;
+    }
+});
+
+Template.relatedStudySelect.events({
+    /**
+     * When the study date selector combo box is changed, we will
+     * hide the select box, temporarily display a loading sign, and grab
+     * the selected study. Once the study has been retrieved it is added
+     * into the ViewerStudies collection and set as selected. This reactively
+     * populated the thumbnail browser.
+     *
+     * @param e The select box change event
+     */
+    'change select#selectStudyDate': function(e) {
+        var selectBox = $(e.currentTarget);
+        var studyInstanceUid = selectBox.val();
+
+        // Hide the select box
+        selectBox.css('display', 'none');
+
+        // Show the loading indicator
+        var loadingIndicator = selectBox.siblings('.loading');
+        loadingIndicator.css('display', 'block');
+
+        getStudyMetadata(studyInstanceUid, function(study) {
+            sortStudy(study);
+
+            // Hide the loading indicator
+            loadingIndicator.css('display', 'none');
+
+            // Show the select box again
+            selectBox.css('display', 'block');
+
+            // Set "Selected" to false for the entire collection
+            ViewerStudies.update({}, {
+                $set: {
+                    selected: false
+                }
+            }, {
+                multi: true
+            });
+
+            // Check if this study already exists in the ViewerStudies collection
+            // of loaded studies. If it does, set it's 'selected' value to true.
+            var existingStudy = ViewerStudies.findOne({
+                studyInstanceUid: studyInstanceUid
+            });
+
+            if (existingStudy) {
+                // Set the current finding in the collection to true
+                ViewerStudies.update(existingStudy._id, {
+                    $set: {
+                        selected: true
+                    }
+                });
+                return;
+            }
+
+            // If the study does not exist, add the 'selected' key to the object
+            // with the value True, and insert it into the ViewerStudies Collection
+            study.selected = true;
+            ViewerStudies.insert(study);
+        });
+    }
+});
@@ -0,0 +1,23 @@
+.relatedStudySelect
+  margin: 0 auto 15px
+  text-align: center
+  width: 100px
+
+  #selectStudyDate
+    color: black
+    background-color: #666
+    border-color: #666
+    width: 96%
+    margin: 0 auto
+
+  label
+    font-weight: normal
+    color: #666
+    float: left
+    padding-left: 2%
+
+  .loading
+    display: none
+    color: white
+    text-align: center
+
@@ -2,7 +2,9 @@
    <div class="studyBrowser">
        <div class="scrollableStudyThumbnails">
        {{ #each studies }}
-            {{ >thumbnails }}
+            {{#each thumbnails}}
+                {{ >thumbnailEntry }}
+            {{/each}}
        {{ /each }}
        </div>
    </div>
@@ -1,5 +1,18 @@
 Template.studyBrowser.helpers({
    studies : function() {
        return ViewerStudies.find({selected: true});
+    },
+    thumbnails: function() {
+        var study = this;
+        var stacks = createStacks(study);
+
+        var array = [];
+        stacks.forEach(function(stack, index) {
+            array.push({
+                thumbnailIndex: index,
+                stack: stack
+            });
+        });
+        return array;
    }
 });
@@ -184,9 +184,10 @@ function thumbnailDragEndHandler(e, target) {
        return false;
    }

+    var viewportIndex = $('.imageViewerViewport').index(element);
+
    // Rerender the viewport using the drag and drop data
-    rerenderViewportWithNewSeries(element, OHIF.viewer.dragAndDropData);
-    Session.get('UseHangingProtocol', false);
+    layoutManager.rerenderViewportWithNewSeries(viewportIndex, OHIF.viewer.dragAndDropData);
    return false;
 }

@@ -1,5 +0,0 @@
-<template name="thumbnails">
-    {{#each thumbnails}}
-        {{ >thumbnailEntry }}
-    {{/each}}
-</template>
@@ -1,15 +0,0 @@
-Template.thumbnails.helpers({
-    thumbnails: function() {
-        var study = this;
-        var stacks = createStacks(study);
-        
-        var array = [];
-        stacks.forEach(function(stack, index) {
-            array.push({
-                thumbnailIndex: index,
-                stack: stack
-            });
-        });
-        return array;
-    }
-});