1
0
mirror of https://github.com/xuthus83/pigallery2.git synced 2024-11-03 21:04:03 +08:00
pigallery2/frontend/app/gallery/gallery.component.html
2018-11-24 14:21:46 +01:00

83 lines
3.5 KiB
HTML

<app-gallery-lightbox #lightbox></app-gallery-lightbox>
<app-frame>
<ng-container navbar>
<li class="nav-item" *ngIf="countDown">
<span class="navbar-text">
<ng-container i18n>Link availability</ng-container>
: {{countDown.day}}
<ng-container i18n>days</ng-container>
,
{{("0" + countDown.hour).slice(-2)}}:{{("0" + countDown.minute).slice(-2)}}
:{{("0" + countDown.second).slice(-2)}}
</span>
</li>
<li class="nav-item" *ngIf="showSearchBar">
<app-gallery-search #search></app-gallery-search>
</li>
<li class="nav-item" *ngIf="showShare">
<app-gallery-share></app-gallery-share>
</li>
</ng-container>
<ng-container navbar-menu>
<li role="menuitem" *ngIf="showRandomPhotoBuilder">
<app-gallery-random-query-builder></app-gallery-random-query-builder>
</li>
</ng-container>
<div body class="container-fluid" style="width: 100%; padding:0" *ngIf="_galleryService.content.value.directory">
<app-gallery-navbar [directory]="_galleryService.content.value.directory"></app-gallery-navbar>
<div class="directories">
<app-gallery-directory *ngFor="let directory of directories"
[directory]="directory"></app-gallery-directory>
</div>
<app-gallery-map *ngIf="isPhotoWithLocation && mapEnabled"
[photos]="_galleryService.content.value.directory.media"></app-gallery-map>
<app-gallery-grid [photos]="_galleryService.content.value.directory.media"
[lightbox]="lightbox"></app-gallery-grid>
</div>
<div body class="container-fluid" style="width: 100%; padding:0" *ngIf="_galleryService.content.value.searchResult">
<div class="alert alert-info" role="alert"
*ngIf="_galleryService.content.value.searchResult.resultOverflow == true" i18n>
Too many results to show. Refine your search.
</div>
<ol class="breadcrumb">
<li class="active">
<ng-container i18n>Searching for:</ng-container>
<span class="search-type" [ngSwitch]="_galleryService.content.value.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.position" class="oi oi-map-marker"></span>
</span>
<strong> {{_galleryService.content.value.searchResult.searchText}}</strong>
</li>
</ol>
<app-gallery-map *ngIf="isPhotoWithLocation && mapEnabled"
[photos]="_galleryService.content.value.searchResult.media"></app-gallery-map>
<div class="directories">
<app-gallery-directory *ngFor="let directory of directories"
[directory]="directory"></app-gallery-directory>
</div>
<app-gallery-grid [photos]="_galleryService.content.value.searchResult.media"
[lightbox]="lightbox"></app-gallery-grid>
</div>
<div body class="container"
style="width: 100%; padding:0"
*ngIf="(!_galleryService.content.value.directory ||
_galleryService.content.value.directory.isPartial == true)
&& !_galleryService.content.value.searchResult">
<div class="spinner">
</div>
</div>
</app-frame>