mirror of
https://github.com/Poniverse/Pony.fm.git
synced 2024-11-27 07:17:59 +01:00
36 lines
2.1 KiB
HTML
36 lines
2.1 KiB
HTML
<ul class="tracks-listing {{::class}}">
|
|
<li ng-repeat="track in tracks track by track.id" ng-class="{'can-favourite': auth.isLogged, 'is-favourited': auth.isLogged && track.user_data.is_favourited, 'is-playing': track.isPlaying, 'has-played': auth.isLogged && track.user_data.views}">
|
|
<div class="image">
|
|
<a href="#" class="play-button" pfm-eat-click ng-click="play(track)">
|
|
<i class="material-icons" ng-if="!track.isPlaying">play_arrow</i>
|
|
<i class="material-icons" ng-if="track.isPlaying">pause</i>
|
|
</a>
|
|
<img pfm-src-loader="track.covers.thumbnail" pfm-src-size="thumbnail" />
|
|
</div>
|
|
<div class="icons">
|
|
<span>
|
|
<i class="material-icons has-vocals" ng-show="track.is_vocal">mic</i>
|
|
<i class="material-icons no-vocals" ng-hide="track.is_vocal">mic_off</i>
|
|
</span>
|
|
<a pfm-eat-click class="icon-favourite" href="#" ng-click="toggleFavourite(track)" ng-if="::auth.isLogged">
|
|
<i class="material-icons" ng-hide="track.user_data.is_favourited">favorite_border</i>
|
|
<i class="material-icons" ng-show="track.user_data.is_favourited">favorite</i>
|
|
</a>
|
|
<a pfm-eat-click href="#" ng-click="removeFromPlaylist(track)" ng-if="::canModifyPlaylist()">
|
|
<i class="material-icons">delete</i>
|
|
</a>
|
|
</div>
|
|
<a class="info" ng-href="{{::track.url}}">
|
|
<span class="title">{{::track.title}}</span>
|
|
<span class="stats" title="{{::track.stats.favourites}} Favourites / {{:: track.stats.comments}} Comments / {{::track.stats.plays}} Plays">
|
|
<strong>{{::track.stats.favourites}}</strong>f
|
|
<strong>{{::track.stats.comments}}</strong>c
|
|
<strong>{{::track.stats.plays}}</strong>p
|
|
</span>
|
|
<span class="artist">{{::track.user.name}} / {{::track.genre.name}}</span>
|
|
</a>
|
|
</li>
|
|
<li ng-if="!tracks.length" class="empty">
|
|
No tracks found…
|
|
</li>
|
|
</ul>
|