pagination ui in place

ui/index.html

@@ -100,7 +100,7 @@
 
         <script src="vendor/angular/angular.js"></script>
         <script src="vendor/angular/angular-resource.js"></script>
-        <script src="vendor/ui-bootstrap-tpls-0.4.0.js"></script>
+        <script src="vendor/ui-bootstrap-tpls-0.6.0.js"></script>
         <script src="vendor/angular/angular-sanitize.min.js"></script>
         <script src="js/config/local.conf.js"></script>
         <script src="js/app.js"></script>

ui/js/controllers/jobs.js

@@ -29,13 +29,27 @@ treeherder.controller('JobsCtrl',
             }
         });
 
-        thResultSets.getResultSets().
-            success(function(data) {
-                $scope.result_sets = data;
-            }).
-            error(function(data, status, header, config) {
-                $scope.statusError("Error getting result sets and jobs from service");
-            });
+        $scope.totalItems=100;
+        $scope.currentPage=1;
+        $scope.maxSize=10;
+        $scope.offset = 0;
+
+        $scope.setPage = function(pageNo) {
+            $scope.currentPage = pageNo;
+            $scope.offset = ($scope.currentPage - 1) * 10;
+
+
+            thResultSets.getResultSets($scope.offset).
+                success(function(data) {
+                    $scope.result_sets = data;
+                }).
+                error(function(data, status, header, config) {
+                    $scope.statusError("Error getting result sets and jobs from service");
+                });
+
+        };
+
+        $scope.setPage($scope.currentPage);
 
     }
 );

ui/js/services.js

@@ -38,9 +38,13 @@ treeherder.factory('thResultSets',
 
     // get the resultsets for this repo
     return {
-        getResultSets: function() {
+        getResultSets: function(offset=0) {
+//            offset = typeof offset == 'undefined'?  offset : 0;
             return $http.get(thUrl.getProjectUrl("/resultset/"),
-                             {params: {exclude_empty: 1}}
+                             {params: {
+                                exclude_empty: 1,
+                                offset: offset
+                             }}
             );
         }
     }

ui/partials/jobs.html

@@ -1,5 +1,5 @@
 
-
+<div>
 <div ng-repeat="resultset in result_sets"
      ng-controller="ResultSetCtrl"
      class="result-set row-fluid">
@@ -67,3 +67,7 @@
         </table>
     </div>
 </div>
+<div ng-bind="offset"></div>
+<div class="btn" ng-click="setPage(1)">first</div>
+<pagination total-items="totalItems" page="currentPage"></pagination>
+</div>