| author | rougeronj |
| Tue, 02 Jun 2015 09:46:30 +0200 | |
| changeset 106 | cb13a9009bf5 |
| parent 96 | 3542155549e4 |
| child 178 | a3e1106b6f96 |
| permissions | -rw-r--r-- |
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
96
diff
changeset
|
1 |
<div class="slideshow container-fluid"> |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
96
diff
changeset
|
2 |
<div class="row slideshow-title"> |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
96
diff
changeset
|
3 |
<h1 class="book"> |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
96
diff
changeset
|
4 |
{{book.title}} |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
96
diff
changeset
|
5 |
<small>par Jonathan Linvingston</small> |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
96
diff
changeset
|
6 |
</h1> |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
96
diff
changeset
|
7 |
<h1 class="pull-right poi"><small>{{book.count}} points d'intĂ©rĂȘts</small></h1> |
| 96 | 8 |
</div> |
9 |
<div class="carousel-holder row"> |
|
10 |
<carousel> |
|
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
96
diff
changeset
|
11 |
<slide ng-repeat="slide in slides" active="slide.active"> |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
96
diff
changeset
|
12 |
<div class="container-fluid slideshow-content"> |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
96
diff
changeset
|
13 |
<div class="col-sm-8 media"> |
| 96 | 14 |
<img ng-if="slide.details.images[0]" ng-src="{{ slide.details.images[0] }}" style="margin: auto;"> |
15 |
<audio ng-if="slide.details.audio" ng-src="{{ slide.details.audio }}" style="margin: auto; controls loop"></audio> |
|
16 |
<video ng-if="slide.details.video" ng-src="{{ slide.details.video }}" style="margin: auto;" controls></video> |
|
17 |
</div> |
|
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
96
diff
changeset
|
18 |
<div class="col-sm-4 caption"> |
| 96 | 19 |
<div class="user-details"> |
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
96
diff
changeset
|
20 |
<h1>{{slide.title}}</h1> |
| 96 | 21 |
<p>{{slide.description}}</p> |
22 |
<p> |
|
23 |
<em>{{slide.tags.join(', ')}}</em> |
|
24 |
</p> |
|
25 |
</div> |
|
26 |
<div class="details"> |
|
27 |
<p> |
|
28 |
<strong>Titre : </strong><small>{{slide.details.title}}</small> |
|
29 |
</p> |
|
30 |
<p> |
|
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
96
diff
changeset
|
31 |
<strong>Description : </strong><small>{{slide.details.description}}</small> |
| 96 | 32 |
</p> |
33 |
</div> |
|
34 |
</div> |
|
35 |
</div> |
|
36 |
</slide> |
|
37 |
</carousel> |
|
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
96
diff
changeset
|
38 |
<div class="insight" > |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
96
diff
changeset
|
39 |
<div class="item" ng-repeat="slide in slides" data-ng-click="slide.active = true"> |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
96
diff
changeset
|
40 |
<img ng-src="{{ slide.details.images[0] }}" my-customer /> |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
96
diff
changeset
|
41 |
</div> |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
96
diff
changeset
|
42 |
</div> |
| 96 | 43 |
</div> |
| 0 | 44 |
</div> |