<accordion-group 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();"><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(); $event.stopPropagation();" href="#/slideshow/{{ book.id }}"><span class="glyphicon glyphicon-eye-open"></span></a>

        </accordion-heading>

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

        <ul ui-sortable="sortableOptions" ng-model="book.slides" class="list-unstyled list-inline container-fluid gallery ">

            <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>

    </accordion-group>