--- a/client/app/books/books.html	Fri May 22 12:37:37 2015 +0200
+++ b/client/app/books/books.html	Fri May 22 12:47:16 2015 +0200
@@ -1,27 +1,50 @@
-<p>Liste des books&nbsp;:</p>
+
 
 <accordion close-others="false">
-	<accordion-group ng-repeat="parentBook in books | filter:{ parent_visit: 'null', idArticle: '!null' }" is-open=true>
+	<accordion-group ng-repeat="parentBook in books | filter:{ parent_visit: '!null', idArticle: 'null' }" is-open=true>
+
 		<accordion-heading>
-			{{ parentBook.title }}
-			<a class="pull-right" ng-click="$event.preventDefault(); $event.stopPropagation(); addBook(parentBook.id)"><span class="glyphicon glyphicon-plus"></span></a>
-            <a class="pull-right" ng-click="$event.preventDefault(); $event.stopPropagation(); edit()"><span class="glyphicon glyphicon-wrench"></span></a>
-            <a class="pull-right" ng-click="$event.stopPropagation();" href="#/slideshow/{{ parentBook.id }}"><span class="glyphicon glyphicon-eye-open"></span></a>
+
+			<a class="title" ng-click="$event.stopPropagation();" href="#/books/{{ parentBook.id }}">{{ parentBook.title }}</a>
+			<a class="pull-right" ng-click="$event.preventDefault(); $event.stopPropagation(); addBook(parentBook.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/{{ parentBook.id }}"><span class="glyphicon glyphicon-eye-open"></span></a>
+			<a class="pull-right" ng-click="$event.preventDefault(); $event.stopPropagation(); addBook(parentBook.id)">Nouveau Book</a>
+		
         </accordion-heading>
+
+        <a class="nbrObjects">{{parentBook.slides.length}} objets</a>
+        
         <div class="list-books" ng-repeat="childBook in books | filter:{ parent_visit: parentBook.id }:true">
 		        <a href="#/books/{{ childBook.id }}">{{ childBook.title }}</a>
 		        <a class="pull-right" ng-click="deleteItem(childBook)"><span class="glyphicon glyphicon-minus"></span></a>
         </div>
+        <ul ng:model="slides" class="list-unstyled list-inline gallery container">
+				  <li class="col-md-2 item" ng-repeat="i in parentBook.slides | limitTo : 5 ">
+				    <div class="img-ctn">
+				        <img class="img img-responsive image" ng-src="{{ i.details.images[0] }}" />
+				        <p>{{ i.details.title }}</p>
+
+				        <div class="gallery-buttons">
+				          <a class="btn btn-default" href="#/slide/{{ i.id }}"><span class="glyphicon glyphicon-pencil"></span></a>
+				          <a class="btn btn-default" ng-click=""><span class="glyphicon glyphicon-heart"></span></a>
+				          <a class="btn btn-default" ng-click="toggleModal($index)"><span class="glyphicon glyphicon-plus"></span></a>
+				          <a class="btn btn-default" ng-click="deleteItem($index)"><span class="glyphicon glyphicon-trash"></span></a>
+
+				        </div>
+				    </div>
+				<!-- </li> -->
+	    </ul>
+
+			<div ng-repeat="book in books | filter:{ id: parentBook.parent_visit }:true" >
+					{{book.title }}
+			</div>
+	</div>
+ 
+		
+
 	</accordion-group>
-	<accordion-group is-open=true>
-		<accordion-heading>
-			Autres Books
-		</accordion-heading>
-		<div class="list-books" ng-repeat="childBook in books | filter:{ parent_visit: 'null', idArticle: 'null' }">
-		        <a href="#/books/{{ childBook.id }}">{{ childBook.title }}</a>
-		        <a class="pull-right" ng-click="deleteItem(childBook)"><span class="glyphicon glyphicon-minus"></span></a>
-        </div>
-	</accordion-group>
+	
 </accordion>
 
 <a class="btn btn-default" ng-click="addBook()"><span class="glyphicon glyphicon-plus"></span></a>
\ No newline at end of file