o Using the PagingTableService on the front page and person apps.

5 files changed, 40 insertions, 102 deletions

diff --git a/src/main/webapp/WEB-INF/tags/common/head.tagx b/src/main/webapp/WEB-INF/tags/common/head.tagx
index f5b27a4..0ad2ba2 100644..100755
--- a/src/main/webapp/WEB-INF/tags/common/head.tagx
+++ b/src/main/webapp/WEB-INF/tags/common/head.tagx
@@ -16,11 +16,12 @@
     <script type="text/javascript" src="/external/headjs-0.99/head.min.js"><!-- --></script>
     <script type="text/javascript">
       head.js(
-          {app: "/apps/app.js"},
           {jquery: "/external/jquery-1.8.3/jquery-1.8.3.js"},
           {angularjs: "/external/angular-1.0.3/angular.js"},
           {angularjsResource: "/external/angular-1.0.3/angular-resource.js"},
-          {angularUiNgGrid: "/external/angular-ui/ng-grid-1.6.0/ng-grid-1.6.0.debug.js"}
+          {angularUiNgGrid: "/external/angular-ui/ng-grid-1.6.0/ng-grid-1.6.0.debug.js"},
+          {app: "/apps/app.js"},
+          {PagingTableService: "/apps/core/PagingTableService.js"}
       );
     </script>
     <script>var noCache = new Date().getTime();</script>
diff --git a/src/main/webapp/apps/core/PagingTableService.js b/src/main/webapp/apps/core/PagingTableService.js
index 689a225..d65e7f3 100644..100755
--- a/src/main/webapp/apps/core/PagingTableService.js
+++ b/src/main/webapp/apps/core/PagingTableService.js
@@ -37,6 +37,7 @@ function PagingTableService() {
   };
 
   var defaultCallback = function(Resource, args) {
+    args = args || {};
     return function(startIndex, count, cb) {
       console.log("fetching", arguments);
       args.startIndex = startIndex;
diff --git a/src/main/webapp/apps/frontPageApp/frontPage.html b/src/main/webapp/apps/frontPageApp/frontPage.html
index 4523e6f..5cdea9a 100644..100755
--- a/src/main/webapp/apps/frontPageApp/frontPage.html
+++ b/src/main/webapp/apps/frontPageApp/frontPage.html
@@ -3,13 +3,33 @@
   <div class="page-header">
     <h1>Newcomers</h1>
   </div>
-
-  <style>
-    .personsGrid {
-      height: 400px;
-    }
-  </style>
-
-  <div class="personsGrid" ng-grid="personsGridOptions"><!-- --></div>
+  <table class="table">
+    <thead>
+    <tr>
+      <th>Name</th>
+      <th>Badges</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr ng-repeat="person in persons.rows">
+      <td><a href="/person/{{person.uuid}}">{{person.name}}</a></td>
+      <td>{{person.badges.length}}</td>
+    </tr>
+    </tbody>
+    <tfoot>
+    <tr>
+      <td colspan="2">
+        <ul class="pager">
+          <li class="previous" ng-class="{disabled: persons.startIndex == 0}">
+            <a ng-click="persons.prev()">&larr; Older</a>
+          </li>
+          <li class="next">
+            <a ng-click="persons.next()">Newer &rarr;</a>
+          </li>
+        </ul>
+      </td>
+    </tr>
+    </tfoot>
+  </table>
 
 </div>
diff --git a/src/main/webapp/apps/frontPageApp/frontPageApp.js b/src/main/webapp/apps/frontPageApp/frontPageApp.js
index c4fa0cc..21bc91f 100644..100755
--- a/src/main/webapp/apps/frontPageApp/frontPageApp.js
+++ b/src/main/webapp/apps/frontPageApp/frontPageApp.js
@@ -1,71 +1,10 @@
 'use strict';
 
-var frontPageApp = angular.module('frontPageApp', ['ngGrid', 'person']).config(function ($routeProvider, $locationProvider) {
+var frontPageApp = angular.module('frontPageApp', ['ngGrid', 'person', 'pagingTableService']).config(function ($routeProvider, $locationProvider) {
   $routeProvider.
       when('/', {controller: FrontPageCtrl, templateUrl: '/apps/frontPageApp/frontPage.html?noCache=' + noCache});
 });
 
-function FrontPageCtrl($scope, $http, Person) {
-  $scope.persons = [];
-
-  $scope.pagingOptions = {
-    pageSizes: [10],
-    pageSize: 10,
-    totalServerItems: 0,
-    currentPage: 1
-  };
-
-  $scope.personsGridOptions = {
-    data: 'persons',
-    displayFooter: true,
-    enablePaging: true,
-    enableRowReordering: false,
-    enableColumnReordering: false,
-    showFilter: false,
-    showColumnMenu: false,
-    canSelectRows: false,
-    displaySelectionCheckbox: false,
-    pagingOptions: $scope.pagingOptions,
-    columnDefs: [
-      {
-        field: 'name',
-        displayName: 'Name',
-        cellTemplate: '<a href="/person/{{row.getProperty(\'uuid\')}}">{{row.getProperty(col.field)}}</a>'
-      },
-      {
-        field: 'badges',
-        displayName: 'Badges',
-        cellTemplate: '<div>{{row.getProperty(col.field).length}}</div>'
-      }
-    ]
-  };
-
-  $scope.setPagingData = function(data, page, pageSize){
-//    $scope.persons = data.slice((page - 1) * pageSize, page * pageSize);
-    $scope.persons = data;
-//    $scope.personsGridOptions.totalServerItems = data.length;
-    window.x = $scope.personsGridOptions;
-    if (!$scope.$$phase) {
-      $scope.$apply();
-    }
-  };
-
-  $scope.getPagedDataAsync = function (pageSize, page/*, searchText*/) {
-    setTimeout(function () {
-
-      Person.query({startIndex: page * pageSize, count: pageSize}, function (persons) {
-        $scope.setPagingData(persons, page, pageSize);
-      });
-    }, 100);
-  };
-
-  $scope.$watch('pagingOptions', function () {
-    $scope.getPagedDataAsync($scope.pagingOptions.pageSize, $scope.pagingOptions.currentPage);
-  }, true);
-
-//  $http.get('/resource/core/person-count').success(function(count) {
-//    $scope.pagingOptions.totalServerItems = count;
-//
-//    $scope.getPagedDataAsync($scope.pagingOptions.pageSize, $scope.pagingOptions.currentPage);
-//  });
+function FrontPageCtrl($scope, Person, PagingTableService) {
+  $scope.persons = PagingTableService.create($scope, PagingTableService.defaultCallback(Person));
 }
diff --git a/src/main/webapp/apps/personApp/personApp.js b/src/main/webapp/apps/personApp/personApp.js
index 8c13669..e8ef1d5 100644..100755
--- a/src/main/webapp/apps/personApp/personApp.js
+++ b/src/main/webapp/apps/personApp/personApp.js
@@ -1,39 +1,16 @@
 'use strict';
 
-var personApp = angular.module('personApp', ['person', 'build']).config(function ($routeProvider, $locationProvider) {
+var personApp = angular.module('personApp', ['person', 'build', 'pagingTableService']).config(function ($routeProvider, $locationProvider) {
   $routeProvider.
       when('/', {controller: PersonCtrl, templateUrl: '/apps/personApp/person.html?noCache=' + noCache});
 });
 
-function PersonCtrl($scope, $location, Person, Build) {
-  function queryBuilds() {
-    var builds = $scope.builds;
-    Build.query({person: uuid, startIndex: builds.startIndex, count: builds.count}, function (builds) {
-      $scope.builds.rows = builds;
-    });
-  }
+function PersonCtrl($scope, $routeParams, Person, Build, PagingTableService) {
+  var personUuid = uuid;
 
   $scope.mode = 'overview';
-  $scope.builds = {
-    rows: [],
-    startIndex: 0,
-    count: 10,
-    first: function() {
-      $scope.builds.startIndex = 0;
-      queryBuilds();
-    },
-    next: function() {
-      $scope.builds.startIndex += $scope.builds.count;
-      queryBuilds();
-    },
-    prev: function() {
-      if($scope.builds.startIndex == 0) {
-        return;
-      }
-      $scope.builds.startIndex -= $scope.builds.count;
-      queryBuilds();
-    }
-  };
+
+  $scope.builds = PagingTableService.create($scope, PagingTableService.defaultCallback(Build, {person: personUuid}));
 
   $scope.setMode = function(mode) {
     $scope.mode = mode;