Work on refactoring measurements out of Lesion Tracker package

- Removed AssociatedStudies Collection
- Measurement API is generated from configuration files
- Data exchange methods are defined in configuration

Packages/ohif-viewerbase/client/components/viewer/imageControls/imageControls.html

@@ -0,0 +1,11 @@
+<template name="imageControls">
+    <div class="imageControls">
+        <div id="scrollbar">
+            <input id="imageSlider"
+            	   type="range"
+            	   min="1"
+            	   value="{{imageIndex}}"
+            	   max="{{numImages}}"/>
+        </div>
+    </div>
+</template>

Packages/ohif-viewerbase/client/components/viewer/imageControls/imageControls.js

@@ -0,0 +1,57 @@
+const slideTimeoutTime = 40;
+let slideTimeout;
+
+Template.imageControls.onRendered(() => {
+    const instance = Template.instance();
+
+    Meteor.defer(() => {
+        // Set the current imageSlider width to its parent's height
+        // (because webkit is stupid and can't style vertical sliders)
+        const $slider = instance.$('#imageSlider');
+        const $element = $slider.parents().eq(2).siblings('.imageViewerViewport');
+        const viewportHeight = $element.height();
+
+        $slider.width(viewportHeight - 20);
+    });
+})
+
+Template.imageControls.events({
+    'keydown #imageSlider'(event) {
+        // We don't allow direct keyboard up/down input on the
+        // image sliders since the natural direction is reversed (0 is at the top)
+
+        // Prevent the browser's default behaviour (scrolling)
+        event.preventDefault();
+
+        // Store the KeyCodes in an object for readability
+        const keys = {
+            DOWN: 40,
+            UP: 38
+        };
+
+        if (event.which === keys.DOWN) {
+            OHIF.viewer.hotkeyFunctions.scrollDown();
+        } else if (event.which === keys.UP) {
+            OHIF.viewer.hotkeyFunctions.scrollUp();
+        }
+    },
+    'input #imageSlider, change #imageSlider'(event) {
+        // Note that we throttle requests to prevent the
+        // user's ultrafast scrolling from firing requests too quickly.
+        clearTimeout(slideTimeout);
+        slideTimeout = setTimeout(() => {
+            // Using the slider in an inactive viewport
+            // should cause that viewport to become active
+            const slider = $(event.currentTarget);
+            const newActiveElement = slider.parents().eq(2).siblings('.imageViewerViewport').get(0);
+            setActiveViewport(newActiveElement);
+
+            // Subtract 1 here since the slider goes from 1 to N images
+            // But the stack indexing starts at 0
+            const newImageIdIndex = parseInt(slider.val(), 10) - 1;
+            switchToImageByIndex(newImageIdIndex);
+        }, slideTimeoutTime);
+
+        return false;
+    }
+});

Packages/ohif-viewerbase/client/components/viewer/imageControls/imageControls.styl

@@ -0,0 +1,115 @@
+@import "{design}/app"
+
+$imageSliderBorderRadius = 57px
+$imageSliderTrackColor = rgba(0,0,0,0)
+$imageSliderBorder = none
+
+// Note that these are backwards due to the magic needed to make a cross-browser vertical slider
+$imageSliderWidth = 12px
+$imageSliderHeight = 39px
+$imageSliderCursor = grab
+
+.imageControls
+  position: absolute
+  top: 0
+  right: 0
+  height: 100%
+  padding: 5px
+
+  #scrollbar
+    height: calc(100% - 20px);
+    margin-top: 5px
+    width: 31px
+
+    #imageSlider
+      position: absolute
+      left: 20px
+
+      vendorize(transform, rotate(90deg))
+      vendorize(transform-origin, top left)
+
+      -webkit-appearance: none
+      background-color: $imageSliderTrackColor
+
+      // Remove focus highlights on range input
+      &:focus
+        outline: none
+        vendorize(box-shadow, none)
+
+      // Remove focus border in Firefox
+      &::-moz-focus-outer
+        border: none
+
+      // --- Style the range track --- //
+      &::-webkit-slider-runnable-track
+        height: 5px
+        border: none
+        cursor: pointer
+        background-color: $imageSliderTrackColor
+        z-index: 6
+
+      &::-moz-range-track
+        height: 2px
+        border: none
+        cursor: pointer
+        background-color: $imageSliderTrackColor
+        z-index: 6
+
+      &::-ms-track
+        width: 100%
+        height: 2px
+        border: none
+        cursor: pointer
+        animate: 0.2s
+        background: transparent
+        border-width: 15px 0
+        color: $imageSliderTrackColor
+
+      // Hide any fill IE tries to add
+      &::-ms-fill-lower
+        background: $imageSliderTrackColor
+
+      &::-ms-fill-upper
+        background: $imageSliderTrackColor
+
+      // --- Style the range thumb --- //
+      &::-webkit-slider-thumb
+        -webkit-appearance: none !important
+        theme('background-color', '$imageSliderColor')
+        border-radius: $imageSliderBorderRadius
+        border: $imageSliderBorder
+        height: $imageSliderWidth
+        width: $imageSliderHeight
+        cursor: $imageSliderCursor
+        margin-top: -7px
+
+        &:active
+          theme('background-color', '$activeColor')
+
+      &::-moz-range-thumb
+        theme('background-color', '$imageSliderColor')
+        border-radius: $imageSliderBorderRadius
+        border: $imageSliderBorder
+        height: $imageSliderWidth
+        width: $imageSliderHeight
+        cursor: $imageSliderCursor
+        z-index: 7
+
+        &:active
+          theme('background-color', '$activeColor')
+
+      &::-ms-thumb
+        theme('background-color', '$imageSliderColor')
+        border-radius: $imageSliderBorderRadius
+        border: $imageSliderBorder
+        height: $imageSliderWidth
+        width: $imageSliderHeight
+        cursor: $imageSliderCursor
+
+        &:active
+          theme('background-color', '$activeColor')
+
+// Set left position in IE, border-width attribute breaks left position of imageSlider
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
+  #imageSlider
+    left: 50px