client/app/slides/slides.html
changeset 98 e165f7647ae3
parent 81 ef4d8ed6eef2
child 106 cb13a9009bf5
equal deleted inserted replaced
97:0afdaa004ee1 98:e165f7647ae3
     1 <div class="slide row">
     1 <div class="slide row">
     2 	<div class="slide-title">
     2     <div class="slide-title">
     3 		<h1>{{slide.title}} - {{slide.details.title}}</h1>
     3         <h1>{{slide.title}} - {{slide.details.title}}</h1>
     4 	</div>
     4     </div>
     5 	<div class="slide-nav">
     5     <div class="slide-nav">
     6 		<a id="back" href="#/books/{{slide.book}}">&laquoRetour galerie</a>
     6         <a id="back" href="#/books/{{slide.book}}">&laquoRetour galerie</a>
     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 			<figure ng-if="slide.details.images && !slide.details.video" ng-repeat="image in slide.details.images">
    12             <figure ng-if="slide.details.images && !slide.details.video" ng-repeat="image in slide.details.images">
    13 				<img ng-src="{{image}}" style="margin: auto;">
    13                 <img ng-src="{{image}}" style="margin: auto;">
    14   				<figcaption>{{slide.details.captions[$index]}}</figcaption>
    14                   <figcaption>{{slide.details.captions[$index]}}</figcaption>
    15 			</figure> 
    15             </figure> 
    16 			<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>
    17 			<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>
    18 		</div>
    18         </div>
    19 		<div class="col-md-5 caption">
    19         <div class="col-md-5 caption">
    20 			<slide-editor index="{{$index}}"></slide-editor>
    20             <slide-editor index="{{$index}}"></slide-editor>
    21 			<hr />
    21             <hr />
    22 			<div class="details">
    22             <div class="details">
    23 				<p><strong>Titre&nbsp;:&nbsp;</strong><small>{{slide.details.title}}</small></p>
    23                 <p><strong>Titre&nbsp;:&nbsp;</strong><small>{{slide.details.title}}</small></p>
    24 				<p><strong>Description&nbsp;:&nbsp;</strong><small>{{slide.details.description}}</small></p>
    24                 <p><strong>Description&nbsp;:&nbsp;</strong><small>{{slide.details.description}}</small></p>
    25 				<p><strong>Numéro d'Inventaire&nbsp;:&nbsp;</strong><small>{{slide.details.idInventory}}</small></p>
    25                 <p><strong>Numéro d'Inventaire&nbsp;:&nbsp;</strong><small>{{slide.details.idInventory}}</small></p>
    26 			</div>
    26             </div>
    27 		</div>
    27         </div>
    28 	</div>
    28     </div>
    29 </div>
    29 </div>