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

48 lines
2.0 KiB
HTML
Raw Normal View History

2017-07-21 03:06:48 +08:00
<ng2-slim-loading-bar [color]="'#337ab7'" [height]="'3px'"></ng2-slim-loading-bar>
2018-05-14 04:59:57 +08:00
<nav class="navbar navbar-dark bg-dark navbar-expand-md">
<a class="navbar-brand" [routerLink]="['/gallery','/']"
[queryParams]="queryService.getParams()">
2018-05-14 04:59:57 +08:00
<img src="assets/icon_inv.png" width="30" height="30" class="d-inline-block align-top" alt="">
<strong>{{title}}</strong>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav"
aria-expanded="false" aria-label="Toggle navigation" (click)="toggleState()">
<span class="navbar-toggler-icon"></span>
</button>
2017-07-04 01:17:49 +08:00
2018-05-14 04:59:57 +08:00
<div class="collapse navbar-collapse" id="navbarNav" [collapse]="collapsed">
<ul class="navbar-nav navbar-right ml-auto">
<ng-content select="[navbar]"></ng-content>
<li class="nav-item divider-vertical">
</li>
<li class="nav-item mr-2 ml-2" *ngIf="authenticationRequired" style=" white-space: nowrap;">
<span class="navbar-text" *ngIf="user.value">
<span class="oi oi-person"></span> {{user.value.name}}</span>
</li>
<li class="nav-item" *ngIf="isAdmin()">
<a style="cursor: pointer;"
class="nav-link admin-link"
[routerLink]="['/admin']">
<span class="oi oi-wrench"></span>
<span *ngIf="notificationService.notifications.length>0" class="badge">{{notificationService.notifications.length}}</span>
</a>
</li>
<li class="nav-item ml-2">
<app-language class="navbar-btn" isDark="true"></app-language>
</li>
<li class="nav-item ml-2" *ngIf="authenticationRequired">
<button class="btn btn-default navbar-btn"
style="cursor: pointer"
(click)="logout()">
<span class="oi oi-account-logout"></span>
<ng-container i18n>Logout</ng-container>
</button>
</li>
</ul>
2016-05-17 05:15:03 +08:00
2018-05-14 04:59:57 +08:00
</div><!--/.nav-collapse -->
2016-05-01 16:28:05 +08:00
</nav>
<ng-content select="[body]"></ng-content>