mirror of
https://github.com/Poniverse/Pony.fm.git
synced 2024-11-30 00:28:00 +01:00
45 lines
2.1 KiB
HTML
45 lines
2.1 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>
|
|
|
|
<div class="share-buttons" pfm-share-buttons>
|
|
<a class="tumblr" ng-href="{{::track.share.tumblrUrl}}"
|
|
title="Share on Tumblr"
|
|
style="display:inline-block; overflow:hidden; width:20px; height:20px; background:url('/images/tumblr-share.png') top left no-repeat transparent;"></a>
|
|
<div class="facebook fb-like" data-href="{{::track.url}}"
|
|
data-width="450" data-layout="button_count"
|
|
data-show-faces="true" data-send="false"></div>
|
|
<iframe class="twitter" allowtransparency="true" frameborder="0"
|
|
scrolling="no" ng-src="{{::track.share.twitterUrl}}"
|
|
style="width:130px; height:20px;"></iframe>
|
|
</div>
|
|
|
|
<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>
|
|
</ul>
|
|
</div>
|
|
<div class="left">
|
|
<div class="description" ng-show="::track.description.length">
|
|
<h2>Description</h2>
|
|
<p marked="track.description"></p>
|
|
</div>
|
|
|
|
<div ng-show="::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…</a>
|
|
</div>
|
|
<p class="content" ng-html="::track.lyrics | noHTML | nl2br"></p>
|
|
</div>
|
|
</div>
|
|
|
|
<pfm-comments type="track" resource="track"></pfm-comments>
|
|
</div>
|
|
</div>
|