mirror of
https://github.com/xuthus83/pigallery2.git
synced 2024-11-03 21:04:03 +08:00
51 lines
2.4 KiB
HTML
51 lines
2.4 KiB
HTML
<nav class="nav-container" aria-label="breadcrumb">
|
|
<ol *ngIf="directory" 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>
|
|
|
|
<ol *ngIf="searchResult" class="breadcrumb">
|
|
<li class="active">
|
|
<ng-container i18n>Searching for:</ng-container>
|
|
<span class="search-type" [ngSwitch]="searchResult.searchType">
|
|
<span *ngSwitchCase="SearchTypes.photo" class="oi oi-image"></span>
|
|
<span *ngSwitchCase="SearchTypes.video" class="oi oi-video"></span>
|
|
<span *ngSwitchCase="SearchTypes.directory" class="oi oi-folder"></span>
|
|
<span *ngSwitchCase="SearchTypes.keyword" class="oi oi-tag"></span>
|
|
<span *ngSwitchCase="SearchTypes.person" class="oi oi-person"></span>
|
|
<span *ngSwitchCase="SearchTypes.position" class="oi oi-map-marker"></span>
|
|
</span>
|
|
<strong> {{searchResult.searchText}}</strong>
|
|
</li>
|
|
</ol>
|
|
|
|
<div class="right-side">
|
|
<div class="photos-count" *ngIf="ItemCount > 0 && config.Client.Other.NavBar.showItemCount">
|
|
{{ItemCount}} <span i18n>items</span>
|
|
</div>
|
|
<div class="divider" *ngIf="ItemCount > 0 && config.Client.Other.NavBar.showItemCount"> </div>
|
|
<div class="btn-group" dropdown placement="bottom right">
|
|
<button id="button-alignment" dropdownToggle type="button"
|
|
class="btn btn-secondary dropdown-toggle"
|
|
[ngClass]="{'btn-secondary':galleryService.sorting.value !== DefaultSorting}"
|
|
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>
|
|
|