client/app/slides/slides.html
changeset 81 ef4d8ed6eef2
parent 76 aa0a2d37faca
child 98 e165f7647ae3
equal deleted inserted replaced
80:86849b3acd3a 81:ef4d8ed6eef2
     7 		<a id="next" href="#">Suivant&raquo</a>
     7 		<a id="next" href="#">Suivant&raquo</a>
     8 		<a id="previous" href="#">&laquoPrecedents</a>
     8 		<a id="previous" href="#">&laquoPrecedents</a>
     9 	</div>
     9 	</div>
    10 	<div class="container slide-content">
    10 	<div class="container slide-content">
    11 		<div class="col-md-7 media">
    11 		<div class="col-md-7 media">
    12 			<img ng-if="slide.details.image" ng-src="{{ slide.details.image }}" style="margin: auto;">
    12 			<figure ng-if="slide.details.images && !slide.details.video" ng-repeat="image in slide.details.images">
    13 			<p ng-if="slide.details.caption" ng-src="{{ slide.details.caption }}" style="margin: auto;"></p>
    13 				<img ng-src="{{image}}" style="margin: auto;">
       
    14   				<figcaption>{{slide.details.captions[$index]}}</figcaption>
       
    15 			</figure> 
    14 			<audio ng-if="slide.details.audio" ng-src="{{ slide.details.audio }}" style="margin: auto; controls loop"></audio>
    16 			<audio ng-if="slide.details.audio" ng-src="{{ slide.details.audio }}" style="margin: auto; controls loop"></audio>
    15 			<video ng-if="slide.details.video" ng-src="{{ slide.details.video }}" style="margin: auto;" controls></video>
    17 			<video ng-if="slide.details.video" ng-src="{{ slide.details.video }}" style="margin: auto;" controls></video>
    16 		</div>
    18 		</div>
    17 		<div class="col-md-5 caption">
    19 		<div class="col-md-5 caption">
    18 			<slide-editor index="{{$index}}"></slide-editor>
    20 			<slide-editor index="{{$index}}"></slide-editor>
    19 			<hr />
    21 			<hr />
    20 			<div class="details">
    22 			<div class="details">
    21 				<p>
    23 				<p><strong>Titre&nbsp;:&nbsp;</strong><small>{{slide.details.title}}</small></p>
    22 					<strong>Titre&nbsp;:&nbsp;</strong><small>{{slide.details.title}}</small>
    24 				<p><strong>Description&nbsp;:&nbsp;</strong><small>{{slide.details.description}}</small></p>
    23 				</p>
    25 				<p><strong>Numéro d'Inventaire&nbsp;:&nbsp;</strong><small>{{slide.details.idInventory}}</small></p>
    24 				<p>
       
    25 					<strong>Description&nbsp;:&nbsp;</strong><small>{{slide.details.description}}</small>
       
    26 				</p>
       
    27 			</div>
    26 			</div>
    28 		</div>
    27 		</div>
    29 	</div>
    28 	</div>
    30 </div>
    29 </div>