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

53 lines
2.4 KiB
HTML
Raw Normal View History

2013-08-27 08:53:37 +02:00
<div class="resource-details album-details" bindonce="album">
<ul class="dropdowns">
<li class="dropdown">
<a href="#" class="btn btn-small btn-info dropdown-toggle" ng-disabled="album.is_downloadable == 0">
2013-08-27 08:53:37 +02:00
Downloads
2013-08-01 04:01:41 +02:00
</a>
<ul class="dropdown-menu" ng-show="album.is_downloadable == 1">
2013-08-27 08:53:37 +02:00
<li bindonce ng-repeat="format in album.formats"><a target="_blank" bo-href="format.url"><span bo-text="format.name"></span> <small bo-text="'(' + format.size + ')'"></small></a></li>
2013-08-01 04:01:41 +02:00
</ul>
2013-08-27 08:53:37 +02:00
</li>
2013-08-31 05:16:16 +02:00
<li><a href="#" class="btn" pfm-eat-click ng-click="share()">Share</a></li>
2013-08-27 08:53:37 +02:00
<li><pfm-favourite-button resource="album" type="album"></pfm-favourite-button></li>
<li bo-show="album.permissions.edit"><a class="btn btn-small" bo-href="'/account/albums/edit/' + album.id">Edit</a></li>
2013-08-27 08:53:37 +02:00
</ul>
2013-08-01 04:01:41 +02:00
2013-08-27 08:53:37 +02:00
<header>
<h1 bo-text="album.title"></h1>
<h2>
by: <a bo-href="album.user.url" bo-text="album.user.name"></a>
</h2>
</header>
<div class="stretch-to-bottom details-columns">
<div class="right">
2013-09-02 00:51:51 +02:00
<img class="cover" pfm-src-loader="album.covers.normal" pfm-src-size="normal" />
2013-08-27 08:53:37 +02:00
<div class="share-buttons" pfm-share-buttons>
2013-09-01 12:06:32 +02:00
<a class="tumblr" bo-href="album.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="{{album.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="album.share.twitterUrl" style="width:130px; height:20px;"></iframe>
</div>
2013-08-27 08:53:37 +02:00
<ul class="stats">
<li>Published: <strong bo-text="album.created_at | pfmdate:'medium'"></strong></li>
2013-08-27 08:53:37 +02:00
<li>Views: <strong bo-text="album.stats.views"></strong></li>
<li>Downloads: <strong bo-text="album.stats.downloads"></strong></li>
<li>Favourites: <strong bo-text="album.stats.favourites"></strong></li>
</ul>
</div>
2013-08-01 04:01:41 +02:00
2013-08-27 08:53:37 +02:00
<div class="left">
<div class="description" bo-show="album.description.length">
<h2>Description</h2>
<p bo-html="album.description | noHTML | newlines"></p>
2013-08-01 04:01:41 +02:00
</div>
2013-08-27 08:53:37 +02:00
<h2>Tracks</h2>
<pfm-tracks-list tracks="album.tracks" class="condensed no-artist"></pfm-tracks-list>
2013-08-01 04:01:41 +02:00
2013-08-27 08:53:37 +02:00
<pfm-comments type="album" resource="album"></pfm-comments>
2013-08-01 04:01:41 +02:00
</div>
</div>
</div>