Pony.fm/public/templates/directives/albums-list.html
2016-08-08 17:11:20 +01:00

21 lines
987 B
HTML

<div layout="row" layout-wrap>
<div ng-if="!albums.length" class="empty ng-scope">
No albums found…
</div>
<a ng-repeat="album in albums track by album.id" ng-href="{{::album.url}}" class="clickable" flex-xs="{{xsSize}}" flex-sm="50" flex-gt-sm="{{smSize}}" flex-gt-md="{{mdSize}}" flex-gt-lg="{{lgSize}}">
<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>