feat(pagination): add opportunity to localize pagination without template rewrite

Author: just-boris

src/pagination/pagination.js

@@ -7,7 +7,9 @@ angular.module('ui.bootstrap.pagination', [])
       numPages: '=',
       currentPage: '=',
       maxSize: '=',
-      onSelectPage: '&'
+      onSelectPage: '&',
+      nextText: '@',
+      previousText: '@'
     },
     templateUrl: 'template/pagination/pagination.html',
     replace: true,

src/pagination/test/pagination.spec.js

@@ -190,4 +190,24 @@ describe('pagination directive with max size option', function () {
     expect($rootScope.maxSize).toBe(15);
   });
 
-});  
+});
+
+describe('pagination custom', function () {
+  var $rootScope, element;
+  beforeEach(module('ui.bootstrap.pagination'));
+  beforeEach(module('template/pagination/pagination.html'));
+  beforeEach(inject(function(_$compile_, _$rootScope_) {
+    $compile = _$compile_;
+    $rootScope = _$rootScope_;
+    $rootScope.numPages = 5;
+    $rootScope.currentPage = 3;
+    element = $compile('<pagination previous-text="<<" next-text=">>" num-pages="numPages" current-page="currentPage"></pagination>')($rootScope);
+    $rootScope.$digest();
+  }));
+
+  it('should change paging text from attribute', function () {
+    expect(element.find('li').eq(0).text()).toBe('<<');
+    expect(element.find('li').eq(-1).text()).toBe('>>');
+  });
+
+});

template/pagination/pagination.html

@@ -1,6 +1,6 @@
 <div class="pagination"><ul>
-  <li ng-class="{disabled: noPrevious()}"><a ng-click="selectPrevious()">Previous</a></li>
+  <li ng-class="{disabled: noPrevious()}"><a ng-click="selectPrevious()">{{previousText || 'Previous'}}</a></li>
   <li ng-repeat="page in pages" ng-class="{active: isActive(page)}"><a ng-click="selectPage(page)">{{page}}</a></li>
-  <li ng-class="{disabled: noNext()}"><a ng-click="selectNext()">Next</a></li>
+  <li ng-class="{disabled: noNext()}"><a ng-click="selectNext()">{{nextText || 'Next'}}</a></li>
   </ul>
 </div>