client/app/slides/slides.html
author rougeronj
Wed, 08 Apr 2015 00:36:37 +0200
changeset 77 ee963d1c409b
parent 76 aa0a2d37faca
child 81 ef4d8ed6eef2
permissions -rw-r--r--
Add new serializer for the data send by Orpheo. We receive XML so we parse it to json. Then we parse some html to get the proper data of each attribute. Add xmlToJson parser module to requirements.txt

<div class="slide row">
	<div class="slide-title">
		<h1>{{slide.title}} - {{slide.details.title}}</h1>
	</div>
	<div class="slide-nav">
		<a id="back" href="#/books/{{slide.book}}">&laquoRetour galerie</a>
		<a id="next" href="#">Suivant&raquo</a>
		<a id="previous" href="#">&laquoPrecedents</a>
	</div>
	<div class="container slide-content">
		<div class="col-md-7 media">
			<img ng-if="slide.details.image" ng-src="{{ slide.details.image }}" style="margin: auto;">
			<p ng-if="slide.details.caption" ng-src="{{ slide.details.caption }}" style="margin: auto;"></p>
			<audio ng-if="slide.details.audio" ng-src="{{ slide.details.audio }}" style="margin: auto; controls loop"></audio>
			<video ng-if="slide.details.video" ng-src="{{ slide.details.video }}" style="margin: auto;" controls></video>
		</div>
		<div class="col-md-5 caption">
			<slide-editor index="{{$index}}"></slide-editor>
			<hr />
			<div class="details">
				<p>
					<strong>Titre&nbsp;:&nbsp;</strong><small>{{slide.details.title}}</small>
				</p>
				<p>
					<strong>Description&nbsp;:&nbsp;</strong><small>{{slide.details.description}}</small>
				</p>
			</div>
		</div>
	</div>
</div>