anorgatarrak-wordpress-theme/partials/item-detail.template.html

48 lines
2.2 KiB
HTML
Raw Normal View History

<div class="container ficha">
<div class="row" style="width:100%;">
<a href="/catalog">
&larr;
<span translate>Volver</span>
</a>
</div>
<div class="row" style="border-bottom:solid #f5f5f5 10px; margin-bottom:10px;">
<div class="col-md-6"><h1>{{post.title.rendered}}</h1></div>
</div>
<div class="row">
<div class="col-md-6">
<!-- castellano -->
<li ng-if="post.e_idioma"><label translate>Idioma:</label> {{post.e_idioma}}</li>
<li ng-if="post.e_localizacion"><label translate>Localización:</label> {{post.e_localizacion.address}}</li>
<li ng-if="post.e_fecha_de_entrevista"><label translate>Fecha:</label> {{post.e_fecha_de_entrevista | date : "dd/MM/y"}}</li>
<li class="anor-list-items"><label translate>Informantes:</label>
<ul>
<li ng-repeat="i in post.e_informantes"><button class="btn btn-secondary btn-sm" type="button">{{i.post_title}}</button></li>
</ul>
</li>
<li class="anor-list-items"><label translate>Términos:</label>
<ul>
<li ng-repeat="t in post.category"><button class="btn btn-secondary btn-sm" type="button">{{t.name}}</button></li>
</ul>
</li>
</ul>
</div>
<div class="col-md-6">
<video id="item-video" poster="http://anorgatarrak.eus/wp-content/uploads/2018/02/title_poster.jpg" class="mejs__player" src="{{post.e_audiovisual}}" style="width:100%;" type="video/mp4" data-mejsoptions='{"pluginPath": "/path/to/shims/", "alwaysShowControls": "true"}'>URL: {{post.e_audiovisual}} </video>
<button class="btn btn-primary btn-sm" type="button" data-toggle="collapse" data-target="#collapse-transcripcion" aria-expanded="false" aria-controls="collapseExample"><translate>Transcripción</translate></button>
<button class="btn btn-primary btn-sm" style="display:none;" id="item-video-play" type="button" aria-expanded="false" aria-controls="collapseExample"><translate>Reproducir</translate></button>
</div>
<div class="row" style="" >
2018-02-15 19:26:12 +01:00
<div class="col-md-6 col-sm-12">
<div ng-if="post.e_transcripcion" class="collapse" id="collapse-transcripcion" ng-bind-html="post.e_transcripcion" style="column-count:1;padding-top:20px;"></div>
</div>
<div class="col-md-6 col-sm-12">
<video id="item-video" style="width:100%; display:none;"></video>
</div>
</div>
</div>
</div>
</div>