start breaking out the fetch

Author: jjeffryes

js/collections/usersShortCl.js

@@ -1,6 +1,15 @@
 var Backbone = require('backbone'),
+    app = require('../App.js').getApp(),
     userShort = require('../models/userShortMd');
 
 module.exports = Backbone.Collection.extend({
-  model: userShort
+  model: userShort,
+
+  initialize: function(models, options){
+    this.fetchURL = options.fetchURL;
+  },
+
+  url: function() {
+    return app.serverConfigs.getActive().getServerBaseUrl() + '/' + this.fetchURL;
+  }
 });

js/views/userListVw.js

@@ -17,13 +17,15 @@ module.exports = Backbone.View.extend({
      options.serverUrl: server url to pass into each user view
      options.ownFollowing: array of guids this user is following
      options.hideFollow: boolean, hide follow button
-     options.reverse; should the list of users be reversed?
+     options.reverse: should the list of users be reversed?
+     options.perFetch: the number of users returned per fetch (optional, only applies to the get_followers api)
      */
     //the model must be passed in by the constructor
     this.usersShort = new usersShortCollection(this.model);
     this.options.reverse && this.usersShort.models.reverse();
     this.subViews = [];
     this.showPerScroll = 10;
+    this.fetchMoreAfter = options.perFetch;
     this.nextUserToShow = 0;
     this.totalUsers = this.usersShort.length;
     this.$container = $('#obContainer');
@@ -71,6 +73,9 @@ module.exports = Backbone.View.extend({
     }
 
     this.nextUserToShow = this.nextUserToShow >= this.totalUsers ? this.nextUserToShow : this.nextUserToShow + this.showPerScroll;
+    if(this.fetchMoreAfter && this.totalUsers == this.fetchMoreAfter){
+      this.trigger('fetch')
+    }
   },
 
   renderUser: function(item){

js/views/userPageVw.js

@@ -183,6 +183,7 @@ module.exports = baseVw.extend({
     //set view's userID from the userModel;
     this.userID = options.userModel.get('guid');
     this.userProfileFetchParameters = {};
+    this.followerFetchStart = 0;
     this.itemFetchParameters = {};
     this.model = new Backbone.Model();
     this.globalUserProfile = options.userProfile;
@@ -280,7 +281,6 @@ module.exports = baseVw.extend({
     } else {
       this.options.ownPage = false;
       this.userProfileFetchParameters = $.param({'guid': this.pageID});
-      //this.userProfileFetchParameters = $.param({'guid': this.pageID, 'start': 0});
     }
 
     this.userProfileFetch = this.userProfile.fetch({
@@ -687,20 +687,29 @@ module.exports = baseVw.extend({
   },
 
   fetchFollowers: function(){
-    var self = this;
+    var self = this,
+        fetchFollowersParameters;
+
+    if(this.ownPage){
+      fetchFollowersParameters = $.param({'start': this.followerFetchStart});
+    } else {
+      fetchFollowersParameters = $.param({'guid': this.pageID, 'start': this.followerFetchStart});
+    }
 
     this.followers.fetch({
       data: self.userProfileFetchParameters,
       //timeout: 5000,
-      success: function(model){
+      success: (model)=> {
         var followerArray = model.get('followers');
+        this.$('.js-userFollowerCount').html(model.get('count'));
+        this.followerFetchStart += model.length;
 
         if (self.isRemoved()) return;
 
-        self.renderFollowers(followerArray);
+        this.renderFollowers(followerArray);
         //if this is not their page, see if they are being followed
-        if(self.options.ownPage === false){
-          self.toggleFollowButtons(Boolean(__.findWhere(followerArray, {guid: self.userID})));
+        if(this.options.ownPage === false){
+          this.toggleFollowButtons(Boolean(__.findWhere(followerArray, {guid: this.userID})));
         }
       },
       error: function(model, response){
@@ -796,12 +805,11 @@ module.exports = baseVw.extend({
       ownFollowing: this.ownFollowing,
       hideFollow: true,
       serverUrl: this.options.userModel.get('serverUrl'),
-      reverse: true
+      reverse: true,
+      perFetch: 30
     });
     this.registerChild(this.followerList);
 
-    this.$('.js-userFollowerCount').html(model.length);
-
     if (model.length) {
       this.followersSearch = new window.List('searchFollowers', {
         valueNames: ['js-searchName', 'js-searchHandle'],