templates/ProfileList/_show_more.profiles.html.twig line 1

Open in your IDE?
  1. {# {% set stationFlag = 'false' %}
  2. {% for key in app.request.attributes.get('_route_params')|keys %}
  3.     {% if key == 'station' or key == 'stations' %}
  4.         {% set stationFlag = 'true' %}
  5.     {% endif %}
  6. {% endfor %} #}
  7. {# {% set totalPages = (profiles.totalCount / profiles.currentLimit)|round(0, 'ceil') %}
  8. <div class="d-flex justify-content-center" id="showmore_container">
  9.     <button class="show-more btn btn-danger align-items-center justify-content-center{{ totalPages == 1 or totalPages == profiles.currentPage ? ' d-none' : '' }} rounding"
  10.         type="button"
  11.         id="showMoreBtnShowMore"
  12.         data-currentPage="{{ profiles.currentPage }}"
  13.         data-totalPages="{{ totalPages }}"
  14.         data-perPage="{{ profiles.currentLimit }}"
  15.         data-itemsInRow="{{ profiles.currentLimit >= 3 ? 3 : profiles.currentLimit }}"
  16.         data-url="{{ app.request.requestUri }}"
  17.         data-filter-url="{{ path('profile_list.filter_list', {city: app.request.attributes.get('city').uriIdentity}) }}"
  18.     >Показать ещё</button>
  19.     <button class="show-more btn btn-danger align-items-center justify-content-center{{ totalPages == 1 or totalPages == profiles.currentPage ? ' d-none' : '' }} rounding"
  20.         data-show-more-btn
  21.         type="button"
  22.     >Показать ещё NEW 2</button>
  23. </div> #}
  24. {% set totalPages = (profiles.totalCount / profiles.currentLimit)|round(0, 'ceil') %}
  25. <div class="d-flex justify-content-center" id="showmore_container">
  26.     <button class="show-more btn btn-danger align-items-center justify-content-center{{ totalPages == 0 or totalPages == 1 or totalPages == profiles.currentPage ? ' d-none' : '' }} rounding" type="button" id="btn-show-more">Показать еще</button>
  27. </div>
  28. <script type="text/javascript">
  29.     {# document.addEventListener('DOMContentLoaded', function() {
  30.         window.moreLoader = new MoreLoader({
  31.             'btnMoreSelector': '#btn-show-more',
  32.             'containerSelector': '#profile-list',
  33.             'receiveRenderedResponse': true,
  34.             'responseCallback': function(response) {
  35.                 const profileList = document.querySelector('#profile-list');
  36.                 profileList.innerHTML += response;
  38.                 document.querySelectorAll('.pagination').forEach(function (el) {
  39.                     el.style.display = 'none';
  40.                 });
  42.                 document.dispatchEvent(new Event("filter:load:finish"));
  43.             },
  44.             'templateSelector': null,
  46.             'url': '{{ app.request.requestUri }}',
  47.             'urlCity': '{{ app.request.attributes.get('city').uriIdentity }}',
  48.             'urlPagePartTemplate': 'page%N%/',
  49.             'currentPage': {{ profiles.currentPage }},
  50.             'totalPages': {{ (profiles.totalCount / profiles.currentLimit)|round(0, 'ceil') }},
  51.             'perPage': 5,
  52.             'itemsInRow': 2,
  53.             'recordsArrayName': 'profiles',
  54.         });
  55.     }); #}
  56. </script>
  57. {% include 'ShowMore/_show_more.base.html.twig' %}
  59. {#<script>
  60.     document.addEventListener('DOMContentLoaded', () => {
  61.         new window.SHOW_MORE_LOAD({
  62.             pages: {
  63.                 current: {{profiles.currentPage}},
  64.                 total: {{totalPages}},
  65.                 perPage: {{profiles.currentLimit}},
  66.             },
  67.             url: "{{ app.request.requestUri }}",
  68.             urlWithFilter: "{{ path('profile_list.filter_list', {city: app.request.attributes.get('city').uriIdentity}) }}",
  69.             targetClick: '[data-show-more-btn]',
  70.             targetAppend: '[data-show-more-append]',
  71.         })
  72.     })
  73. </script>#}