LT-160: Create user accounts and require login for access by using active-entry package

LesionTracker/activeEntry.js

@@ -12,7 +12,7 @@ if (Meteor.isClient){
             destination: '/worklist'
         },
         themeColors: {
-            primary: 'black'
+            primary: ""
         }
     });
 }

LesionTracker/client/components/lesionTrackerLayout/lesionTrackerLayout.html

@@ -4,6 +4,19 @@
             <img src="/images/logo.png">
             <h4 class="name">Open Health Imaging Foundation</h4>
         </a>
+        {{#if currentUser}}
+            <div id="userProfile" class="row-fluid">
+                <div class="dropdown clearfix">
+                    <ul class="nav nav-pills pull-right">
+                        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">{{fullName}}<b class="caret"></b></a>
+                            <ul class="dropdown-menu pull-right">
+                                <li><a href="#" id="logoutButton">Logout</a></li>
+                            </ul>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        {{/if}}
     </div>
     {{> yield}}
 </template>

LesionTracker/client/components/lesionTrackerLayout/lesionTrackerLayout.js

@@ -0,0 +1,13 @@
+Template.layoutLesionTracker.events({
+    'click #logoutButton': function() {
+        Meteor.logout(function(){
+            Router.go('/entrySignIn');
+        });
+    }
+});
+
+Template.layoutLesionTracker.helpers({
+    'fullName': function() {
+        return Meteor.user().profile.fullName;
+    }
+});

LesionTracker/client/components/lesionTrackerLayout/lesionTrackerLayout.styl

@@ -7,32 +7,38 @@
   @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait)
     width: 15%
 
-.navbar-brand
-    display: inline-block
-    padding: 0
-    margin-right: 5px
-    height: 100%
-    width: 100%
+  #userProfile
+    position: relative
+    float: right
 
-    img
-      height: 30px
-      float: left
-      margin-right: 10px
-      margin-top: 5px;
-      /* Media queries for iPhone6*/
-      @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait)
-        height: 20px
-        margin-top: 10px
-        margin-bottom: 10px
-        margin-right: 5px
-
-    h4.name
-      float: left
-      margin: 10px 0;
-      font-family: "Sanchez"
+    .dropdown-toggle
       color: #C1C1C1
-      @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait)
-        font-size: 0.3em
-        font-size: 0.3em
-        width: 50%;
+
+  .navbar-brand
+      display: inline-block
+      padding: 0
+      margin-right: 5px
+      height: 100%
+
+      img
+        height: 30px
+        float: left
+        margin-right: 10px
+        margin-top: 5px;
+        /* Media queries for iPhone6*/
+        @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait)
+          height: 20px
+          margin-top: 10px
+          margin-bottom: 10px
+          margin-right: 5px
+
+      h4.name
+        float: left
+        margin: 10px 0;
+        font-family: "Sanchez"
+        color: #C1C1C1
+        @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait)
+          font-size: 0.3em
+          font-size: 0.3em
+          width: 50%;
 

LesionTracker/client/routes.js

@@ -28,11 +28,21 @@ var routerOptions = {
 };
 
 Router.route('/', function() {
-    this.render('worklist', routerOptions);
+    // Check user is logged in
+    if (!Meteor.user() || !Meteor.userId()) {
+        this.render('entrySignIn', routerOptions);
+    } else{
+        this.render('worklist', routerOptions);
+    }
 });
 
 Router.route('/worklist', function() {
-    this.render('worklist', routerOptions);
+    // Check user is logged in
+    if (!Meteor.user() || !Meteor.userId()) {
+        this.render('entrySignIn', routerOptions);
+    } else{
+        this.render('worklist', routerOptions);
+    }
 });
 
 Router.route('/viewer/:_id', {