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

66 lines
2.7 KiB
HTML
Raw Normal View History

<div class="container ficha">
<div class="row" style="width:100%;">
<a href="/catalog">
&larr;
<span ng-show="lang == 'es'">Volver</span>
<span ng-show="lang == 'eus'">Itzuli</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 -->
<ul ng-show="lang == 'es'">
<li ng-if="post.e_idioma"><label>Idioma:</label> {{post.e_idioma}}</li>
<li ng-if="post.e_localizacion"><label>Localización:</label> {{post.e_localizacion.address}}</li>
2018-02-15 19:26:12 +01:00
<li ng-if="post.e_fecha_de_entrevista"><label>Fecha:</label> {{post.e_fecha_de_entrevista | date : "dd/MM/y"}}</li>
<li><label>Informantes:</label>
<ul>
<li ng-repeat="i in post.e_informantes">{{i.post_title}}</li>
</ul>
</li>
<li><label>Términos:</label>
<ul>
<li style="list-style:none;" ng-repeat="t in post.category"><button class="btn btn-secondary btn-sm" type="button">{{t.name}}</button></li>
</ul>
</li>
</ul>
<!-- euskera -->
<ul ng-show="lang == 'eus'">
<li><label>Hizkuntza:</label> {{post.e_idioma}}</li>
<li ng-if="post.e_localizacion"><label>Kokapena:</label> {{post.e_localizacion.address}}</li>
<li ng-if="post.e_fecha_de_entrevista"><label>Data:</label> {{post.e_fecha_de_entrevista}}</li>
<li><label>Informatzaile:</label>
<ul>
<li ng-repeat="i in post.e_informantes">{{i.post_title}}</li>
</ul>
</li>
<li ng-if="post.cateogry"><label>Baldintzak:</label>
<ul>
<li style="list-style:none;" 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">
2018-02-15 19:26:12 +01:00
<video id="item-video" poster="{{post.featured_image_thumbnail_url}}" class="mejs__player" src="{{post.e_audiovisual}}" style="width:100%;" controls 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">Transcripcion</button>
2018-02-15 19:26:12 +01:00
<button class="btn btn-primary btn-sm" style="display:none;" id="item-video-play" type="button" aria-expanded="false" aria-controls="collapseExample">Play</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>