2016-05-01 16:28:05 +08:00
|
|
|
<nav class="navbar navbar-inverse navbar-static-top">
|
2017-06-22 03:16:04 +08:00
|
|
|
<div class="container">
|
|
|
|
<div class="navbar-header">
|
|
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
|
|
|
|
aria-expanded="false" aria-controls="navbar">
|
|
|
|
<span class="sr-only">Toggle navigation</span>
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
</button>
|
|
|
|
<a class="navbar-brand" href="#"><img src="assets/icon_inv.png" style="max-height: 26px; display: inline;"/>
|
2017-07-07 04:54:36 +08:00
|
|
|
{{title}}</a>
|
2017-06-22 03:16:04 +08:00
|
|
|
</div>
|
|
|
|
<div id="navbar" class="collapse navbar-collapse">
|
|
|
|
<ul class="nav navbar-nav">
|
|
|
|
<li class="active"><a [routerLink]="['/gallery','/']">Gallery</a></li>
|
|
|
|
<li><a [routerLink]="['/admin']">Admin</a></li>
|
|
|
|
</ul>
|
2017-07-04 01:17:49 +08:00
|
|
|
|
2017-06-22 03:16:04 +08:00
|
|
|
<ul class="nav navbar-nav navbar-right" *ngIf="authenticationRequired">
|
|
|
|
<li>
|
2017-07-04 01:17:49 +08:00
|
|
|
<p class="navbar-text" *ngIf="user.value">{{user.value.name}}</p>
|
2017-06-22 03:16:04 +08:00
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a style="cursor: pointer" (click)="logout()">Logout</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
2016-05-17 05:15:03 +08:00
|
|
|
|
2017-06-22 03:16:04 +08:00
|
|
|
<ng-content select="[navbar]"></ng-content>
|
2016-05-17 05:15:03 +08:00
|
|
|
|
2017-06-22 03:16:04 +08:00
|
|
|
</div><!--/.nav-collapse -->
|
|
|
|
</div>
|
2016-05-01 16:28:05 +08:00
|
|
|
</nav>
|
2017-06-22 03:16:04 +08:00
|
|
|
<ng2-slim-loading-bar></ng2-slim-loading-bar>
|
2017-06-11 04:32:56 +08:00
|
|
|
<ng-content select="[body]"></ng-content>
|