1
0
mirror of https://github.com/xuthus83/pigallery2.git synced 2024-11-03 21:04:03 +08:00
pigallery2/frontend/app/frame/frame.component.html

51 lines
2.0 KiB
HTML
Raw Normal View History

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">
2017-07-08 04:54:18 +08:00
<button type="button" class="navbar-toggle collapsed"
data-toggle="collapse" data-target="#navbar"
aria-expanded="false" aria-controls="navbar"
(click)="toggleState()">
2017-06-22 03:16:04 +08:00
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
2017-07-08 04:54:18 +08:00
<a class="navbar-brand" [routerLink]="['/gallery','/']"><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>
2017-07-08 04:54:18 +08:00
<div id="navbar" class="collapse navbar-collapse" [ngClass]="{ 'in': isIn }">
2017-06-22 03:16:04 +08:00
<ul class="nav navbar-nav">
</ul>
2017-07-04 01:17:49 +08:00
2017-07-08 04:54:18 +08:00
<ul class="nav navbar-nav navbar-right">
<ng-content select="[navbar]"></ng-content>
<li class="divider-vertical">
2017-06-22 03:16:04 +08:00
</li>
<li>
2017-07-08 04:54:18 +08:00
<p class="navbar-text" *ngIf="user.value">
<span class="glyphicon glyphicon-user" aria-hidden="true"></span> {{user.value.name}}</p>
</li>
<li *ngIf="isAdmin()">
<a style="cursor: pointer"
class="admin-link"
2017-07-09 20:23:50 +08:00
[routerLink]="['/admin']">
<span class="glyphicon glyphicon-wrench" aria-hidden="true"></span>
<span *ngIf="notificationService.notifications.length>0" class="badge">{{notificationService.notifications.length}}</span>
2017-07-08 04:54:18 +08:00
</a>
</li>
<li *ngIf="authenticationRequired">
<button class="btn btn-default navbar-btn"
style="cursor: pointer"
(click)="logout()">Logout <span class="glyphicon glyphicon-log-out" aria-hidden="true"></span>
</button>
2017-06-22 03:16:04 +08:00
</li>
</ul>
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>
<ng-content select="[body]"></ng-content>