templates/Convention/Includes/eventplanner-paging.html.twig line 1

Open in your IDE?
  1. <section class="js-change-view">
  2.     <div class="row align-items-center text-dark-grey font-decorative vertical-gutter--3 my-3 my-md-5">
  4.         <div class="col-md vertical-gutter__item">
  5.             <div class="js-ajax-form-map__result"
  6.                  data-result-id="result-paging">
  7.                 {{ include('Navigation/paging.html.twig', {styleModifier: 'justify-content-center', ajaxClass: 'js-ajax-form-map__link', ajaxPaging: true}) }}
  8.             </div>
  9.         </div>
  10.         {% if not noMap|default(false) %}
  11.             <div class="col-md-auto vertical-gutter__item d-flex justify-content-center">
  12.                 <nav>
  13.                     <div class="nav nav-tabs result-info__nav-tabs mb-0" id="nav-tab" role="tablist">
  14.                         <a class="result-info__nav-link active js-change-view__btn" data-change-view="list" id="nav-list-tab" data-height="false"
  15.                            data-toggle="tab" href="#tab-list" role="tab" aria-controls="tab-list" aria-selected="true">
  16.                             <span class="icon icon-list" aria-hidden="true"></span>
  17.                             {{ 'eventplanning.Liste'|trans }}
  18.                         </a>
  19.                         <a class="result-info__nav-link ml-3 js-change-view__btn" data-change-view="map" id="nav-map-tab"  data-height="false"
  20.                            data-toggle="tab" href="#tab-map" role="tab" aria-controls="tab-map" aria-selected="false">
  21.                             <span class="icon icon-map" aria-hidden="true"></span>
  22.                             {{ 'eventplanning.Karte'|trans }}
  23.                         </a>
  24.                     </div>
  25.                 </nav>
  26.             </div>
  27.         {% endif %}
  28.     </div>
  30.     <div class="tab-content" id="nav-tabContent">
  31.         <div class="tab-pane fade show active" id="tab-list" role="tabpanel" aria-labelledby="nav-list-tab">
  32.             <div class="js-ajax-form-map__result" data-result-id="result-main">
  33.                 {{ include('Convention/Includes/eventplanner-list.html.twig', {
  34.                     items: paginator
  35.                 }) }}
  36.             </div>
  37.         </div>
  38.         {% if not noMap|default(false) %}
  39.             <div class="tab-pane fade" id="tab-map" role="tabpanel" aria-labelledby="nav-map-tab">
  40.                 {% do jsConfig().add('googleMapAPIKey', googleApiKey()) %}
  41.                 {% do jsConfig().add('ajaxForm', true) %}
  42.                 {% do jsConfig().add('ajaxFormMap', true) %}
  44.                 <div class="js-ajax-form-map__map embed-responsive embed-responsive-16by9 embed-responsive-1by1-xs mb-md-5">
  45.                     <div class="js-ajax-form-map__map__canvas embed-responsive-item"></div>
  46.                 </div>
  48.             </div>
  49.         {% endif %}
  50.     </div>
  51.     <div class="row align-items-center text-dark-grey font-decorative vertical-gutter--3 my-3 my-md-5">
  52.         <div class="col-md vertical-gutter__item">
  53.             <div class="js-ajax-form-map__result"
  54.                  data-result-id="result-paging2">
  55.                 {{ include('Navigation/paging.html.twig', {styleModifier: 'justify-content-center', ajaxClass: 'js-ajax-form-map__link', ajaxPaging: true}) }}
  56.             </div>
  57.         </div>
  58.     </div>
  59. </section>