From 3b4731d6b72356b1bb1d6cb00cf1b9dccfeaca9c Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Sun, 23 Nov 2014 01:17:51 -0500
Subject: [PATCH] Add virtual scrolling AngularJS module

Integrated virtual scrolling in contacts.
---
 UI/Templates/ContactsUI/UIxContactFoldersView.wox | 5 +++--
 UI/WebServerResources/Gruntfile.js                | 1 +
 UI/WebServerResources/bower.json                  | 1 +
 UI/WebServerResources/js/ContactsUI.js            | 4 ++--
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/UI/Templates/ContactsUI/UIxContactFoldersView.wox b/UI/Templates/ContactsUI/UIxContactFoldersView.wox
index 40b0c3bb9..6e2dc4e74 100644
--- a/UI/Templates/ContactsUI/UIxContactFoldersView.wox
+++ b/UI/Templates/ContactsUI/UIxContactFoldersView.wox
@@ -215,8 +215,9 @@
             <i class="icon-ion-search"><!-- search --></i><var:string label:value="Initiate a search"/>
           </div>
         </div>
-        <ul>
-          <li data-ng-repeat="currentCard in addressbook.cards"
+        <ul data-vs-repeat="56"
+            data-vs-scroll-parent="#contactsList">
+          <li ng-repeat="currentCard in addressbook.cards"
               data-ng-class="{_selected: card.id == currentCard.id}">
             <!-- <input type="checkbox" class="card-picture left"/> -->
             <a data-ui-sref="addressbook.card.view({addressbookId: addressbook.id, cardId: currentCard.id})">
diff --git a/UI/WebServerResources/Gruntfile.js b/UI/WebServerResources/Gruntfile.js
index 3120350be..3bf01ab17 100644
--- a/UI/WebServerResources/Gruntfile.js
+++ b/UI/WebServerResources/Gruntfile.js
@@ -46,6 +46,7 @@ module.exports = function(grunt) {
             '<%= src %>/angular-sanitize/angular-sanitize{,.min}.js{,.map}',
             '<%= src %>/angular-ui-router/release/angular-ui-router{,.min}.js',
             '<%= src %>/angular-recursion/angular-recursion{,.min}.js',
+            '<%= src %>/angular-vs-repeat/src/angular-vs-repeat{,.min}.js',
             '<%= src %>/angular-foundation/mm-foundation-tpls{,.min}.js',
             '<%= src %>/foundation/js/foundation{,.min}.js',
             '<%= src %>/ionic/release/js/ionic.bundle{,.min}.js',
diff --git a/UI/WebServerResources/bower.json b/UI/WebServerResources/bower.json
index 4ca677f8c..b9819606e 100644
--- a/UI/WebServerResources/bower.json
+++ b/UI/WebServerResources/bower.json
@@ -7,6 +7,7 @@
     "angular-ui-router": "~0.2",
     "angular-foundation": "~0.3",
     "angular-recursion": "~1.0",
+    "angular-vs-repeat": ">=1.0",
     "foundation": ">5.3",
     "ionic": "1.0.0-beta.11",
     "underscore": "~1.6"
diff --git a/UI/WebServerResources/js/ContactsUI.js b/UI/WebServerResources/js/ContactsUI.js
index cf3e47139..e80c2c4c2 100644
--- a/UI/WebServerResources/js/ContactsUI.js
+++ b/UI/WebServerResources/js/ContactsUI.js
@@ -6,7 +6,7 @@
 
   angular.module('SOGo.Common', []);
 
-  angular.module('SOGo.ContactsUI', ['ngSanitize', 'ui.router', 'mm.foundation', 'SOGo.Common', 'SOGo.UIDesktop'])
+  angular.module('SOGo.ContactsUI', ['ngSanitize', 'ui.router', 'mm.foundation', 'vs-repeat', 'SOGo.Common', 'SOGo.UIDesktop'])
 
     .constant('sgSettings', {
       baseURL: ApplicationBaseURL,
@@ -337,7 +337,7 @@
             .then(function(data) {
               var i = _.indexOf(_.pluck($rootScope.addressbook.cards, 'id'), $scope.card.id);
               if (i < 0) {
-                // Reload contacts list and show addressbook in which the card has been created
+                // New card; reload contacts list and show addressbook in which the card has been created
                 $rootScope.addressbook = AddressBook.$find(data.pid);
               }
               else {