From 4443a672bead1a9b0fb81e4d65bf6148c02382f1 Mon Sep 17 00:00:00 2001
From: Peter Deltchev <peter@deltchev.com>
Date: Thu, 7 Jan 2016 14:54:31 -0800
Subject: [PATCH] Improved the performance of track listings with lots of
 bindonce.

---
 public/templates/directives/tracks-list.html | 22 ++++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/public/templates/directives/tracks-list.html b/public/templates/directives/tracks-list.html
index e45ae81b..a00632fb 100644
--- a/public/templates/directives/tracks-list.html
+++ b/public/templates/directives/tracks-list.html
@@ -1,5 +1,5 @@
 <ul class="tracks-listing {{class}}">
-    <li ng-repeat="track in tracks" 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 bindonce 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">
             <a href="#" class="play-button" pfm-eat-click ng-click="play(track)">
                 <i class="icon-play" ng-show="!track.isPlaying"></i>
@@ -8,20 +8,20 @@
             <img pfm-src-loader="track.covers.thumbnail" pfm-src-size="thumbnail" />
         </div>
         <div class="icons">
-            <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"><i class="icon-star-empty"></i></a>
+            <span><i bo-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)" bo-show="auth.isLogged"><i class="icon-star-empty"></i></a>
         </div>
-        <a class="info" href="{{track.url}}">
-            <span class="title">{{track.title}}</span>
-            <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.comments}}</strong>c
-                <strong>{{track.stats.plays}}</strong>p
+        <a class="info" bo-href="track.url">
+            <span class="title" bo-text="track.title"></span>
+            <span class="stats" bo-title="track.stats.favourites +' Favourites / '+ track.stats.comments +' Comments / '+ track.stats.plays +' Plays'">
+                <strong bo-text="track.stats.favourites"></strong>f
+                <strong bo-text="track.stats.comments"></strong>c
+                <strong bo-text="track.stats.plays"></strong>p
             </span>
-            <span class="artist">{{track.user.name}} / {{track.genre.name}}</span>
+            <span class="artist" bo-text="track.user.name + ' / ' + track.genre.name"></span>
         </a>
     </li>
     <li ng-show="!tracks.length" class="empty">
-        No tracks found...
+        No tracks found&hellip;
     </li>
 </ul>