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

25 lines
1.1 KiB
HTML
Raw Normal View History

2016-08-07 15:35:34 +02:00
<div layout="row" layout-wrap>
2016-08-08 18:11:20 +02:00
<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}}">
2016-08-04 04:42:46 +02:00
<md-card class="album">
<img class="md-card-image" pfm-src-loader="::album.covers.normal" pfm-src-size="normal">
<md-card-title>
<md-card-title-text>
<span class="md-headline">{{::album.title}}</span>
<span class="md-subhead">{{::album.user.name}}</span>
</md-card-title-text>
</md-card-title>
2016-08-04 04:42:46 +02:00
<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>