add user role navigation to navbar directive

[eos/zephyr.git] / client / app / shared / navbar / navbar.html

diff --git a/client/app/shared/navbar/navbar.html b/client/app/shared/navbar/navbar.html
index e6a6ced..aa3e422 100644 (file)
--- a/client/app/shared/navbar/navbar.html
+++ b/client/app/shared/navbar/navbar.html
@@ -1,12 +1,27 @@
 <nav class="nav navbar-default">
-    <div class="navbar-header">
-        <a class="navbar-brand" href="">Zephyr</a>
-    </div>
-    <div class="navbar-collapse collapse navbar-responsive-collapse">
-        <ul class="nav navbar-nav">
-            <li ng-class="{active: isBoard}"><a ng-href="{{boardRef}}">Board</a></li>
-            <li ng-class="{active: isWorkspace}"><a ng-href="{{workspaceRef}}">Workspace</a></li>
-            <li ng-class="{active: isNotes}"><a ng-href="{{notesRef}}">Notes</a></li>
-        </ul>
-    </div>
+<div class="navbar-header">
+    <a class="navbar-brand" href="">Zephyr</a>
+</div>
+<div class="navbar-collapse collapse navbar-responsive-collapse">
+    <ul class="nav navbar-nav">
+        <li ng-class="{active: isBoard}"><a ng-href="{{boardRef}}">Board</a></li>
+        <li ng-class="{active: isWorkspace}"><a ng-href="{{workspaceRef}}">Workspace</a></li>
+        <li ng-class="{active: isNotes}"><a ng-href="{{notesRef}}">Notes</a></li>
+        <li ng-class="{active: isAdmin}" ng-show="isAdminRole"><a ng-href="{{adminPath}}">Admin Page</a></li>
+    </ul>
+
+    <ul class="nav navbar-nav navbar-right">
+        <li dropdown>
+            <a href="#" class="btn-group" dropdown-toggle>
+                {{currentRole}}<span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu" role="menu" aria-labelledby="simple-btn-keyboard-nav">
+                <li role="menuitem" ng-repeat="role in roles">
+                    <a href="#" ng-click="selectRole(role)">{{role}}</a>
+                </li>
+            </ul>
+        </li>
+        <li><a href="#">{{email}}</a></li>
+    </ul>
+</div>
 </nav>