1
0
mirror of https://github.com/xuthus83/pigallery2.git synced 2024-11-03 21:04:03 +08:00
pigallery2/frontend/app/gallery/navigator/navigator.gallery.component.html
2018-11-02 12:35:50 +01:00

34 lines
1.4 KiB
HTML

<nav class="nav-container" aria-label="breadcrumb">
<ol id="directory-path" class="breadcrumb">
<li *ngFor="let path of routes" class="breadcrumb-item">
<a *ngIf="path.route" [routerLink]="['/gallery',path.route]"
[queryParams]="queryService.getParams()">{{path.name}}</a>
<ng-container *ngIf="!path.route">{{path.name}}</ng-container>
</li>
</ol>
<div class="right-side">
<div class="photos-count" *ngIf="directory.photos.length > 0">
{{directory.photos.length}} <span i18n>items</span>
</div>
<div class="divider" *ngIf="directory.photos.length > 0">&nbsp;</div>
<div class="btn-group" dropdown placement="bottom right">
<button id="button-alignment" dropdownToggle type="button"
class="btn btn-default dropdown-toggle" aria-controls="dropdown-alignment"
[innerHTML]="galleryService.sorting.value| iconizeSorting">
</button>
<ul id="dropdown-alignment" *dropdownMenu class="dropdown-menu dropdown-menu-right"
role="menu" aria-labelledby="button-alignment">
<li class="row dropdown-item" role="menuitem"
*ngFor="let type of sortingMethodsType"
(click)="setSorting(type.key)">
<div class="col-3" [outerHTML]="type.key | iconizeSorting"></div>
<div class="col-9">{{type.key | stringifySorting}}</div>
</li>
</ul>
</div>
</div>
</nav>