<!--
    AngularJS template. Created by fran lopez on 14/12/15.

    This is the view to show a list of book images as a result of a
    search using one route parameter:

        -> bookId: Is a book identifier, used to find all book images
        associated to a book identified by this identifier.
-->

    <section data-ng-controller="BookImagesController" data-ng-init="find()">
        <h1>Listado de imágenes de un libro</h1><hr>
        <ul>
            <li data-ng-repeat="bookImage in bookImages">
                <label class="staticLabel"
                       data-ng-bind="bookImage.name"></label><br><br>

                <label class="thumb" href="#">
                    <img height="400" width="260"
                         ng-src="{{bookImage.path | filterImgForBookImages}}">
                    <span><img height="600" width="390"
                         ng-src="{{bookImage.path | filterImgForBookImages}}">
                    </span>
                </label><br><br>
            </li>
        </ul>
        <label id="errorLabel" data-ng-hide="!bookImages || bookImages.length">No existen imágenes para este libro</label>
        <hr><br>
        <a data-ng-href="#!/books/{{bookId}}">Volver a los detalles del libro</a>
    </section>