webapp/src/app/app.component.html

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