custom/plugins/NetzpBlog6/src/Resources/views/storefront/element/cms-element-netzp-blog6.html.twig line 1

  1. {% block blog_content_posts %}
  2.     {% set searchResult = element.data.result %}
  3.     <div class="netzp-blog6-list" id="blog">
  4.         {% if(element.data.pluginConfig.showcategory and
  5.             element.config.category.value != null and
  6.             element.config.category.value != '00000000000000000000000000000000') %}
  7.             {% set firstPost = searchResult|first %}
  8.             {% block blog_content_category %}
  9.                 <div class="card mt-4 mb-4">
  10.                     <h2 class="card-header">
  11.                         {{ firstPost.category.translated.title }}
  12.                     </h2>
  13.                     {% if(firstPost.category.translated.teaser) %}
  14.                         <div class="card-body m-2">
  15.                             {{ firstPost.category.translated.teaser|raw }}
  16.                         </div>
  17.                     {% endif %}
  18.                 </div>
  19.             {% endblock %}
  20.         {% endif %}
  22.         {% if element.config.layout.value == 'slider' %}
  23.             {% sw_include "@Storefront/storefront/element/blog-index-slider.html.twig" %}
  25.         {% else %}
  26.             {% set filterUrl = null %}
  27.             {% set dataUrl = null %}
  28.             {% if page.header.navigation.active.id %}
  29.                 {% set filterUrl = url('frontend.cms.navigation.filter', { navigationId: page.header.navigation.active.id }) %}
  30.                 {% set dataUrl = url('frontend.cms.navigation.page', { navigationId: page.header.navigation.active.id }) %}
  31.             {% endif %}
  33.             {% set currentPage = ((searchResult.criteria.offset + 1) / searchResult.criteria.limit )|round(0, 'ceil') %}
  34.             {% set paginationConfig = { page: currentPage } %}
  35.             {% set paginationOptions = {
  36.                 dataUrl: dataUrl,
  37.                 filterUrl: filterUrl,
  38.                 scrollTopListingWrapper: true,
  39.                 snippets: {
  40.                     resetAllButtonText: 'netzp.blog.filter.reset'|trans
  41.                 }
  42.             } %}
  44.             <div class="cms-element-sidebar-filter">
  45.                 {% if element.config.filterCategory.value or element.config.filterTags.value or element.config.filterAuthor.value %}
  46.                     <button class="btn header-actions-btn filter-panel-wrapper-toggle mb-4 mb-lg-4"
  47.                             type="button"
  48.                             data-offcanvas-filter="true"
  49.                             aria-haspopup="true"
  50.                             aria-expanded="false"
  51.                             aria-label="{{ "general.menuLink"|trans }}">
  52.                         {% block element_product_listing_filter_button_icon %}
  53.                             {% sw_icon 'sliders-horizontal' %}
  54.                         {% endblock %}
  55.                         {{ "listing.filterTitleText"|trans }}
  56.                     </button>
  58.                     <div id="filter-panel-wrapper"
  59.                          class="filter-panel-wrapper"
  60.                          data-offcanvas-filter-content="true">
  62.                         <div class="filter-panel-offcanvas-header">
  63.                             <div class="filter-panel-offcanvas-only filter-panel-offcanvas-title">{{ "listing.filterTitleText"|trans }}</div>
  65.                             <div class="filter-panel-offcanvas-only filter-panel-offcanvas-close js-offcanvas-close">
  66.                                 {% sw_icon 'x' style { 'size': 'md' } %}
  67.                             </div>
  68.                         </div>
  70.                         <div class="filter-panel row mt-4 mt-lg-4">
  71.                             <div class="filter-panel-items-container col-12 col-lg-6">
  72.                                 {% set categories = searchResult.aggregations.get('categories') %}
  73.                                 {% set categoriesSorted = categories.entities|sort((a, b) => a.translated.title <=> b.translated.title) %}
  74.                                 {% if element.config.filterCategory.value and categoriesSorted %}
  75.                                     {% sw_include '@Storefront/storefront/element/filter/category-filter.html.twig' with {
  76.                                         elements: categoriesSorted,
  77.                                         name: 'categories',
  78.                                         displayName: 'netzp.blog.filter.categories'|trans
  79.                                     } %}
  80.                                 {% endif %}
  82.                                 {% set authors = searchResult.aggregations.get('authors') %}
  83.                                 {% set authorsSorted = authors.entities|sort((a, b) => a.translated.name <=> b.translated.name) %}
  84.                                 {% if element.config.filterAuthor.value and authorsSorted %}
  85.                                     {% sw_include '@Storefront/storefront/component/listing/filter/filter-multi-select.html.twig' with {
  86.                                         elements: authorsSorted,
  87.                                         name: 'authors',
  88.                                         displayName: 'netzp.blog.filter.authors'|trans
  89.                                     } %}
  90.                                 {% endif %}
  92.                                 {% set tags = searchResult.aggregations.get('tags') %}
  93.                                 {% set tagsSorted = tags.entities|sort((a, b) => a.name <=> b.name) %}
  94.                                 {% if element.config.filterTags.value and tagsSorted %}
  95.                                     {% sw_include '@Storefront/storefront/element/filter/tags-filter.html.twig' with {
  96.                                         elements: tagsSorted,
  97.                                         name: 'tags',
  98.                                         displayName: 'netzp.blog.filter.tags'|trans
  99.                                     } %}
  100.                                 {% endif %}
  101.                             </div>
  103.                             <div class="filter-panel-active-container col-12 col-lg-6"></div>
  104.                         </div>
  105.                     </div>
  106.                 {% endif %}
  108.                 <div class="cms-element-product-listing-wrapper"
  109.                      data-listing-pagination="true"
  110.                      data-listing-pagination-options='{{ paginationConfig|json_encode }}'
  111.                      data-listing="true"
  112.                      data-listing-options='{{ paginationOptions|json_encode }}'>
  114.                     <div class="cms-element-product-listing">
  115.                         <div class="row cms-listing-row js-listing-wrapper">
  116.                             {% if searchResult.total > 0 %}
  117.                                 {% if element.config.layout.value == 'list' %}
  118.                                     <div class="blog-list">
  119.                                 {% endif %}
  121.                                 {% for post in searchResult.elements %}
  122.                                     {% if element.config.layout.value == 'cards' %}
  123.                                         {% sw_include "@Storefront/storefront/element/blog-index-card.html.twig" %}
  124.                                     {% elseif element.config.layout.value == 'list' %}
  125.                                         {% sw_include "@Storefront/storefront/element/blog-index-listitem.html.twig" %}
  126.                                     {% elseif element.config.layout.value == 'tpl' %}
  127.                                         {% sw_include "@Storefront/storefront/element/blog-index-template.html.twig" %}
  128.                                     {% endif %}
  129.                                 {% endfor %}
  131.                                 {% if element.config.layout.value == 'list' %}
  132.                                     </div>
  133.                                 {% endif %}
  135.                             {% else %}
  136.                                 <div class="cms-listing-col col-12">
  137.                                     {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  138.                                         type: 'info', content: 'netzp.blog.msg.noposts'|trans|sw_sanitize
  139.                                     } %}
  140.                                 </div>
  141.                             {% endif %}
  142.                         </div>
  144.                         {% if (not element.config.noPagination.value) and (searchResult.total > searchResult.limit) %}
  145.                             <br>
  146.                             {% sw_include '@Storefront/storefront/component/pagination.html.twig' with {
  147.                                 entities: searchResult,
  148.                                 criteria: searchResult.criteria
  149.                             } %}
  150.                         {% endif %}
  151.                     </div>
  152.                 </div>
  153.             </div>
  154.         {% endif %}
  155.     </div>
  156. {% endblock %}