Lesion Tracker Redesign so far

2016-07-22 11:00:16 +02:00
1 parent b247e89d8b
commit a9a4f3f82b
@@ -0,0 +1,35 @@
+<template name="lesionTracker">
+    <div class="topBar">
+        <a class="brandSection pull-left" href="http://ohif.org">
+            <img class="logoImage" src="/images/logo.png">
+            <div class="logoText">
+                Open Health Imaging Foundation
+            </div>
+        </a>
+        {{ #unless onStudyList}}
+        <div class="studyListLinkSection pull-left">
+            <a id="loadStudyList">Study List</a>
+        </div>
+        {{ /unless }}
+        <div class="userAccountSection pull-right">
+            {{>userAccountMenu}}
+        </div>
+    </div>
+    {{>timeoutCountdownDialog}}
+    <div id="worklistTabs" class="tab-content">
+        <div class="tab-pane active" id="worklistTab">
+            <div class="worklistContainer">
+                {{> worklistResult }}
+            </div>
+        </div>
+        <div class="tab-pane" id="viewerTab">
+        </div>
+    </div>
+    {{ >associationModal }}
+    {{ >optionsModal }}
+    {{ >serverInformationModal }}
+    {{ >confirmRemoveTimepointAssociation }}
+    {{ >lastLoginModal }}
+    {{ >studyContextMenu }}
+    {{ >progressDialog}}
+</template>
@@ -0,0 +1,65 @@
+// Define the ViewerData global object
+// If there is currently any Session data for this object,
+// use this to repopulate the variable
+ViewerData = Session.get('ViewerData') || {};
+
+Template.lesionTracker.onCreated(function() {
+    // showViewer to go to viewer from audit
+    this.showWorklistMenu = new ReactiveVar(true);
+    // Get url and check worklist
+    var currentRoute = Router.current();
+    if (!currentRoute || !currentRoute.route) {
+        return;
+    }
+
+    var currentPath = currentRoute.route.path(this);
+    if (currentPath === '/' || currentPath === '/worklist') {
+        this.showWorklistMenu.set(false);
+    }
+});
+
+Template.lesionTracker.onRendered(function() {
+    var templateData = Template.currentData();
+    if (templateData && templateData.studyInstanceUid) {
+        var studyInstanceUid = templateData.studyInstanceUid;
+        openNewTab(studyInstanceUid, studyInstanceUid);
+    } else {
+        // If there is a tab set as active in the Session,
+        // switch to that now.
+        var contentId = Session.get('activeContentId');
+
+        // TODO: FIx this it seems to be forcing two switches
+        switchToTab(contentId);
+    }
+
+    Meteor.subscribe('hangingprotocols');
+});
+
+Template.lesionTracker.events({
+    'click #tablist a[data-toggle="tab"]': function(e) {
+        // If this tab is already active, do nothing
+        var tabButton = $(e.currentTarget);
+        var tabTitle = tabButton.parents('.tabTitle');
+        if (tabTitle.hasClass('active')) {
+            return;
+        }
+
+        // Otherwise, switch to the tab
+        var contentId = tabButton.data('target').replace('#', '');
+        switchToTab(contentId);
+    },
+    'click #loadStudyList': function() {
+        switchToTab('worklistTab');
+    }
+});
+
+Session.set('defaultSignInMessage', 'Tumor tracking in your browser.');
+
+Template.lesionTracker.helpers({
+    showWorklistMenu: function() {
+        return Template.instance().showWorklistMenu.get();
+    },
+    onStudyList: function() {
+        return (Session.get('activeContentId') === 'worklistTab');
+    }
+});
@@ -0,0 +1,47 @@
+@import "{design}/app"
+
+.topBar
+  height: $topBarHeight
+  color: $textPrimaryColor
+  background-color: $primaryBackgroundColor
+
+  .brandSection
+    height: 100%
+    display: inline-block
+
+    img.logoImage
+      height: 100%
+      margin: 0 5px
+
+    .logoText
+      display: inline-block
+      font-family: $logoFontFamily
+      font-weight: $logoFontWeight
+      color: $textPrimaryColor
+
+  .studyListLinkSection
+    border-left: $uiBorderThickness solid $uiBorderColor;
+    padding: 5px
+    margin: 0 10px
+
+    a
+      text-decoration: none
+      cursor: pointer
+      line-height: 100%
+
+  .userAccountSection
+     margin: 0 10px
+
+#worklistTabs
+  height: "calc(100% - %s)" % $topBarHeight
+
+// Override Viewerbase's borders
+#imageViewerViewports .viewportContainer
+  border: none !important
+  outline: 0 !important // Prevent blue outline in Chrome
+
+  &:hover
+  &.active
+  &:hover.active
+    border: none !important
+    outline: 0 !important // Prevent blue outline in Chrome