templates/SaloonPreview/_profiles.html.twig line 1

Open in your IDE?
  1. {% if profiles|length > 0 %}
  2.     <div class="mb-3">
  3.         <h2>{% trans %}Девушки в салоне{% endtrans %}</h2>
  4.         <div id="saloon-profile-list" class="row mb-3">
  5.             {% include 'SaloonPreview/_profiles_list.html.twig' with { profiles: profiles } %}
  6.         </div>
  7.         {% if total_count > per_page %}
  8.             <a href="javascript:void(0);" id="saloon-profiles-show-more">Показать еще</a>
  9.             <script type="text/javascript">
  10.                 document.addEventListener('DOMContentLoaded', function () {
  11.                     let currentPage = 1;
  12.                     const totalPages = {{ (total_count / per_page)|round(0, 'ceil') }};
  13.                     const button = document.querySelector('#saloon-profiles-show-more');
  14.                     const container = document.querySelector('#saloon-profile-list');
  15.                     const urlTemplate = '{{ path('saloon_preview.profiles', {
  16.                         city: saloon.city.uriIdentity,
  17.                         saloon: saloon.uriIdentity,
  18.                         page: 999999
  19.                     }) }}?rotation={{ rotation_offset }}';
  21.                     button.addEventListener('click', function () {
  22.                         if (currentPage >= totalPages) {
  23.                             button.style.display = 'none';
  24.                             return;
  25.                         }
  27.                         button.style.display = 'none';
  28.                         ajax({
  29.                             url: urlTemplate.replace('999999', currentPage + 1),
  30.                             method: 'GET',
  31.                             callback: function (response) {
  32.                                 const wrapper = document.createElement('div');
  33.                                 wrapper.innerHTML = response;
  34.                                 Array.prototype.slice.call(wrapper.children).forEach(function (child) {
  35.                                     container.appendChild(child);
  36.                                 });
  38.                                 currentPage++;
  39.                                 button.style.display = currentPage >= totalPages ? 'none' : 'inline';
  40.                             },
  41.                             dataType: 'json',
  42.                             responseType: 'text/html',
  43.                         });
  44.                     });
  45.                 });
  46.             </script>
  47.         {% endif %}
  48.     </div>
  49. {% endif %}