mirror of
https://github.com/xuthus83/pigallery2.git
synced 2024-11-03 21:04:03 +08:00
40 lines
1.9 KiB
HTML
40 lines
1.9 KiB
HTML
<gallery-lightbox #lightbox (onLastElement)="onLightboxLastElement()"></gallery-lightbox>
|
|
<app-frame>
|
|
|
|
<div navbar>
|
|
<gallery-search #search *ngIf="showSearchBar"></gallery-search>
|
|
</div>
|
|
|
|
<div body class="container" style="width: 100%; padding:0" *ngIf="_galleryService.content.value.directory">
|
|
<gallery-navbar [directory]="_galleryService.content.value.directory"></gallery-navbar>
|
|
|
|
<gallery-directory *ngFor="let directory of directories"
|
|
[directory]="directory"></gallery-directory>
|
|
|
|
<gallery-map *ngIf="isPhotoWithLocation" [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">
|
|
<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.searchResult.searchText}}</strong>
|
|
</li>
|
|
</ol>
|
|
|
|
<gallery-map *ngIf="isPhotoWithLocation" [photos]="_galleryService.content.value.searchResult.photos"></gallery-map>
|
|
|
|
<div *ngFor="let directory of directories">
|
|
<gallery-directory *ngIf="directory" [directory]="directory"></gallery-directory>
|
|
</div>
|
|
<gallery-grid [photos]="_galleryService.content.value.searchResult.photos" [lightbox]="lightbox"></gallery-grid>
|
|
</div>
|
|
</app-frame>
|