client/app/books/book.html
changeset 91 f7a844a9079e
parent 81 ef4d8ed6eef2
child 98 e165f7647ae3
--- a/client/app/books/book.html	Fri May 22 12:37:37 2015 +0200
+++ b/client/app/books/book.html	Fri May 22 12:47:16 2015 +0200
@@ -1,14 +1,31 @@
-<p>Books {{idBook}}&nbsp;:</p>
+<accordion close-others="false"> 
+	<accordion-group is-open=true>
+		<accordion-heading>  
+			<a class="title" ng-click="$event.stopPropagation();" href="#/books/{{ parentBook.id }}">{{ parentBook.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();" href="#/slideshow/{{ parentBook.id }}"><span class="glyphicon glyphicon-eye-open"></span></a>
+		</accordion-heading>
+            
+		<a class="nbrObjects">{{parentBook.slides.length}} objets</a>
+        <ul ui-sortable="sortableOptions" ng:model="parentBook.slides" class="list-unstyled list-inline gallery container">
+			<li class="col-md-2 item" ng-repeat="i in parentBook.slides">
+	            <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="toggleFavorite($index)"><span ng-class="{'glyphicon-star': i.favorite, 'glyphicon-star-empty': !i.favorite}" class="glyphicon"></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>
 
-<ul ui-sortable="sortableOptions" ng:model="slides" class="list-unstyled list-inline gallery container">
-  <li class="col-md-3 item" ng-repeat="i in slides">
-    <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="deleteItem($index)"><span class="glyphicon glyphicon-trash"></span></a>
-        </div>
-    </div>
-  </li>
-</ul>
+		<div class="book in books | filter:{ id: parentBook.parent_visit }:true">
+			{{book.title}}
+		</div>
+	</accordion-group>
+</accordion>