Add virtual scrolling AngularJS module

Integrated virtual scrolling in contacts.
pull/91/head
Francis Lachapelle 2014-11-23 01:17:51 -05:00
parent 2cb5aecdcb
commit 3b4731d6b7
4 changed files with 7 additions and 4 deletions

View File

@ -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})">

View File

@ -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',

View File

@ -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"

View File

@ -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 {