Pony.fm/public/templates/artists/_show_layout.html

33 lines
1.7 KiB
HTML
Raw Normal View History

2016-07-16 00:00:22 +02:00
<div class="resource-details artist-details" ng-class="::{'x-archived': artist.is_archived}">
2016-05-19 23:31:04 +02:00
2016-07-16 00:00:22 +02:00
<header ng-style="{'background-image': 'linear-gradient(180deg, ' + artist.avatar_colors[0] + ' 15%, ' + artist.avatar_colors[1] + ' 100%)'}">
<img src="{{artist.avatars.normal}}">
2016-05-19 23:31:04 +02:00
<div class="artist-right">
<h1>{{artist.name}}<i class="material-icons admin-star" ng-show="::artist.isAdmin" data-title="Admin" bs-tooltip>verified_user</i></h1>
2016-06-07 20:31:32 +02:00
<p class="follower-count">
<ng-pluralize count="artist.followers"
when="{'0': 'No followers',
'one': '1 follower',
'other': '{} followers'}">
</ng-pluralize>
</p>
<a href="#" class="btn btn-default" ng-class="{'btn-primary': !artist.user_data.is_following}" ng-show="auth.isLogged && auth.user.id != artist.id" pfm-eat-click ng-click="toggleFollow()">
<span ng-if="!artist.user_data.is_following">Follow</span>
<span ng-if="artist.user_data.is_following">Following!</span>
2015-10-25 03:35:37 +01:00
</a>
2016-05-19 23:31:04 +02:00
</div>
</header>
2016-07-16 00:00:22 +02:00
<ul class="tabs header">
2016-05-19 23:31:04 +02:00
<li ui-sref-active="active"><a ui-sref=".profile">Profile</a></li>
<li ui-sref-active="active"><a ui-sref=".content">Content</a></li>
<li ng-if="::!artist.is_archived" ui-sref-active="active">
<a ui-sref=".favourites">Favourites</a>
2015-10-25 03:35:37 +01:00
</li>
2016-05-19 23:31:04 +02:00
<li ng-if="::artist.permissions.edit" ui-sref-active="{active: '.account'}"><a ui-sref=".account.settings">Manage Account</a></li>
2015-10-25 03:35:37 +01:00
</ul>
2016-06-20 03:45:30 +02:00
<div class="stretch-to-bottom secondary-content">
2015-10-25 03:35:37 +01:00
<ui-view></ui-view>
</div>
</div>