first commit

admin-kalsport/themes/new-theme/js/translation-page/messages-pagination.js

@@ -0,0 +1,127 @@
+/**
+ * Copyright since 2007 PrestaShop SA and Contributors
+ * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
+ *
+ * NOTICE OF LICENSE
+ *
+ * This source file is subject to the Open Software License (OSL 3.0)
+ * that is bundled with this package in the file LICENSE.md.
+ * It is also available through the world-wide-web at this URL:
+ * https://opensource.org/licenses/OSL-3.0
+ * If you did not receive a copy of the license and are unable to
+ * obtain it through the world-wide-web, please send an email
+ * to license@prestashop.com so we can send you a copy immediately.
+ *
+ * DISCLAIMER
+ *
+ * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+ * versions in the future. If you wish to customize PrestaShop for your
+ * needs please refer to https://devdocs.prestashop.com/ for more information.
+ *
+ * @author    PrestaShop SA and Contributors <contact@prestashop.com>
+ * @copyright Since 2007 PrestaShop SA and Contributors
+ * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
+ */
+import MultiPagination from './multi-pagination';
+
+export default function () {
+  const fixedOffset = $('.header-toolbar').height() + $('.main-header').height();
+  const MAX_PAGINATION = 20;
+
+  const addPageLinksToNavigationBar = (nav) => {
+    const pageTemplate = $(nav).find('.tpl');
+    pageTemplate.removeClass('tpl');
+
+    const pageLinkTemplate = pageTemplate.clone();
+    pageTemplate.remove();
+    pageLinkTemplate.removeClass('hide');
+
+    let pageIndex;
+    let pageLink;
+    let pageLinkAnchor;
+    const totalPages = $(nav).parents('.translation-domains').find('.page').length;
+
+    if (totalPages === 1) {
+      return $('.pagination').addClass('hide');
+    }
+
+    $('.pagination').removeClass('hide');
+
+    let i;
+
+    for (i = 1; i < totalPages; i += 1) {
+      pageIndex = i + 1;
+      pageLink = pageLinkTemplate.clone();
+      pageLink.attr('data-page-index', pageIndex);
+      pageLinkAnchor = pageLink.find('a');
+      pageLinkAnchor.html(pageIndex);
+
+      $(nav).find('.pagination').append(pageLink);
+    }
+
+    return true;
+  };
+
+  // Fix internal navigation to anchors
+  // by adding offset of fixed header height
+  // @See also http://stackoverflow.com/a/13067009/282073
+  const scrollToPreviousPaginationBar = (paginationBar) => {
+    const paginationBarTop = paginationBar.getBoundingClientRect().top;
+    window.scrollTo(window.pageXOffset, window.pageYOffset + paginationBarTop - fixedOffset);
+  };
+
+  $('.translation-domain .go-to-pagination-bar').click((event) => {
+    const paginationBar = $(event.target).parents('.translation-domain').find('.pagination')[0];
+    scrollToPreviousPaginationBar(paginationBar);
+
+    return false;
+  });
+
+  $('.translation-domains nav').each((navIndex, nav) => {
+    addPageLinksToNavigationBar(nav);
+
+    const hideActivePageInDomain = (domain) => {
+      const page = domain.find('.page[data-status=active]');
+      $(page).addClass('hide');
+      $(page).attr('data-status', 'inactive');
+    };
+
+    const showPageInDomain = (pageIndex, domain) => {
+      const targetPage = domain.find(`.page[data-page-index=${pageIndex}]`);
+      $(targetPage).removeClass('hide');
+      $(targetPage).attr('data-status', 'active');
+    };
+
+    $(nav).find('.page-link').click((event) => {
+      const paginationBar = $(event.target).parents('.pagination')[0];
+      scrollToPreviousPaginationBar(paginationBar);
+    });
+
+    $(nav).find('.page-item').click((event) => {
+      const pageLink = $(event.target);
+      const domain = pageLink.parents('.translation-domains').find('.translation-forms');
+      const pageItem = pageLink.parent();
+      const pageIndex = pageItem.data('page-index');
+
+      $(`[data-page-index=${pageIndex}]`).addClass('active');
+      $(`[data-page-index=${pageIndex}]`).siblings().removeClass('active');
+
+      pageItem.parent().find('.active').removeClass('active');
+      pageItem.addClass('active');
+
+      hideActivePageInDomain(domain);
+      showPageInDomain(pageIndex, domain);
+
+      return false;
+    });
+  });
+
+  if ($('.translation-domains').find('.page').length > MAX_PAGINATION) {
+    $('.page-item.hide').removeClass('hide');
+    $('.pagination').each((index, pagination) => {
+      const lastItem = $(pagination).find('.page-item:last-child');
+      $(pagination).find('.js-next-arrow').insertAfter(lastItem).removeClass('hide');
+      MultiPagination($(pagination));
+    });
+  }
+}