2016-02-14 11:53:27 +01:00
< div class = "resource-details album-details" >
2016-08-07 16:22:49 +02:00
< header layout = "row" layout-xs = "column" >
< div class = "blurred-background" style = "background-image: url('{{album.covers.normal}}');" > < / div >
< div layout = "row" layout-xs = "column" flex >
< div flex = "50" flex-xs = "100" class = "info" >
< h1 > {{::album.title}}< / h1 >
< h2 >
by: < a ng-href = "{{::album.user.url}}" > {{::album.user.name}}< / a >
< / h2 >
< / div >
2013-08-01 04:01:41 +02:00
2016-08-07 16:22:49 +02:00
< div class = "buttons" layout = "row" layout-align = "end top" layout-align-xs = "center center" flex = "50" flex-xs = "100" >
< md-menu >
< md-button class = "md-icon-button" aria-label = "Download" ng-click = "$mdOpenMenu($event)" ng-hide = "album.is_downloadable == 0" >
< md-tooltip md-direction = "bottom" md-delay = "200" > Download< / md-tooltip >
< md-icon > file_download< / md-icon >
< / md-button >
< md-menu-content >
< md-menu-item ng-repeat = "format in ::album.formats" ng-hide = "isInProgress" >
< md-button target = "_blank" ng-if = "::!format.isCacheable" ng-href = "{{::format.url}}" >
{{::format.name}} ({{::format.size}})
< / md-button >
< md-button ng-if = "format.isCacheable" ng-click = "getCachedAlbum(album.id, format);" href = "" >
{{::format.name}} ({{::format.size}})
< / md-button >
< / md-menu-item >
< / md-menu-content >
< / md-menu >
< pfm-favourite-button resource = "::album" type = "album" > < / pfm-favourite-button >
< md-button class = "md-icon-button" aria-label = "Share or embed" ng-click = "share()" >
< md-tooltip md-direction = "bottom" md-delay = "200" > Share or embed< / md-tooltip >
< md-icon > share< / md-icon >
< / md-button >
< md-button class = "md-icon-button" aria-label = "Edit" ng-show = "::album.permissions.edit" ui-sref = "content.artist.account.albums.edit(::{slug: album.user.slug, album_id: album.id})" >
< md-tooltip md-direction = "bottom" md-delay = "200" > Edit< / md-tooltip >
< md-icon > edit< / md-icon >
< / md-button >
< / div >
< / div >
2015-10-25 03:35:37 +01:00
< / header >
2013-08-27 08:53:37 +02:00
2015-10-25 03:35:37 +01:00
< div class = "stretch-to-bottom details-columns" >
< div class = "right" >
2016-08-04 21:32:01 +02:00
< img class = "cover" pfm-src-loader = "::album.covers.normal" pfm-src-size = "normal" / >
2013-08-27 08:53:37 +02:00
2015-10-25 03:35:37 +01:00
< div class = "share-buttons" pfm-share-buttons >
2016-02-14 11:53:27 +01:00
< a class = "tumblr" ng-href = "{{::album.share.tumblrUrl}}" title = "Share on Tumblr" style = "display:inline-block; overflow:hidden; width:20px; height:20px; background:url('/images/tumblr-share.png') top left no-repeat transparent;" > < / a >
< div class = "facebook fb-like" data-href = "{{::album.url}}" data-width = "450" data-layout = "button_count" data-show-faces = "true" data-send = "false" > < / div >
< iframe class = "twitter" allowtransparency = "true" frameborder = "0" scrolling = "no" ng-src = "{{::album.share.twitterUrl}}" style = "width:130px; height:20px;" > < / iframe >
2015-10-25 03:35:37 +01:00
< / div >
2013-08-29 05:19:24 +02:00
2015-10-25 03:35:37 +01:00
< ul class = "stats" >
2016-02-14 11:53:27 +01:00
< li > Published: < strong > {{::album.created_at | date:'medium'}}< / strong > < / li >
< li > Views: < strong > {{::album.stats.views}}< / strong > < / li >
< li > Downloads: < strong > {{::album.stats.downloads}}< / strong > < / li >
< li > Favourites: < strong > {{::album.stats.favourites}}< / strong > < / li >
2015-10-25 03:35:37 +01:00
< / ul >
< / div >
2013-08-01 04:01:41 +02:00
2015-10-25 03:35:37 +01:00
< div class = "left" >
2016-02-14 11:53:27 +01:00
< div class = "description" ng-show = "::album.description.length" >
2015-10-25 03:35:37 +01:00
< h2 > Description< / h2 >
2016-02-14 11:53:27 +01:00
< p marked = "::album.description" > < / p >
2015-10-25 03:35:37 +01:00
< / div >
2013-08-01 04:01:41 +02:00
2015-10-25 03:35:37 +01:00
< h2 > Tracks< / h2 >
2016-02-14 11:53:27 +01:00
< pfm-tracks-list tracks = "::album.tracks" class = "condensed no-artist" > < / pfm-tracks-list >
2013-08-01 04:01:41 +02:00
2016-02-14 11:53:27 +01:00
< pfm-comments type = "album" resource = "::album" > < / pfm-comments >
2015-10-25 03:35:37 +01:00
< / div >
< / div >
< / div >