client/app/slideshow/slideshow.html
changeset 178 a3e1106b6f96
parent 106 cb13a9009bf5
child 184 4d01c2d04359
equal deleted inserted replaced
177:4a79d51d0b50 178:a3e1106b6f96
     1 <div class="slideshow  container-fluid">
     1 <div class="slideshow  container-fluid">
     2     <div class="row slideshow-title">
     2     <div class="container slideshow-title">
     3             <h1 class="book">
     3             <h1 class="book">
     4                 {{book.title}}
     4                 {{book.title}}
     5                 <small>par Jonathan Linvingston</small>
     5                 <small>par Jonathan Linvingston</small>
     6             </h1>
     6             </h1>
     7             <h1 class="pull-right poi"><small>{{book.count}} points d'intĂ©rĂȘts</small></h1>
     7             <h1 class="pull-right poi"><small>{{book.count}} elts.</small></h1>
     8     </div>
     8     </div>
     9     <div class="carousel-holder row">
     9     <div class="carousel-holder container">
    10         <carousel>
    10         <carousel>
    11             <slide ng-repeat="slide in slides" active="slide.active">
    11             <slide ng-repeat="slide in slides" active="slide.active">
    12                 <div class="container-fluid slideshow-content">
    12                 <div class="container-fluid slideshow-content">
    13                     <div class="col-sm-8 media">
    13                     <div class="col-sm-8 media">
    14                         <img ng-if="slide.details.images[0]" ng-src="{{ slide.details.images[0] }}" style="margin: auto;">
    14                         <img ng-if="slide.details.images[0]" ng-src="{{ slide.details.images[0] }}" style="margin: auto;">
    34                     </div>
    34                     </div>
    35                 </div>
    35                 </div>
    36             </slide> 
    36             </slide> 
    37         </carousel>
    37         </carousel>
    38         <div class="insight" >
    38         <div class="insight" >
    39             <div class="item" ng-repeat="slide in slides" data-ng-click="slide.active = true">
    39             <div class="item" ng-class="{'no-img': !slide.details.images[0]}" ng-repeat="slide in slides" data-ng-click="slide.active = true">
    40                 <img ng-src="{{ slide.details.images[0] }}" my-customer />
    40                 <img ng-hide="{{slide.details.images[0].length < 1}}" ng-src="{{ slide.details.images[0] }}" img-type />
       
    41                 <p ng-show="{{slide.details.images[0].length < 1}}">
       
    42                     {{slide.details.title}}
       
    43                 </p>
    41             </div>
    44             </div>
    42         </div>
    45         </div>
    43     </div>
    46     </div>
    44 </div>
    47 </div>