mirror of
https://github.com/Poniverse/Pony.fm.git
synced 2024-11-27 07:17:59 +01:00
52 lines
2.2 KiB
HTML
52 lines
2.2 KiB
HTML
|
<div class="resource-details playlist-details" bindonce="playlist">
|
||
|
|
<ul class="dropdowns">
|
||
|
|
<li class="dropdown">
|
||
|
|
<a href="#" class="btn btn-small btn-info dropdown-toggle">
|
||
|
|
Downloads
|
||
|
|
</a>
|
||
|
|
<ul class="dropdown-menu">
|
||
|
|
<li bindonce ng-repeat="format in playlist.formats"><a target="_blank" bo-href="format.url"><span bo-text="format.name"></span> <small bo-text="'(' + format.size + ')'"></small></a></li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li><a href="#" class="btn" pfm-eat-click ng-click="share()">Share</a></li>
|
||
|
|
<li><pfm-favourite-button resource="playlist" type="playlist"></pfm-favourite-button></li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<header>
|
||
|
|
<h1 bo-text="playlist.title"></h1>
|
||
|
|
<h2>
|
||
|
|
created by: <a bo-href="playlist.user.url" bo-text="playlist.user.name"></a>
|
||
|
|
</h2>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<div class="stretch-to-bottom details-columns">
|
||
|
|
<div class="right">
|
||
|
|
<img class="cover" pfm-src-loader="playlist.covers.normal" pfm-src-size="normal" />
|
||
|
|
|
||
|
|
<div class="share-buttons" pfm-share-buttons>
|
||
|
|
<a class="tumblr" bo-href="playlist.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="{{playlist.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" bo-src="playlist.share.twitterUrl" style="width:130px; height:20px;"></iframe>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<ul class="stats">
|
||
|
|
<li>Created: <strong bo-text="playlist.created_at | pfmdate:'medium'"></strong></li>
|
||
|
|
<li>Views: <strong bo-text="playlist.stats.views"></strong></li>
|
||
|
|
<li>Downloads: <strong bo-text="playlist.stats.downloads"></strong></li>
|
||
|
|
<li>Favourites: <strong bo-text="playlist.stats.favourites"></strong></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="left">
|
||
|
|
<div class="description" bo-show="playlist.description.length">
|
||
|
|
<h2>Description</h2>
|
||
|
|
<p bo-html="playlist.description | noHTML | newlines"></p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h2>Tracks</h2>
|
||
|
|
<pfm-tracks-list tracks="playlist.tracks"></pfm-tracks-list>
|
||
|
|
|
||
|
|
<pfm-comments type="playlist" resource="playlist"></pfm-comments>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|