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

41 lines
1.7 KiB
HTML
Raw Normal View History

<div><!--<ul class="albums-listing {{::class}}">
<li ng-repeat="album in albums track by album.id">
<a ng-href="{{::album.url}}">
2016-07-11 01:59:20 +02:00
<img class="image" pfm-src-loader="::album.covers.normal" pfm-src-size="normal" />
2015-10-25 03:35:37 +01:00
<span class="info">
<span class="title">{{::album.title}}</span>
2015-10-25 03:35:37 +01:00
<span class="published">
by <span>{{::album.user.name}}</span>
2015-10-25 03:35:37 +01:00
</span>
<span class="stats">
<strong>{{::album.stats.favourites}}</strong> <i class="material-icons">favorite</i>
<strong>{{::album.stats.comments}}</strong> <i class="material-icons">comment</i>
<strong>{{::album.stats.downloads}}</strong> <i class="material-icons">file_download</i>
2015-10-25 03:35:37 +01:00
</span>
</span>
</a>
</li>
2016-02-14 12:36:34 +01:00
<li ng-if="!albums.length" class="empty">
2016-01-08 01:46:12 +01:00
No albums found&hellip;
2015-10-25 03:35:37 +01:00
</li>
</ul>-->
<div flex-xs="50" flex-gt-xs="25" layout="column">
<a ng-repeat="album in albums track by album.id" ng-href="{{::album.url}}" class="clickable">
<md-card class="album">
<img class="md-card-image" pfm-src-loader="::album.covers.normal" pfm-src-size="normal">
<md-card-content>
<span>{{::album.title}}</span>
</md-card-content>
<md-card-actions layout="row" layout-align="end center" class="album-stats">
<span><md-icon>favorite</md-icon> {{::album.stats.favourites}}</span>
<span><md-icon>comment</md-icon> {{::album.stats.comments}}</span>
<span><md-icon>file_download</md-icon> {{::album.stats.downloads}}</span>
</md-card-actions>
</md-card>
</a>
</div>
</div>