custom/plugins/TcinnThemeWareModern/src/Resources/views/storefront/themeware/footer-elements/twt-hotline.html.twig line 1

Open in your IDE?
  1. {# ThemeWare: Footer-Element "Hotline" container #}
  2. {#
  3.     Create footer column and include hotline widget (content)
  4.     @Storefront/storefront/themeware/widgets/twt-hotline.html.twig
  5. #}
  6. {# TODO: Blöcke prüfen... #}
  7. {# TODO: Kommentare prüfen, ergänzen..., Blöck mit TW? #}
  8. {# TODO: footer-elements zusammenfassen (sh. twt-sidebar-widgets) #}
  9. {% block layout_footer_navigation_hotline %}
  10.     {# ThemeWare: Add column classes #}
  11.     {% if newcol == "2" %}
  12.         {% set blockClasses = ['col-md-12'] %}
  13.     {% elseif newcol == "3" %}
  14.         {% set blockClasses = ['col-md-6'] %}
  15.     {% else %}
  16.         {# ThemeWare: Add column classes for tablet viewports #}
  17.         {% if columns == columnsTablet %}
  18.             {% set blockClasses = ['col-md-' ~ columns] %}
  19.         {% else %}
  20.             {% set blockClasses = ['col-xl-' ~ columns, 'col-md-' ~ columnsTablet] %}
  21.         {% endif %}
  22.     {% endif %}
  23.     {# ThemeWare: Add default classes #}
  24.     {% set blockClasses = ['footer-column', 'footer-column-hotline']|merge(blockClasses) %}
  25.     {# ThemeWare: Add toggle class #}
  26.     {% if toggle != "4" %}
  27.         {% set blockClasses = ['js-footer-column']|merge(blockClasses) %}
  28.     {% endif %}
  29.     {# ThemeWare: Add element class and element number #}
  30.     {% set blockClasses = ['twt-element-' ~ elementid, 'twt-element-hotline']|merge(blockClasses) %}
  31.     {# ThemeWare: Permanently expanded #}
  32.     {% if toggle == "4" %}
  33.         {% set blockClasses = ['permanent']|merge(blockClasses) %}
  34.     {% endif %}
  35.     {# ThemeWare: Add class "last" to last element #}
  36.     {% if last == true %}
  37.         {% set blockClasses = ['last']|merge(blockClasses) %}
  38.     {% endif %}
  39.     {# TODO: add block "container" #}
  40.     <div class="{{ blockClasses|reverse|join(' ') }}">
  41.         {% block layout_footer_navigation_hotline_headline %}
  42.             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger{% if toggle == "2" %} show{% endif %}"
  43.                  id="collapseFooterHotlineTitle"
  44.                  data-target="#collapseFooterHotline"
  45.                  aria-expanded="true"
  46.                  aria-controls="collapseFooterHotline"
  47.                  role="listitem">
  48.                 {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  49.                 {% block layout_footer_navigation_hotline_icons %}
  50.                     {% if toggle != "4" %}
  51.                         <div class="footer-column-toggle">
  52.                             <span class="footer-plus-icon">
  53.                             {% sw_icon 'plus' %}
  54.                             </span>
  55.                             <span class="footer-minus-icon">
  56.                                 {% sw_icon 'minus' %}
  57.                             </span>
  58.                         </div>
  59.                     {% endif %}
  60.                 {% endblock %}
  61.             </div>
  62.         {% endblock %}
  63.         {% block layout_footer_navigation_hotline_content %}
  64.             <div id="collapseFooterHotline"
  65.                  class="footer-column-content{% if toggle != "4" %} js-footer-column-content collapse{% endif %}{% if toggle == "2" %} show{% endif %}"
  66.                  aria-labelledby="collapseFooterHotlineTitle">
  67.                 {# TODO: in twt-hotline-include auslagern... #}
  68.                 <div class="footer-column-content-inner">
  69.                     <p class="footer-contact-hotline">
  70.                         {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  71.                     </p>
  72.                 </div>
  73.                 <div class="footer-contact-form">
  74.                     {{ 'footer.serviceContactLink'|trans({
  75.                         '%url%': path('frontend.cms.page', { id: config('core.basicInformation.contactPage') })
  76.                     })|raw }}
  77.                 </div>
  78.             </div>
  79.         {% endblock %}
  80.     </div>
  81. {% endblock %}