Pony.fm/public/templates/tracks/show.html
2016-08-03 01:37:23 +01:00

34 lines
1.4 KiB
HTML

<div class="stretch-to-bottom details-columns">
<div class="right">
<a colorbox ng-href="{{track.covers.original}}" pfm-eat-click>
<img class="cover" pfm-src-loader="track.covers.normal" pfm-src-size="normal"/>
</a>
<ul class="stats">
<li>Published: <strong>{{::track.published_at}}</strong></li>
<li>Views: <strong>{{::track.stats.views}}</strong></li>
<li>Plays: <strong>{{::track.stats.plays}}</strong></li>
<li>Downloads: <strong>{{::track.stats.downloads}}</strong></li>
<li>Favourites: <strong>{{::track.stats.favourites}}</strong></li>
<li><strong><a ui-sref="content.track.stats">View more stats</a></strong></li>
</ul>
</div>
<div class="left">
<div class="description" ng-if="track.description.length">
<h2>Description</h2>
<p marked="track.description"></p>
</div>
<div ng-if="track.is_vocal && track.lyrics.length" class="lyrics-panel">
<h2>Lyrics</h2>
<div class="lyrics revealable">
<div class="reveal">
<a href="#">Click to reveal full lyrics&hellip;</a>
</div>
<p class="content" ng-bind-html="track.lyrics | noHTML | nl2br"></p>
</div>
</div>
<pfm-comments type="track" resource="track"></pfm-comments>
</div>
</div>