pigallery2/frontend/app/gallery/gallery.component.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.directory">
        <gallery-navbar [directory]="_galleryService.content.directory"></gallery-navbar>
        <gallery-directory *ngFor="let directory of _galleryService.content.directory.directories"
                           [directory]="directory"></gallery-directory>
        <gallery-grid [photos]="_galleryService.content.directory.photos" [lightbox]="lightbox"></gallery-grid>
    </div>

    <div body class="container" style="width: 100%; padding:0" *ngIf="_galleryService.content.searchResult">
        <ol class="breadcrumb">
            <li class="active">
                Searching for:
                <span [ngSwitch]="_galleryService.content.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>
        <div *ngFor="let directory of _galleryService.content.searchResult.directories">
            <gallery-directory *ngIf="directory" [directory]="directory"></gallery-directory>
        </div>
        <gallery-grid [photos]="_galleryService.content.searchResult.photos" [lightbox]="lightbox"></gallery-grid>
    </div>
</app-frame>