48 lines
2.2 KiB
HTML
48 lines
2.2 KiB
HTML
<div class="container ficha">
|
|
<div class="row" style="width:100%;">
|
|
<a href="/catalog">
|
|
←
|
|
<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="" >
|
|
<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>
|