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

LesionTracker/client/components/app/app.html

@@ -0,0 +1,42 @@
+<template name="app">
+    <div class="topBar noselect {{#if onStudyList}}studyList{{/if}}">
+        <div class="clearfix p-x-1 p-t-1">
+            <a target='_blank'
+               class="brandSection pull-left"
+               href="http://ohif.org">
+                <svg class="logoImage">
+                    <use xlink:href="/packages/ohif_viewerbase/assets/icons.svg#icon-ohif-logo"></use>
+                </svg>
+                <div class="logoText">
+                    Open Health Imaging Foundation
+                </div>
+            </a>
+            {{ #if studyListToggleText }}
+            <a class="btn studyListLinkSection pull-left m-x-1 p-x-2 p-y-0 js-toggle-studyList">
+                {{studyListToggleText}}
+            </a>
+            {{ /if }}
+            <div class="userAccountSection pull-right">
+                {{>userAccountMenu}}
+            </div>
+        </div>
+    </div>
+    {{ >timeoutCountdownDialog }}
+    <div id="studylistTabs" class="tab-content">
+        <div class="tab-pane active" id="studylistTab">
+            <div class="studylistContainer">
+                {{> studylistResult }}
+            </div>
+        </div>
+        <div class="tab-pane" id="viewerTab">
+        </div>
+    </div>
+    {{ >associationModal }}
+    {{ >optionsModal }}
+    {{ >serverInformationModal }}
+    {{ >confirmRemoveTimepointAssociation }}
+    {{ >lastLoginModal }}
+    {{ >studyContextMenu }}
+    {{ >progressDialog }}
+    {{ >viewSeriesDetailsModal }}
+</template>

LesionTracker/client/components/app/app.js

@@ -0,0 +1,46 @@
+const studylistContentId = 'studylistTab';
+const viewerContentId = 'viewerTab';
+
+// Define the ViewerData global object
+// If there is currently any Session data for this object,
+// use this to repopulate the variable
+Template.app.onCreated(() => {
+    ViewerData = Session.get('ViewerData') || {};
+});
+
+Template.app.events({
+    'click .js-toggle-studyList'() {
+        const contentId = Session.get('activeContentId');
+
+        if (contentId !== studylistContentId) {
+            switchToTab(studylistContentId);
+        } else {
+            switchToTab(viewerContentId);
+        }
+    }
+});
+
+Template.app.helpers({
+    studyListToggleText() {
+        const contentId = Session.get('activeContentId');
+        
+        // If the Viewer has not been opened yet, 'Back to viewer' should
+        // not be displayed
+        const viewerContentExists = !!Object.keys(ViewerData).length;
+        if (!viewerContentExists) {
+            return;
+        }
+
+        if (contentId === studylistContentId) {
+            return 'Back to viewer';
+        } else if (contentId === viewerContentId) {
+            return 'Study list';
+        }
+    },
+
+    onStudyList() {
+        return (Session.get('activeContentId') === 'studylistTab');
+    }
+});
+
+Session.set('defaultSignInMessage', 'Tumor tracking in your browser.');

LesionTracker/client/components/app/app.styl

@@ -0,0 +1,79 @@
+@import "{design}/app"
+
+$expandedHeight = 160px
+
+.logoImage
+  display: inline-block
+  height: 100%
+  float: left
+
+.topBar
+  height: $topBarHeight
+  theme('color', '$textPrimaryColor')
+  theme('background-color', '$primaryBackgroundColor')
+  transition(all 0.5s ease)
+
+  .brandSection
+    height: 30px
+    display: inline-block
+    text-decoration: none
+
+    .logoImage
+      margin: 0 8px
+      width: 30px
+
+    .logoText
+      display: inline-block
+      font-family: $logoFontFamily
+      font-weight: $logoFontWeight
+      theme('color', '$textPrimaryColor')
+      line-height: 30px
+
+  .studyListLinkSection
+    theme('border-left', '%s solid $uiBorderColor' % $uiBorderThickness)
+
+  .btn
+    theme('color', '$textSecondaryColor')
+    cursor: pointer
+    font-size: 13px
+    font-weight: 500
+    line-height: 26px
+    margin-top: 3px
+
+    &:hover
+      theme('color', '$hoverColor')
+
+    &:active
+      theme('color', '$activeColor')
+
+  &.studyList
+    background-color: rgba(21, 25, 30, 0.7)
+    height: $expandedHeight
+
+    .brandSection
+      height: 100%
+      width: 80%
+      padding-left: 50px
+      line-height: $expandedHeight
+
+      .logoImage
+        width: 50px
+        margin: 0 20px
+
+      .logoText
+        font-size: 30px
+
+    .studyListLinkSection
+      position: absolute
+      border: none
+      top: 5px
+      left: 5px
+
+#studylistTabs
+  height: "calc(100% - %s)" % $topBarHeight
+
+  .tab-pane
+    .viewerContainer
+      .loadingTextDiv
+        theme('color', '$textSecondaryColor')
+        font-size: 30px