Angular performance tweaks.

This commit is contained in:
Peter Deltchev 2016-02-14 03:36:34 -08:00
parent dbd46c8dc5
commit aad574bdd5
3 changed files with 7 additions and 7 deletions

View file

@ -15,7 +15,7 @@
</span> </span>
</a> </a>
</li> </li>
<li ng-show="!albums.length" class="empty"> <li ng-if="!albums.length" class="empty">
No albums found&hellip; No albums found&hellip;
</li> </li>
</ul> </ul>

View file

@ -15,7 +15,7 @@
</span> </span>
</a> </a>
</li> </li>
<li ng-show="!playlists.length" class="empty"> <li ng-if="!playlists.length" class="empty">
No playlists found&hellip; No playlists found&hellip;
</li> </li>
</ul> </ul>

View file

@ -1,21 +1,21 @@
<ul class="tracks-listing {{class}}"> <ul class="tracks-listing {{::class}}">
<li ng-repeat="track in tracks track by track.id" ng-class="{'can-favourite': auth.isLogged, 'is-favourited': auth.isLogged && track.user_data.is_favourited, 'is-playing': track.isPlaying, 'has-played': auth.isLogged && track.user_data.views}"> <li ng-repeat="track in tracks track by track.id" ng-class="{'can-favourite': auth.isLogged, 'is-favourited': auth.isLogged && track.user_data.is_favourited, 'is-playing': track.isPlaying, 'has-played': auth.isLogged && track.user_data.views}">
<div class="image"> <div class="image">
<a href="#" class="play-button" pfm-eat-click ng-click="play(track)"> <a href="#" class="play-button" pfm-eat-click ng-click="play(track)">
<i class="icon-play" ng-show="!track.isPlaying"></i> <i class="icon-play" ng-if="!track.isPlaying"></i>
<i class="icon-pause" ng-hide="!track.isPlaying"></i> <i class="icon-pause" ng-if="track.isPlaying"></i>
</a> </a>
<img pfm-src-loader="track.covers.thumbnail" pfm-src-size="thumbnail" /> <img pfm-src-loader="track.covers.thumbnail" pfm-src-size="thumbnail" />
</div> </div>
<div class="icons"> <div class="icons">
<span><i ng-class="::{'icon-microphone-off': !track.is_vocal, 'icon-microphone': track.is_vocal}"></i></span> <span><i ng-class="::{'icon-microphone-off': !track.is_vocal, 'icon-microphone': track.is_vocal}"></i></span>
<a pfm-eat-click class="icon-favourite" href="#" ng-click="toggleFavourite(track)" ng-show="::auth.isLogged"> <a pfm-eat-click class="icon-favourite" href="#" ng-click="toggleFavourite(track)" ng-if="::auth.isLogged">
<i class="icon-star-empty"></i> <i class="icon-star-empty"></i>
</a> </a>
</div> </div>
<a class="info" ng-href="{{::track.url}}"> <a class="info" ng-href="{{::track.url}}">
<span class="title">{{::track.title}}</span> <span class="title">{{::track.title}}</span>
<span class="stats" title="track.stats.favourites +' Favourites / '+ track.stats.comments +' Comments / '+ track.stats.plays +' Plays'"> <span class="stats" title="{{::track.stats.favourites}} Favourites / {{:: track.stats.comments}} Comments / {{::track.stats.plays}} Plays">
<strong>{{::track.stats.favourites}}</strong>f <strong>{{::track.stats.favourites}}</strong>f
<strong>{{::track.stats.comments}}</strong>c <strong>{{::track.stats.comments}}</strong>c
<strong>{{::track.stats.plays}}</strong>p <strong>{{::track.stats.plays}}</strong>p