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/studyBrowser/imageThumbnail/imageThumbnail.html

@@ -0,0 +1,11 @@
+<template name="imageThumbnail">
+    <div class="imageThumbnail">
+        <div class="imageThumbnailCanvas"></div>
+        <div class="imageThumbnailLoadingIndicator thumbnailLoadingIndicator">
+            <p>Loading {{percentComplete}}</p>
+        </div>
+        <div class="imageThumbnailErrorLoadingIndicator thumbnailLoadingIndicator">
+            <p>Error</p>
+        </div>
+    </div>
+</template>

Packages/ohif-viewerbase/client/components/studyBrowser/imageThumbnail/imageThumbnail.js

@@ -0,0 +1,87 @@
+Template.imageThumbnail.onRendered(() => {
+    const instance = Template.instance();
+
+    // Declare DOM and jQuery objects
+    const $parent = instance.$('.imageThumbnail');
+    const $loading = $parent.find('.imageThumbnailLoadingIndicator');
+    const $loadingError = $parent.find('.imageThumbnailErrorLoadingIndicator');
+    const $element = $parent.find('.imageThumbnailCanvas');
+    const element = $element.get(0);
+
+    instance.refreshImage = () => {
+        // Disable cornerstone for thumbnail element and remove its canvas
+        cornerstone.disable(element);
+
+        // Enable cornerstone for thumbnail element again creating a new canvas
+        cornerstone.enable(element);
+
+        // Get the image ID
+        const stack = instance.data.thumbnail.stack;
+        const thumbnailIndex = instance.data.thumbnail.thumbnailIndex;
+        const imageInstance = stack.images[0];
+        const imageId = getImageId(imageInstance);
+
+        // Activate the loading state
+        $loading.css('display', 'block');
+
+        // Add the current index on the global thumbnail loading controller
+        ThumbnailLoading[thumbnailIndex] = imageId;
+
+        // Define a handler for success on image load
+        const loadSuccess = image => {
+            cornerstone.displayImage(element, image);
+            delete ThumbnailLoading[thumbnailIndex];
+            $loading.css('display', 'none');
+        };
+
+        // Define a handler for error on image load
+        const loadError = () => {
+            $loading.css('display', 'none');
+            $loadingError.css('display', 'block');
+        };
+
+        // Call cornerstone image loader with the defined handlers
+        cornerstone.loadAndCacheImage(imageId).then(loadSuccess, loadError);
+    };
+
+    // Run this computation every time the current study is changed
+    instance.autorun(() => {
+        // Check if there is a reactive var set for current study
+        if (instance.data.currentStudy) {
+            // Register a dependency from this computation on current study
+            instance.data.currentStudy.dep.depend();
+        }
+
+        // Wait for the new data and reresh the image thumbnail
+        Tracker.afterFlush(() => {
+            instance.refreshImage();
+        });
+    });
+});
+
+Template.imageThumbnail.onDestroyed(() => {
+    const instance = Template.instance();
+
+    // Declare DOM and jQuery objects
+    const $parent = instance.$('.imageThumbnail');
+    const $element = $parent.find('.imageThumbnailCanvas');
+    const element = $element.get(0);
+
+    cornerstone.disable(element);
+});
+
+Template.imageThumbnail.helpers({
+    // Executed every time the image loading progress is changed
+    percentComplete() {
+        const instance = Template.instance();
+        const thumbnailIndex = instance.data.thumbnail.thumbnailIndex;
+
+        // Register a dependency from this computation on Session key
+        const percentComplete = Session.get('CornerstoneThumbnailLoadProgress' + thumbnailIndex);
+
+        // Return the complete percent amount of the image loading
+        if (percentComplete && percentComplete !== 100) {
+            return percentComplete + '%';
+        }
+    }
+});

Packages/ohif-viewerbase/client/components/studyBrowser/imageThumbnail/imageThumbnail.styl

@@ -0,0 +1,49 @@
+@import "{design}/app"
+
+.thumbnailEntry.active .imageThumbnail
+  theme('border-color', '$activeColor')
+  box-shadow: none
+  transition($sidebarTransition)
+
+.imageThumbnail
+  theme('box-shadow', 'inset 0 0 0 1px $uiBorderColorDark')
+  theme('background-color', '$primaryBackgroundColor')
+  border: 5px solid transparent
+  border-radius: 12px
+  height: 135px
+  margin: 0 auto
+  padding 1px 7px
+  position: relative
+  transition($sidebarTransition)
+  width: 217px
+  -moz-background-clip: padding
+  -webkit-background-clip: padding
+  background-clip: padding-box
+
+.imageThumbnailClone
+  margin: 0 !important
+
+  &:hover
+    theme('border-color', '$hoverColor')
+    box-shadow: none
+
+.imageThumbnailCanvas
+  height: 100%
+  overflow: hidden
+
+.thumbnailLoadingIndicator
+  display: none
+  pointer-events: none
+  theme('color', '$textSecondaryColor')
+  height: 20px
+  width: 100%
+  top: 0
+  left: 0
+  right: 0
+  bottom: 0
+  margin: auto
+  position: absolute
+
+  p
+    text-align: center
+    font-size: 10pt