2015-08-15 06:20:05 +02:00
< div class = "stretch-to-bottom details-columns" >
< div class = "right" >
2016-02-08 14:29:58 +01:00
< a colorbox ng-href = "{{track.covers.original}}" pfm-eat-click >
< img class = "cover" pfm-src-loader = "track.covers.normal" pfm-src-size = "normal" / >
< / a >
2013-08-01 01:04:04 +02:00
2015-08-15 06:20:05 +02:00
< div class = "share-buttons" pfm-share-buttons >
2016-02-14 11:53:27 +01:00
< a class = "tumblr" ng-href = "{{::track.share.tumblrUrl}}"
2015-08-15 06:20:05 +02:00
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 >
2016-02-14 11:53:27 +01:00
< div class = "facebook fb-like" data-href = "{{::track.url}}"
2015-08-15 06:20:05 +02:00
data-width="450" data-layout="button_count"
data-show-faces="true" data-send="false">< / div >
< iframe class = "twitter" allowtransparency = "true" frameborder = "0"
2016-02-14 11:53:27 +01:00
scrolling="no" ng-src="{{::track.share.twitterUrl}}"
2015-08-15 06:20:05 +02:00
style="width:130px; height:20px;">< / iframe >
< / div >
2013-08-29 05:19:24 +02:00
2015-08-15 06:20:05 +02:00
< ul class = "stats" >
2017-09-22 14:10:26 +02:00
< li ng-if = "track.genre" > Genre: < strong > < a href = "{{::track.genre.url}}" > {{::track.genre.name}}< / a > < / strong > < / li >
< li ng-if = "!track.genre" > Genre: < strong > Unknown< / strong > < / li >
2016-11-09 23:31:23 +01:00
< li > Published: < strong > {{formatPublishedDate(track)}}< / strong > < / li >
2016-02-14 11:53:27 +01:00
< 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 >
2016-05-04 18:07:00 +02:00
< li > < strong > < a ui-sref = "content.track.stats" > View more stats< / a > < / strong > < / li >
2015-08-15 06:20:05 +02:00
< / ul >
< / div >
< div class = "left" >
2016-02-14 04:11:32 +01:00
< div class = "description" ng-if = "track.description.length" >
2015-08-15 06:20:05 +02:00
< h2 > Description< / h2 >
< p marked = "track.description" > < / p >
2015-10-25 03:35:37 +01:00
< / div >
2013-08-01 01:04:04 +02:00
2016-02-14 04:11:32 +01:00
< div ng-if = "track.is_vocal && track.lyrics.length" class = "lyrics-panel" >
2015-08-15 06:20:05 +02:00
< h2 > Lyrics< / h2 >
< div class = "lyrics revealable" >
< div class = "reveal" >
2016-02-14 11:53:27 +01:00
< a href = "#" > Click to reveal full lyrics… < / a >
2015-10-25 03:35:37 +01:00
< / div >
2016-02-14 04:11:32 +01:00
< p class = "content" ng-bind-html = "track.lyrics | noHTML | nl2br" > < / p >
2015-10-25 03:35:37 +01:00
< / div >
< / div >
2015-08-15 06:20:05 +02:00
< pfm-comments type = "track" resource = "track" > < / pfm-comments >
2015-10-25 03:35:37 +01:00
< / div >
< / div >