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

72 lines
2.6 KiB
HTML
Raw Normal View History

2013-08-27 08:53:37 +02:00
<div class="resource-details track-details" bindonce="track">
2013-08-23 02:48:40 +02:00
<ul class="dropdowns">
<li class="dropdown">
<a href="#" class="btn btn-small btn-info dropdown-toggle">
2013-08-23 02:48:40 +02:00
Downloads
</a>
<ul class="dropdown-menu">
2013-08-23 02:48:40 +02:00
<li bindonce ng-repeat="format in track.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-23 02:48:40 +02:00
</li>
<li class="dropdown">
2013-08-01 10:57:08 +02:00
<a href="#" class="btn btn-small dropdown-toggle" ng-show="auth.isLogged">
2013-08-23 02:48:40 +02:00
Add to Playlist
2013-08-01 04:01:41 +02:00
</a>
<ul class="dropdown-menu">
2013-08-23 02:48:40 +02:00
<li bindonce ng-repeat="playlist in playlists">
<a bo-class="{disabled: playlist.message, 'btn-success': playlist.message}" bo-href="playlist.url" pfm-eat-click ng-click="addToPlaylist(playlist); $event.stopPropagation()">
<span ng-hide="playlist.message" bo-text="playlist.title"></span>
2013-08-01 10:57:08 +02:00
<span ng-show="playlist.message">{{playlist.message}}</span>
</a>
</li>
<li><a href="#" class="btn-primary" pfm-eat-click ng-click="addToNewPlaylist()">Add to New Playlist</a></li>
</ul>
2013-08-23 02:48:40 +02:00
</li>
<li><a href="#" class="btn">Share or Embed</a></li>
<li><pfm-favourite-button resource="track" type="track"></pfm-favourite-button></li>
</ul>
2013-08-23 02:48:40 +02:00
<header>
<pfm-track-player track="track"></pfm-track-player>
<h1 bo-text="track.title"></h1>
<h2>
<span bo-show="track.album">
from: <a bo-href="track.album.url" bo-text="track.album.title"></a>
2013-08-01 04:01:41 +02:00
</span>
2013-08-23 02:48:40 +02:00
by: <a bo-href="track.user.url" bo-text="track.user.name"></a>
</h2>
</header>
2013-08-23 02:48:40 +02:00
<div class="stretch-to-bottom details-columns">
<div class="right">
<img class="cover" bo-src="track.covers.normal" />
<ul class="stats">
<li>Published: <strong bo-text="track.published_at | pfmdate:'short'"></strong></li>
<li>Views: <strong bo-text="track.stats.views"></strong></li>
<li>Plays: <strong bo-text="track.stats.plays"></strong></li>
<li>Downloads: <strong bo-text="track.stats.downloads"></strong></li>
<li>Favourites: <strong bo-text="track.stats.favourites"></strong></li>
</ul>
</div>
<div class="left">
<div class="description" bo-show="track.description.length">
<h2>Description</h2>
<p bo-html="track.description | noHTML | newlines"></p>
</div>
2013-08-23 02:48:40 +02:00
<div bo-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>
2013-08-23 02:48:40 +02:00
<p class="content" bo-html="track.lyrics | noHTML | newlines"></p>
</div>
</div>
2013-08-01 04:01:41 +02:00
2013-08-23 02:48:40 +02:00
<pfm-comments type="track" resource="track"></pfm-comments>
</div>
</div>
</div>