ui/twig/common/lazyloadSearch.html.twig line 1

Open in your IDE?
  1. {% set link = _args.link|default(curpath()) %}
  2. {% set search = _args.search %}
  3. {% set listSelector = _args.listSelector|default('[data-cms-lazyload]') %}
  4. {% set itemSelector = _args.itemSelector|default(listSelector ~ ' [data-cms-lazyload-item]') %}
  6. {% inline_script %}
  7.     <script>
  8.         $(function () {
  9.             $('{{ listSelector|escape('js') }}').infiniteScroll({
  10.                 append: '{{ itemSelector|escape('js') }}',
  11.                 scrollThreshold: 600,
  12.                 prefill: true,
  13.                 history: false,
  14.                 checkLastPage: '{{ listSelector|escape('js') }}',
  15.                 path: function() {
  16.                     var url = URI('{{ link|escape('js') }}'),
  17.                         cql = '{{ search.build(false)|escape('js') }}',
  18.                         pagination = 'pagination:' + (this.loadCount + 1) + 'x' + {{ search.pagination.size }};
  19.                     url
  20.                         .addSearch('cql', (cql + ' ' + pagination))
  21.                         .normalizeSearch();
  22.                     return url.href();
  23.                 },
  24.                 onInit: function() {
  25.                     // plugin tries to load the already loaded (page 0) elements
  26.                     // need to bump this value up to handle the problem
  27.                     this.loadCount = 1;
  28.                 }
  29.             });
  30.             var $body = $('body');
  31.             $body.on('append.infiniteScroll', function(e, response, path, items) {
  32.                 var $bulks = $(items).find('[data-bulk-category]');
  33.                 var categories = [];
  34.                 $bulks.each(function (index, elem) {
  35.                     var $elem = $(elem),
  36.                         cat = $elem.attr('data-bulk-category');
  37.                     if (categories.indexOf(cat) === -1) {
  38.                         categories.push(cat);
  39.                     }
  40.                 });
  41.                 for (var i = 0; i < categories.length; i++) {
  42.                     $body.trigger('campussuite.bulk.' + categories[i] + '.update');
  43.                 }
  44.             });
  45.         });
  46.     </script>
  47. {% endinline %}