Mercurial Mercurial > ammico / annotate
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client/app/slideshow/slideshow.html
author rougeronj
Wed, 08 Jul 2015 17:45:44 +0200
changeset 178 a3e1106b6f96
parent 106 cb13a9009bf5
child 184 4d01c2d04359
permissions -rw-r--r--
update interface of the slideshow
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">
178
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset 
     2
 
    <div class="container slideshow-title">
106
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>
178
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset 
     7
 
            <h1 class="pull-right poi"><small>{{book.count}} elts.</small></h1>
96
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset 
     8
 
    </div>
178
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset 
     9
 
    <div class="carousel-holder container">
96
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" >
178
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset 
    39
 
            <div class="item" ng-class="{'no-img': !slide.details.images[0]}" ng-repeat="slide in slides" data-ng-click="slide.active = true">
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset 
    40
 
                <img ng-hide="{{slide.details.images[0].length < 1}}" ng-src="{{ slide.details.images[0] }}" img-type />
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset 
    41
 
                <p ng-show="{{slide.details.images[0].length < 1}}">
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset 
    42
 
                    {{slide.details.title}}
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset 
    43
 
                </p>
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 96
diff changeset 
    44
 
            </div>
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 96
diff changeset 
    45
 
        </div>
96
3542155549e4 replace all the tab by spaces
rougeronj
parents: 91
diff changeset 
    46
 
    </div>
0
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset 
    47
 
</div>
ammico