Pony.fm/public/templates/directives/tracks-list.html

26 lines
1.1 KiB
HTML
Raw Normal View History

2013-08-01 04:47:21 +02:00
<ul class="tracks-listing {{class}}">
2013-08-01 10:57:08 +02:00
<li ng-repeat="track in tracks" ng-class="{'can-favourite': auth.isLogged, 'is-favourited': track.is_favourited, 'is-playing': track.isPlaying}">
2013-08-01 04:47:21 +02:00
<div class="image">
2013-08-01 10:57:08 +02:00
<a href="#" class="play-button" pfm-eat-click ng-click="play(track)">
<i class="icon-play" ng-show="!track.isPlaying"></i>
<i class="icon-pause" ng-hide="!track.isPlaying"></i>
</a>
2013-08-01 04:47:21 +02:00
<img ng-src="{{track.covers.thumbnail}}" />
</div>
<div class="icons">
<span><i ng-class="{'icon-microphone-off': !track.is_vocal, 'icon-microphone': track.is_vocal}"></i></span>
2013-08-01 10:57:08 +02:00
<a pfm-eat-click class="icon-favourite" href="#" ng-click="toggleFavourite(track)" ng-show="auth.isLogged"><i class="icon-star-empty"></i></a>
2013-08-01 04:47:21 +02:00
</div>
<a class="info" href="{{track.url}}">
<span class="title">{{track.title}}</span>
<span class="metadata">
<span class="artist">by: {{track.user.name}} /</span>
<span class="genre">{{track.genre.name}}</span> /
{{track.published_at.date | momentFromNow}}
</span>
</a>
</li>
2013-08-01 10:57:08 +02:00
<li ng-show="!tracks.length" class="empty">
No tracks found...
</li>
2013-08-01 04:47:21 +02:00
</ul>