client/app/slideshow/slideshow.html
changeset 96 3542155549e4
parent 91 f7a844a9079e
child 106 cb13a9009bf5
equal deleted inserted replaced
95:46ce67c44723 96:3542155549e4
     1 <div class="slideshow">
     1 <div class="slideshow">
     2 	<div class="slide-title">
     2     <div class="slide-title">
     3 			<h1>Diaporama - {{book.title}}</h1>
     3             <h1>Diaporama - {{book.title}}</h1>
     4 	</div>
     4     </div>
     5 	<div class="carousel-holder row">
     5     <div class="carousel-holder row">
     6 		<carousel>
     6         <carousel>
     7 			<slide ng-repeat="slide in slideshow" active="slide.active">
     7             <slide ng-repeat="slide in slideshow" active="slide.active">
     8 				<div class="container slide-content">
     8                 <div class="container slide-content">
     9 					<div class="col-md-7 media">
     9                     <div class="col-md-7 media">
    10 						<img ng-if="slide.details.images[0]" ng-src="{{ slide.details.images[0] }}" style="margin: auto;">
    10                         <img ng-if="slide.details.images[0]" ng-src="{{ slide.details.images[0] }}" style="margin: auto;">
    11 						<audio ng-if="slide.details.audio" ng-src="{{ slide.details.audio }}" style="margin: auto; controls loop"></audio>
    11                         <audio ng-if="slide.details.audio" ng-src="{{ slide.details.audio }}" style="margin: auto; controls loop"></audio>
    12 						<video ng-if="slide.details.video" ng-src="{{ slide.details.video }}" style="margin: auto;" controls></video>
    12                         <video ng-if="slide.details.video" ng-src="{{ slide.details.video }}" style="margin: auto;" controls></video>
    13 					</div>
    13                     </div>
    14 					<div class="col-md-5 caption">
    14                     <div class="col-md-5 caption">
    15 						<div class="user-details">
    15                         <div class="user-details">
    16 							<h4>{{slide.title}}</h4>
    16                             <h4>{{slide.title}}</h4>
    17 							<p>{{slide.description}}</p>
    17                             <p>{{slide.description}}</p>
    18 							<p>{{slide.comment}}</p>
    18                             <p>{{slide.comment}}</p>
    19 							<p>
    19                             <p>
    20 								<em>{{slide.tags.join(', ')}}</em>
    20                                 <em>{{slide.tags.join(', ')}}</em>
    21 							</p>
    21                             </p>
    22 						</div>
    22                         </div>
    23 						<hr />
    23                         <hr />
    24 						<div class="details">
    24                         <div class="details">
    25 							<p>
    25                             <p>
    26 								<strong>Titre&nbsp;:&nbsp;</strong><small>{{slide.details.title}}</small>
    26                                 <strong>Titre&nbsp;:&nbsp;</strong><small>{{slide.details.title}}</small>
    27 							</p>
    27                             </p>
    28 							<p>
    28                             <p>
    29 								<strong>Description&nbsp;:&nbsp;</strong><small>{{slide.details.captionImg}}</small>
    29                                 <strong>Description&nbsp;:&nbsp;</strong><small>{{slide.details.captionImg}}</small>
    30 							</p>
    30                             </p>
    31 						</div>
    31                         </div>
    32 					</div>
    32                     </div>
    33 				</div>
    33                 </div>
    34 			</slide> 
    34             </slide> 
    35 		</carousel>
    35         </carousel>
    36 		<ul class="list-unstyled list-inline row insight" >
    36         <ul class="list-unstyled list-inline row insight" >
    37 			<li class="col-md-2 item" ng-repeat="slide in slideshow">
    37             <li class="col-md-2 item" ng-repeat="slide in slideshow">
    38 				<div class="img-ctn" ng-click="showSlide($index)">
    38                 <div class="img-ctn" ng-click="showSlide($index)">
    39 				    <img class="img img-responsive image" ng-src="{{ slide.details.images[0] }}" />
    39                     <img class="img img-responsive image" ng-src="{{ slide.details.images[0] }}" />
    40 				    <p>{{ slide.details.title }}</p>
    40                     <p>{{ slide.details.title }}</p>
    41 				</div>
    41                 </div>
    42 			</li>
    42             </li>
    43 		</ul>
    43         </ul>
    44 	</div>
    44     </div>
    45 </div>
    45 </div>