<accordion ng-show="books.length" close-others="false">

    <accordion-group ng-repeat="book in books" is-open=true>

        <accordion-heading>

            <a class="title" ng-click="$event.stopPropagation();" href="#/books/{{ book.id }}">{{ book.title }}</a>

            <a class="pull-right" ng-click="$event.preventDefault(); $event.stopPropagation(); addBook(book.id)"><span class="glyphicon glyphicon-share"></span></a>

            <a class="pull-right" ng-click="$event.preventDefault(); $event.stopPropagation();"><span class="glyphicon glyphicon-cog"></span></a>

            <a class="pull-right" ng-click="$event.stopPropagation();" href="#/slideshow/{{ book.id }}"><span class="glyphicon glyphicon-eye-open"></span></a>

            <a class="pull-right" ng-click="$event.preventDefault(); $event.stopPropagation(); addBook(book.id)">Nouveau Book</a>

        </accordion-heading>

        <p class="nbrObjects">{{book.count}} objets</p>

        <ul ng:model="slides" class="list-inline gallery container-fluid">

            <li class="item" ng-class="{'no-img': !slide.details.images[0]}" ng-repeat="slide in book.slides">

                <ng-include src="'books/galleryItem.html'"></ng-include>

            </li>

        </ul>

        <div ng-repeat="parentBook in books | filter:{ id: book.parent_visit }:true" >

                {{parentBook.title }}

        </div>

    </accordion-group>

</accordion>

<p ng-hide=books.length>

    Vous n'avez pas encore ajouté de Book

 </p>

<a class="btn btn-default" ng-click="addBook()"><span class="glyphicon glyphicon-plus"></span></a>