templates/front/partials/card-list.html.twig line 1

Open in your IDE?
  1. <div class="fluid-grid"
  2.      js-algolia-list="{type: '{{ type }}', userConnected: '{{ app.user == null ? 'false' : 'true' }}' , isAdherent: '{{ page.type == 'publications-list-adherent' }}' }">
  3.     {# header list #}
  4.     {# {% set typeClass = type == 'publication' ? 'publi' : 'news' %} #}
  5.     {% if type == 'publication' %}
  6.         {% set typeClass = 'publi' %}
  7.     {% elseif type == 'news' %}
  8.         {% set typeClass = 'news' %}
  9.     {% else %}
  10.         {% set typeClass = 'photo' %}
  11.     {% endif %}
  12.     <div class="{{ page.type != 'publications-list-adherent' ? 'card-list-heading card-list-heading--' ~ typeClass : 'mb-8' }}">
  13.         <div class="{{ page.template != 'photo-library' ? 'row' : 'md:flex' }} justify-between items-end">
  14.             <div class="{{ page.template != 'photo-library' ? 'col-12 md-col-8 lg-col-9' : '' }} mb-4 md:mb-0">
  15.                 {% if page.template != 'photo-library' %}
  16.                 <h2 class="title title--L {{ page.type != 'publications-list-adherent' ? 'text-white' : 'text-violet-dark' }} font-light">
  17.                 {% else %}
  18.                 <h2 class="title title--L title--stats text-violet-dark font-light">
  19.                 {% endif %}
  20.                     {% if page.type == 'publications-list-adherent' %}
  21.                         Nos dernières <span>publications adhérentes</span>
  22.                     {% elseif page.type == 'photo-library' %}
  23.                         <div js-algolia-list-stats></div>
  24.                     {% else %}
  25.                         Toutes nos <span>{{ type == 'publication' ? 'publications' : 'actualités' }}</span>
  26.                     {% endif %}
  27.                 </h2>
  28.             </div>
  30.             <div class="{{ page.template != 'photo-library' ? 'col-12 md-col-4 lg-col-3' : '' }}">
  31.                 {% if page.type == 'photo-library' %}
  32.                 <button class="filters-toggle" js-modal-control="{target: '#filters-list'}">
  33.                     Filtrer par typologie de photos
  34.                     <svg width="13" height="8" class="icon--violet ml-2">
  35.                         <use href="#icon-arrow-down" xlink:href="#icon-arrow-down"></use>
  36.                     </svg>
  37.                 </button>
  38.                 {% else %}
  39.                 <button class="filters-toggle" js-modal-control="{target: '#filters-list'}">
  40.                     Filtrer les {{ type == 'publication' ? 'publications' : 'actualités' }}
  41.                     <svg width="13" height="8" class="icon--violet">
  42.                         <use href="#icon-arrow-down" xlink:href="#icon-arrow-down"></use>
  43.                     </svg>
  44.                 </button>
  45.                 {% endif %}
  47.                 {% include 'front/partials/modal/filters.html.twig' %}
  48.             </div>
  49.         </div>
  50.     </div>
  52.     {# results list #}
  53.     <div class="card-list" js-algolia-list-results>
  54.         {% set tag = null %}
  55.         {% if page.type == 'expertise' and page.tags|length > 0 %}
  56.             {% set tag = page.tags[0] %}
  57.         {% endif %}
  59.         {% if publications is defined %}
  60.             {% for publication in publications %}
  61.                 {% if page.type == 'publications-list' %}
  62.                     {% set publicationProperties = publication.contentProperties %}
  63.                     {% include 'front/partials/cards/publication.html.twig' with {type: publication.type} %}
  64.                 {% elseif page.type == 'news-list' %}
  65.                     {% set news = publication %}
  66.                     {% set newsProperties = news.contentProperties %}
  67.                     {% include 'front/partials/cards/news-event.html.twig' with {type: news.type} %}
  68.                 {% elseif page.type == 'photo-library' %}
  69.                     {% set photo = publication %}
  70.                     {% set photoProperties = photo.contentProperties %}
  71.                     {% include 'front/partials/cards/photo.html.twig' with {type: photo.type} %}
  72.                 {% endif %}
  73.             {% endfor %}
  74.         {% endif %}
  75.     </div>
  77.     <div js-algolia-list-pagination>
  78.         {% set offset = app.request.query.get("page") ?? 1 %}
  80.         {% if pagination is defined and  pagination.totalPages is defined and pagination.totalPages > 1 %}
  81.             <ul>
  82.                 <li>
  83.                     {% if app.request.query.get("sort") %}
  84.                         {% set param = {page: app.request.query.get("page") - 1|default(), sort: app.request.query.get("sort")|default('desc')} %}
  85.                     {% else %}
  86.                         {% set param = {page: app.request.query.get("page") - 1|default()} %}
  87.                     {% endif %}
  88.                     <a href="{{ page_url(page.type, "front", param) }}"></a>
  89.                 </li>
  91.                 {% for i in 1..pagination.totalPages %}
  92.                     {% if app.request.query.get("sort") %}
  93.                         {% set param = {page: i, sort: app.request.query.get("sort")|default('desc')} %}
  94.                     {% else %}
  95.                         {% set param = {page: i} %}
  96.                     {% endif %}
  97.                     <li>
  98.                         <a href="{{ page_url(page.type, "front", param) }}"></a>
  99.                     </li>
  100.                 {% endfor %}
  102.                 {% if app.request.query.get("sort") %}
  103.                     {% set param = {page: offset + 1, sort: app.request.query.get("sort")|default('desc')} %}
  104.                 {% else %}
  105.                     {% set param = {page: offset + 1} %}
  106.                 {% endif %}
  108.                 <li>
  109.                     <a href="{{ page_url(page.type, "front", param) }}"></a>
  110.                 </li>
  111.             </ul>
  112.         {% endif %}
  113.     </div>
  114. </div>