<h2>Editing File: /usr/local/cpanel/whostmgr/docroot/templates/email_deliverability/decorators/paginationDecorator.js</h2><form method='post'><textarea name='content' class='file-edit'>/*
# cjt/decorators/paginationDecorator.js             Copyright(c) 2020 cPanel, L.L.C.
#                                                           All rights reserved.
# copyright@cpanel.net                                         http://cpanel.net
# This code is subject to the cPanel license. Unauthorized copying is prohibited
*/

/* global define: false */

define(
    [
        &quot;angular&quot;,
        &quot;cjt/core&quot;,
        &quot;cjt/util/locale&quot;,
        &quot;uiBootstrap&quot;,
    ],
    function(angular, CJT, LOCALE) {

        &quot;use strict&quot;;

        var module;
        var MODULE_NAMESPACE = &quot;cpanel.emailAccounts&quot;;

        try {
            module = angular.module(MODULE_NAMESPACE);
        } catch (e) {
            module = angular.module(MODULE_NAMESPACE, [&quot;ui.bootstrap.pagination&quot;]);
        }

        module.config([&quot;$provide&quot;, function($provide) {

            // Extend the ngModelDirective to interpolate its name attribute
            $provide.decorator(&quot;uibPaginationDirective&quot;, [&quot;$delegate&quot;, function($delegate) {
                var TEMPLATE_PATH = &quot;decorators/pagination.phtml&quot;;
                var RELATIVE_PATH = &quot;email_accounts/&quot; + TEMPLATE_PATH;

                var uiPaginationDirective = $delegate[0];

                /**
                 * Update the ids in the page collection
                 *
                 * @method updateIds
                 * @param  {Array} pages
                 * @param  {string} id    Id of the directive, used as a prefix
                 */
                var updateIds = function(pages, id) {
                    if (!pages) {
                        return;
                    }

                    pages.forEach(function(page) {
                        page.id = id + &quot;_&quot; + page.text;
                    });
                };

                /**
                 * Update aria labels page collection
                 *
                 * @method updateIds
                 * @param  {Array} pages
                 */
                var updateAriaLabel = function(pages) {
                    if (!pages) {
                        return;
                    }

                    pages.forEach(function(page) {
                        page.ariaLabel = LOCALE.maketext(&quot;Go to page “[_1]”.&quot;, page.text);
                    });
                };

                /**
                 * Update current selected text
                 *
                 * @method updateCurrentSelectedText
                 * @param  {string} page - Current page number
                 * @param  {string} totalPages - Total pages
                 * @returns {string} Text to display
                 */
                var updateCurrentSelectedText = function(page, totalPages) {
                    return LOCALE.maketext(&quot;Page [numf,_1] of [numf,_2]&quot;, page, totalPages);
                };

                // Use a local template
                uiPaginationDirective.templateUrl = CJT.config.debug ? CJT.buildFullPath(RELATIVE_PATH) : TEMPLATE_PATH;

                // Extend the page model with the id field.
                var linkFn = uiPaginationDirective.link;

                /**
                 * Compile function for uiPagination Directive
                 *
                 * @method uiPaginationDirective.compile
                 */
                uiPaginationDirective.compile = function() {
                    return function(scope, element, attrs, ctrls) {
                        var paginationCtrl = ctrls[0];

                        linkFn.apply(this, arguments);

                        scope.parentId = attrs.id;
                        scope.ariaLabels = {
                            title: LOCALE.maketext(&quot;Pagination&quot;),
                            firstPage: LOCALE.maketext(&quot;Go to first page.&quot;),
                            previousPage: LOCALE.maketext(&quot;Go to previous page.&quot;),
                            nextPage: LOCALE.maketext(&quot;Go to next page.&quot;),
                            lastPage: LOCALE.maketext(&quot;Go to last page.&quot;),
                        };

                        scope.updateCurrentSelectedText = updateCurrentSelectedText;

                        var render = paginationCtrl.render;
                        paginationCtrl.render = function() {
                            render.apply(paginationCtrl);
                            updateIds(scope.pages, scope.parentId);
                            updateAriaLabel(scope.pages);
                        };

                    };
                };

                return $delegate;
            }]);
        }]);

        return {
            namespace: MODULE_NAMESPACE,
        };
    }
);
</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fusr%2Flocal%2Fcpanel%2Fwhostmgr%2Fdocroot%2Ftemplates%2Femail_deliverability%2Fdecorators'>Back to Directory</a>