webapp/src/app/app-topnav/app-topnav.component.html

   1 <nav class="navbar navbar-fixed-top">
   2     <!-- navbar-inverse"> -->
   3     <div class="container-fluid">
   4         <div class="navbar-header">
   5             <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myNavbar"
   6           [attr.aria-expanded]="!isCollapsed" (click)="isCollapsed = !isCollapsed;" [ngClass]="{'collapsed': isCollapsed}">
   7                 <span class="icon-bar"></span>
   8                 <span class="icon-bar"></span>
   9                 <span class="icon-bar"></span>
  10             </button>
  11
  12             <img class="navbar-brand" id="logo-iot" src="assets/images/iot-bzh-logo-small.png">
  13             <a class="navbar-brand" href="#">X(cross) Development System Dashboard</a>
  14         </div>
  15
  16         <div class="collapse navbar-collapse" [ngClass]="{'in': !isCollapsed}" id="myNavbar">
  17             <ul class="nav navbar-nav navbar-right">
  18                 <li><a routerLink="/config"><i class="fa fa-2x fa-cog" title="Open configuration page" (click)="isCollapsed=true;"></i></a></li>
  19                 <li><a routerLink="/devel"><i class="fa fa-2x fa-play-circle" title="Open build page" (click)="isCollapsed=true;"></i></a></li>
  20                 <li><a routerLink="/home"><i class="fa fa-2x fa-home" title="Back to home page" (click)="isCollapsed=true;"></i></a></li>
  21             </ul>
  22         </div>
  23     </div>
  24 </nav>