sheercms/static/directives/paginator.directive.js

Sheer Cliff CMS is a simple and powerful content management system (CMS) for Node JS.

app.directive('paginator', function ($parse) {
    return {
        restrict: 'C',
        scope: {
            settings: '=settings'
        },
        template: '<div ng-if="settings.pageCount > 1">' +
            '  <i class="fa fa-long-arrow-left arrow-prev" ng-show="settings.pageNum > 1" ng-click="prevPage()"></i>' +
            '  Page<span>{{settings.pageNum}}</span>of<span>{{settings.pageCount}}</span>' +
            '  <i class="fa fa-long-arrow-right arrow-next" ng-show="settings.pageNum < settings.pageCount" ng-click="nextPage()"></i>' +
            '</div>',
        link: function (scope, element, attrs) {

            /*
             scope.settings = {
             pageNum: 1,
             pageCount: 0,
             paginate: function(num)
             };
             */

            scope.prevPage = function() {
                scope.paginate(scope.settings.pageNum - 1);
            };

            scope.nextPage = function() {
                scope.paginate(scope.settings.pageNum + 1);
            };

            scope.paginate = function(num) {
                if (num > 0 && num <= scope.settings.pageCount && scope.settings.paginate) {
                    scope.settings.pageNum = num;
                    scope.settings.paginate(num);
                }
            };

            function init() {

            }

            init();
        }
    };
});