Pony.fm/public/templates/playlists/show.html

66 lines
3.4 KiB
HTML
Raw Permalink Normal View History

<div class="resource-details playlist-details">
2015-10-25 03:35:37 +01:00
<ul class="dropdowns">
<li class="dropdown">
2016-05-21 20:29:07 +02:00
<a href="#" class="btn btn-sm btn-primary dropdown-toggle" bs-dropdown auto-close="outsideClick">
2015-10-25 03:35:37 +01:00
Downloads
</a>
<ul class="dropdown-menu">
<li ng-repeat="format in ::playlist.formats" ng-hide="isInProgress">
<a target="_blank" ng-if="::!format.isCacheable" ng-click="checkMixedLosslessness(format);" ng-href="{{::format.url}}">
<span>{{::format.name}}</span>
<small>({{::format.size}})</small>
</a>
<a ng-if="::format.isCacheable" ng-click="getCachedPlaylist(playlist.id, format);" href="">
<span>{{::format.name}}</span>
<small>({{::format.size}})</small>
</a>
</li>
<li ng-show="isInProgress" class="cache-loading"><img src="/images/loading.gif" /></li>
<li ng-show="isInProgress" class="cache-loading"><small>We&#39;re getting your download ready! This may take a few minutes.</small></li>
2015-10-25 03:35:37 +01:00
</ul>
</li>
<li><a href="#" class="btn btn-default" pfm-eat-click ng-click="share()">Share</a></li>
<li><pfm-favourite-button resource="::playlist" type="playlist"></pfm-favourite-button></li>
2015-10-25 03:35:37 +01:00
</ul>
2013-08-01 10:57:08 +02:00
2015-10-25 03:35:37 +01:00
<header>
<h1>{{::playlist.title}}</h1>
2015-10-25 03:35:37 +01:00
<h2>
curated by: <a ng-href="{{::playlist.user.url}}">{{::playlist.user.name}}</a>
2015-10-25 03:35:37 +01:00
</h2>
</header>
2013-08-01 10:57:08 +02:00
2015-10-25 03:35:37 +01:00
<div class="stretch-to-bottom details-columns">
<div class="right">
<a colorbox ng-href="{{::playlist.covers.original}}" pfm-eat-click>
<img class="cover" pfm-src-loader="::playlist.covers.normal" pfm-src-size="normal" />
</a>
2013-08-01 10:57:08 +02:00
2015-10-25 03:35:37 +01:00
<div class="share-buttons" pfm-share-buttons>
<a class="tumblr" ng-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" ng-src="{{::playlist.share.twitterUrl}}" style="width:130px; height:20px;"></iframe>
2015-10-25 03:35:37 +01:00
</div>
2015-10-25 03:35:37 +01:00
<ul class="stats">
<li>Created: <strong>{{::playlist.created_at | date:'medium'}}</strong></li>
<li>Views: <strong>{{::playlist.stats.views}}</strong></li>
<li>Downloads: <strong>{{::playlist.stats.downloads}}</strong></li>
<li>Favourites: <strong>{{::playlist.stats.favourites}}</strong></li>
2015-10-25 03:35:37 +01:00
</ul>
</div>
2013-08-27 08:53:37 +02:00
2015-10-25 03:35:37 +01:00
<div class="left">
<div class="description" ng-show="::playlist.description.length">
2015-10-25 03:35:37 +01:00
<h2>Description</h2>
<p marked="::playlist.description"></p>
2015-10-25 03:35:37 +01:00
</div>
2013-08-01 10:57:08 +02:00
2015-10-25 03:35:37 +01:00
<h2>Tracks</h2>
<pfm-tracks-list tracks="::playlist.tracks" playlist="::playlist"></pfm-tracks-list>
<pfm-comments type="playlist" resource="::playlist"></pfm-comments>
2015-10-25 03:35:37 +01:00
</div>
</div>
</div>