<accordion close-others="false"> 
    <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-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>
</accordion>
