client/app/slideshow/slideshow.html
changeset 39 b714bcbe915c
parent 8 824c87a9084c
child 43 14dbcea2b543
equal deleted inserted replaced
38:96a7d3e4d073 39:b714bcbe915c
     1 <h1>{{ slideshow.title }}</h1>
     1 <div class="slideshow">
     2 <p>{{ slideshow.description }}</p>
     2 	<div class="slide-title">
     3 <div class="carousel-holder row">
     3 			<h1>Diaporama - {{book.title}}</h1>
     4   <carousel>
     4 	</div>
     5     <slide ng-repeat="slide in slideshow.hits" active="slide.active">
     5 	<div class="carousel-holder row">
     6         <div class="row">
     6 		<carousel>
     7           <div class="col-md-6 col-md-offset-1">
     7 			<slide ng-repeat="slide in slideshow" active="slide.active">
     8             <img ng-src="{{ slide.metas_dict.images }}" style="margin:auto;">
     8 				<div class="container slide-content">
     9           </div>
     9 					<div class="col-md-7 media">
    10           <div class="carousel-caption col-md-4">
    10 						<img ng-if="slide.details.firstImg" ng-src="{{ slide.details.firstImg }}" style="margin: auto;">
    11             <slide-editor index="{{$index}}"></slide-editor>
    11 						<audio ng-if="slide.details.audio" ng-src="{{ slide.details.audio }}" style="margin: auto; controls loop"></audio>
    12             <hr/>
    12 						<video ng-if="slide.details.video" ng-src="{{ slide.details.video }}" style="margin: auto;" controls></video>
    13             <h4 class="original-text">{{ slide.metas_dict.name }}</h4>
    13 					</div>
    14             <p class="original-text">{{ slide.metas_dict.description }}</p>
    14 					<div class="col-md-5 caption">
    15             <p class="text-right"><a class="btn btn-default" ng-click="h.imgbig=!h.imgbig"><span class="glyphicon glyphicon-eye-open"></span></a></p>
    15 						<div class="user-details">
    16             <div ng-show="h.imgbig">
    16 							<h4>{{slide.title}}</h4>
    17               <p><small><strong>Classification&nbsp;:</strong> {{ slide.metas_dict.classification }}</small></p>
    17 							<p>{{slide.description}}</p>
    18               <p><small><strong>Current Custody&nbsp;:</strong> {{ slide.metas_dict.currentcustody }}</small></p>
    18 							<p>{{slide.comments}}</p>
    19               <p><small><strong>Former Custody&nbsp;:</strong> {{ slide.metas_dict.formercustody }}</small></p>
    19 							<p>
    20               <p><small><strong>Mesures&nbsp;:</strong> {{ slide.metas_dict.measures }}</small></p>
    20 								<em>{{slide.tags.join(', ')}}</em>
    21               <p><small><strong>Acteurs&nbsp;:</strong> {{ slide.metas_dict.actors }}</small></p>
    21 							</p>
    22               <p><small><strong>Lieux&nbsp;:</strong> {{ slide.metas_dict.places }}</small></p>
    22 						</div>
    23           </div>
    23 						<hr />
    24           </div>
    24 						<div class="details">
    25       </slide>
    25 							<p>
    26   </carousel>
    26 								<strong>Titre&nbsp;:&nbsp;</strong><small>{{slide.details.title}}</small>
       
    27 							</p>
       
    28 							<p>
       
    29 								<strong>Description&nbsp;:&nbsp;</strong><small>{{slide.details.captionImg}}</small>
       
    30 							</p>
       
    31 						</div>
       
    32 					</div>
       
    33 				</div>
       
    34 			</slide> 
       
    35 		</carousel>
       
    36 		<ul class="list-unstyled list-inline row insight" >
       
    37 			<li class="col-md-2 item" ng-repeat="slide in slideshow">
       
    38 				<div class="img-ctn" ng-click="showSlide($index)">
       
    39 				    <img class="img img-responsive image" ng-src="{{ slide.details.firstImg }}" />
       
    40 				    <p>{{ slide.details.title }}</p>
       
    41 				</div>
       
    42 			</li>
       
    43 		</ul>
       
    44 	</div>
    27 </div>
    45 </div>