LT-162: Add server information modal in user account menu

2016-03-09 22:47:17 -05:00
1 parent 72ecc5b40d
commit 161bbba5cf
@@ -0,0 +1,33 @@
+<template name="userAccountMenu">
+    {{#if currentUser}}
+        <div id="userAccountMenu" class="row-fluid">
+            <div class="list-group panel">
+                <a href="#userMenu" class="list-group-item" id="userName" data-toggle="collapse" data-parent="#userAccountMenu">{{fullName}} <span class="caret"></span></a>
+                <div class="collapse pos-absolute" id="userMenu">
+                    {{#if showWorklistMenu}}
+                        <a href="worklist" id="worklist" data-toggle="collapse" data-target="#userMenu" class="list-group-item sub-item">
+                            <i class="fa fa-list-ul"></i> Worklist
+                        </a>
+                    {{else}}
+                        <!--TODO: Move this elsewhere in the Worklist? -->
+                        <span data-toggle="collapse" data-target="#userMenu" class="list-group-item sub-item externalItem">{{>optionsButton }}</span>
+                        <a href="audit" id="audit" data-toggle="collapse" data-target="#userMenu" class="list-group-item sub-item">
+                            <i class="fa fa-list-ul"></i> View Audit Log
+                        </a>
+                    {{/if}}
+                    <a href="#itemSettings" class="list-group-item sub-item" data-toggle="collapse" data-parent="#itemSettings"><i class="fa fa-cog fa-lg"></i> Settings <span class="caret"></span></a>
+                    <div class="collapse list-group-submenu" id="itemSettings">
+                        <a href="#" id="serverInformation" class="list-group-item sub-sub-item" data-parent="#itemSettings" data-toggle="collapse" data-target="#userMenu"><i class="fa fa-server fa-lg"></i> Server Information</a>
+                    </div>
+                    <a href="#itemProfile" class="list-group-item sub-item" data-toggle="collapse" data-parent="#itemProfile" ><i class="fa fa-user fa-lg"></i> Profile <span class="caret"></span></a>
+                    <div class="collapse list-group-submenu" id="itemProfile">
+                        <a href="changePassword" id="changePassword" class="list-group-item sub-sub-item" data-parent="#itemProfile" data-toggle="collapse" data-target="#userMenu"><i class="fa fa-lock"></i> Change Password</a>
+                    </div>
+                    <a href="#" id="logoutButton" data-toggle="collapse" data-target="#userMenu" class="list-group-item sub-item">
+                        <i class="fa fa-power-off"></i> Logout
+                    </a>
+                </div>
+            </div>
+        </div>
+    {{/if}}
+</template>
@@ -0,0 +1,54 @@
+Template.userAccountMenu.helpers({
+    fullName: function() {
+        return Meteor.user().profile.fullName;
+    },
+
+    showWorklistMenu: function() {
+        return  Template.instance().showWorklistMenu.get();
+    },
+
+    currentUser: function() {
+        var verifyEmail = Meteor.settings && Meteor.settings.public && Meteor.settings.public.verifyEmail || false;
+
+        if (!Meteor.user() || !Meteor.userId()) {
+            return false;
+        }
+
+        if (!verifyEmail) {
+            return true;
+        }
+
+        if (Meteor.user().emails[0].verified) {
+            return true;
+        }
+
+        return false;
+    }
+});
+
+Template.userAccountMenu.onCreated(function() {
+    // showViewer to go to viewer from audit
+    this.showWorklistMenu = new ReactiveVar(true);
+    // Get url and check worklist
+    var currentPath = Router.current().route.path(this);
+    if (currentPath === '/' || currentPath === '/worklist') {
+        this.showWorklistMenu.set(false);
+    }
+});
+
+Template.userAccountMenu.events({
+    'click #serverInformation': function() {
+        $('#serverInformationModal').modal('show');
+    },
+    'click #logoutButton': function() {
+        Meteor.logout(function() {
+            Router.go('/entrySignIn');
+        });
+    },
+    'click #worklist': function(e, template) {
+        template.showWorklistMenu.set(false);
+    },
+    'click #audit': function(e, template) {
+        template.showWorklistMenu.set(true);
+    }
+});
@@ -0,0 +1,34 @@
+#userAccountMenu
+  position: relative
+  float: right
+  height: 100%
+  line-height: 40px
+  z-index: 999
+
+  .list-group
+    background-color: transparent
+    color: white
+    line-height: 35px
+    margin-left: 10px
+    .list-group-item
+      padding: 5px 10px
+      width: 200px
+    a#userName
+      padding: 0
+      background-color: transparent
+      color: white
+      border: solid 1px transparent
+      text-align: right
+      display: inline-block
+      width: auto
+    #userMenu
+      position: absolute
+      right: 0
+      .externalItem
+        a
+          color: #555
+
+    .list-group-submenu
+      .sub-sub-item
+        padding-left: 20px
+        padding-right: 20px