1
0
mirror of https://github.com/bpatrik/pigallery2.git synced 2024-12-14 11:23:17 +02:00
pigallery2/frontend/app/gallery/gallery.component.html
2017-07-25 21:36:28 +02:00

71 lines
2.9 KiB
HTML

<gallery-lightbox #lightbox (onLastElement)="onLightboxLastElement()"></gallery-lightbox>
<app-frame>
<ng-container navbar>
<li *ngIf="countDown">
<p class="navbar-text">Link availability: {{countDown.day}} days,
{{("0"+countDown.hour).slice(-2)}}:{{("0"+countDown.minute).slice(-2)}}:{{("0"+countDown.second).slice(-2)}}
</p>
</li>
<li *ngIf="showSearchBar">
<gallery-search #search></gallery-search>
</li>
<li *ngIf="showShare">
<gallery-share></gallery-share>
</li>
-
</ng-container>
<div body class="container" style="width: 100%; padding:0" *ngIf="_galleryService.content.value.directory">
<gallery-navbar [directory]="_galleryService.content.value.directory"></gallery-navbar>
<div class="directories">
<gallery-directory *ngFor="let directory of directories"
[directory]="directory"></gallery-directory>
</div>
<gallery-map *ngIf="isPhotoWithLocation && mapEnabled"
[photos]="_galleryService.content.value.directory.photos"></gallery-map>
<gallery-grid [photos]="_galleryService.content.value.directory.photos" [lightbox]="lightbox"></gallery-grid>
</div>
<div body class="container" style="width: 100%; padding:0" *ngIf="_galleryService.content.value.searchResult">
<div class="alert alert-info" role="alert"
*ngIf="_galleryService.content.value.searchResult.resultOverflow == true">
Too many results to show. Refine your search.
</div>
<ol class="breadcrumb">
<li class="active">
Searching for:
<span [ngSwitch]="_galleryService.content.value.searchResult.searchType">
<span *ngSwitchCase="0" class="glyphicon glyphicon-picture"></span>
<span *ngSwitchCase="1" class="glyphicon glyphicon-folder-open"></span>
<span *ngSwitchCase="2" class="glyphicon glyphicon-tag"></span>
<span *ngSwitchCase="3" class="glyphicon glyphicon-map-marker"></span>
</span>
<strong>{{_galleryService.content.value.searchResult.searchText}}</strong>
</li>
</ol>
<gallery-map *ngIf="isPhotoWithLocation && mapEnabled"
[photos]="_galleryService.content.value.searchResult.photos"></gallery-map>
<div class="directories">
<gallery-directory *ngFor="let directory of directories"
[directory]="directory"></gallery-directory>
</div>
<gallery-grid [photos]="_galleryService.content.value.searchResult.photos" [lightbox]="lightbox"></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>