client/app/slideshow/slideshow.html
author rougeronj
Tue, 02 Jun 2015 09:46:30 +0200
changeset 106 cb13a9009bf5
parent 96 3542155549e4
child 178 a3e1106b6f96
permissions -rw-r--r--
improve slideshow interface and add ngTouch to handle swipe on mobile
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
     8
    </div>
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
     9
    <div class="carousel-holder row">
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    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
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    14
                        <img ng-if="slide.details.images[0]" ng-src="{{ slide.details.images[0] }}" style="margin: auto;">
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    15
                        <audio ng-if="slide.details.audio" ng-src="{{ slide.details.audio }}" style="margin: auto; controls loop"></audio>
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    16
                        <video ng-if="slide.details.video" ng-src="{{ slide.details.video }}" style="margin: auto;" controls></video>
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    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
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    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
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    21
                            <p>{{slide.description}}</p>
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    22
                            <p>
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    23
                                <em>{{slide.tags.join(', ')}}</em>
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    24
                            </p>
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    25
                        </div>
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    26
                        <div class="details">
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    27
                            <p>
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    28
                                <strong>Titre&nbsp;:&nbsp;</strong><small>{{slide.details.title}}</small>
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    29
                            </p>
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    30
                            <p>
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 96
diff changeset
    31
                                <strong>Description&nbsp;:&nbsp;</strong><small>{{slide.details.description}}</small>
96
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    32
                            </p>
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    33
                        </div>
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    34
                    </div>
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    35
                </div>
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    36
            </slide> 
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    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
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset
    43
    </div>
0
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    44
</div>