Ability to set custom template for pagination

bower.json

@@ -1,6 +1,6 @@
 {
     "name": "smart-table",
-    "version": "1.4.4",
+    "version": "1.4.5",
     "homepage": "https://github.com/lorenzofox3/Smart-Table",
     "authors": [
         "lorenzofox3 <laurent34azerty@gmail.com>"

dist/smart-table.debug.js

@@ -332,7 +332,12 @@ ng.module('smart-table')
                 stItemsByPage: '=?',
                 stDisplayedPages: '=?'
             },
-            templateUrl: 'template/smart-table/pagination.html',
+            templateUrl: function(element, attrs) {
+              if (attrs.stTemplate) {
+                return attrs.stTemplate;
+              }
+              return 'template/smart-table/pagination.html';
+            },
             link: function (scope, element, attrs, ctrl) {
 
                 scope.stItemsByPage = scope.stItemsByPage ? +(scope.stItemsByPage) : 10;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "smart-table",
-  "version": "1.4.4",
+  "version": "1.4.5",
   "description": "",
   "main": "dist/smart-table.debug.js",
   "scripts": {

src/stPagination.js

@@ -7,7 +7,12 @@ ng.module('smart-table')
                 stItemsByPage: '=?',
                 stDisplayedPages: '=?'
             },
-            templateUrl: 'template/smart-table/pagination.html',
+            templateUrl: function(element, attrs) {
+              if (attrs.stTemplate) {
+                return attrs.stTemplate;
+              }
+              return 'template/smart-table/pagination.html';
+            },
             link: function (scope, element, attrs, ctrl) {
 
                 scope.stItemsByPage = scope.stItemsByPage ? +(scope.stItemsByPage) : 10;

test/spec/stPagination.spec.js

@@ -41,7 +41,7 @@ describe('stPagination directive', function () {
         $controllerProvider.register('stTableController', ControllerMock);
     }));
 
-    beforeEach(inject(function ($compile, $rootScope) {
+    beforeEach(inject(function ($compile, $rootScope, $templateCache) {
         rootScope = $rootScope;
         compile = $compile;
 
@@ -74,6 +74,23 @@ describe('stPagination directive', function () {
         });
     });
 
+    describe('template', function () {
+        var templateCache;
+        beforeEach(inject(function ($templateCache) {
+            templateCache = $templateCache;
+        }));
+
+        it('should load custom template from attribute "st-template"', function() {
+            templateCache.put('custom_template.html', '<div id="custom_id"></div>');
+
+            var template = '<table st-table="rowCollection"><tfoot><tr><td id="pagination" st-pagination="" st-template="custom_template.html"></td></tr></tfoot></table>';
+            element = compile(template)(rootScope);
+            rootScope.$apply();
+
+            expect(angular.element(element.find('div#custom_id')).length).toBe(1);
+        });
+    });
+
     describe('draw pages', function () {
 
         it('it should draw the pages based on table state using 5 as default value for displayed pages number and center it on the active page', function () {