templates/application/partial/pagination-script.html.twig line 1

Open in your IDE?
  1. {% if tag is not defined %}
  2.     {% set tag = null %}
  3. {% endif %}
  5. {% if itemsRouteParams is not defined %}
  6.     {% set itemsRouteParams = {} %}
  7. {% endif %}
  9. {% if tag %}
  10.     {% set itemsRouteParams = {tag: tag, ...itemsRouteParams} %}
  11. {% endif %}
  13. <script>
  15.     function initView() {
  16.         $('#pagination a').click(function () {
  17.             let page = $(this).attr('data-page');
  18.             let href = '{{ path(itemsRouteName, itemsRouteParams) }}';
  19.             let query = '';
  20.             if (page > 1) {
  21.                 if (query) {
  22.                     query += '&';
  23.                 }
  24.                 query += 'page=' + page;
  25.             }
  26.             if (query) {
  27.                 query = '?' + query;
  28.             }
  29.             location.href = href + query;
  30.             return false;
  31.         });
  33.         initShowMore();
  34.     }
  36.     initView();
  38.     var busy = false;
  39.     var page = {{ pagination.current }};
  40.     function initShowMore() {
  41.         $('#showMore button').click(function () {
  42.             if (busy) {
  43.                 return false;
  44.             }
  45.             busy = true;
  46.             if (!page) {
  47.                 page = 1;
  48.             }
  49.             page++;
  50.             $(this).html('Загрузка...');
  51.             $.ajax({
  52.                 type: "POST",
  53.                 url: '{{ path(itemsRouteName ~ '-show-more', itemsRouteParams) }}',
  54.                 data: {page: page},
  55.                 success: function (data) {
  56.                     $('#items').html($('#items').html() + data.html);
  57.                     $('#pagination').html(data.paginationHtml);
  58.                     initView();
  59.                     prepareProductBlockCount($('#items'));
  60.                 },
  61.                 dataType: 'json'
  62.             }).fail(function () {
  63.                 alert('Error');
  64.             }).always(function () {
  65.                 busy = false;
  66.             });
  68.             return false;
  69.         });
  70.     }
  71. </script>