TwoToc code
[YouAndWeb_TwoToc] / client / components / navbar / navbar.html
1 <div class="navbar navbar-default navbar-static-top" ng-controller="NavbarCtrl">
2   <div class="container">
3     <div class="navbar-header">
4       <button class="navbar-toggle" type="button" ng-click="isCollapsed = !isCollapsed">
5         <span class="sr-only">Toggle navigation</span>
6         <span class="icon-bar"></span>
7         <span class="icon-bar"></span>
8         <span class="icon-bar"></span>
9       </button>
10       <a href="/" class="navbar-brand">dashboard</a>
11     </div>
12     <div collapse="isCollapsed" class="navbar-collapse collapse" id="navbar-main">
13       <ul class="nav navbar-nav navbar-left">
14         <li ng-repeat="item in menu" ui-sref-active="active">
15             <a ui-sref="{{item.state}}">{{item.title}}</a>
16         </li>
17         <li ng-show="isAdmin()" ui-sref-active="active"><a ui-sref="admin">Admin</a></li>
18       </ul>
19
20       <ul class="nav navbar-nav navbar-right">
21         <li ng-hide="isLoggedIn()" ui-sref-active="active"><a ui-sref="login">Accedi</a></li>
22         <li ng-hide="isLoggedIn()" ui-sref-active="active"><a ui-sref="signup">Pubblica</a></li>
23         <li ng-show="isLoggedIn()"><p class="navbar-text">Hello {{ getCurrentUser().name }}</p> </li>
24         <li ng-show="isLoggedIn()" ui-sref-active="active"><a ui-sref="settings"><span class="glyphicon glyphicon-cog"></span></a></li>
25         <li ng-show="isLoggedIn()"><a ui-sref="logout">Logout</a></li>
26       </ul>
27     </div>
28   </div>
29 </div>