Footer

// src/components/template-components/footer/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /template-components/footer
additionalProperties: false
properties:
  affiliates_menu:
    $ref: /template-components/footer/affiliates-menu
  donation_info:
    $ref: /template-components/footer/donation-info
  legal_menu:
    $ref: /template-components/footer/legal-menu
  newsletter_url:
    $ref: /template-components/footer/news-letter
  tenant:
    type: string
  reduced:
    type: boolean
required:
  - affiliates_menu
  - donation_info
  - legal_menu
  - newsletter_url

// src/components/template-components/footer/mocks.yaml

affiliates_menu:
  $ref: /template-components/footer/affiliates-menu
donation_info:
  $ref: /template-components/footer/donation-info
legal_menu:
  $ref: /template-components/footer/legal-menu
newsletter_url:
  $ref: /template-components/footer/news-letter
$variants:
  - $name: Footer Kids
    tenant: kids
  - $name: Footer small
    reduced: true

// src/components/template-components/footer/footer.html.twig

{% set tracking_class = "Tracking--footerNavigationLink" %}

<footer class="Footer">
  {% if not reduced %}
    <div class="u-container Footer-container{% if tenant != "kids" %} u-grid {% endif %}">
      {% if tenant != "kids" %}
        {% include "@template-components/footer/news-letter/news-letter.html.twig" with newsletter_url|merge({
          class: "Footer-newsletter",
          tenant: tenant,
          tracking_class: tracking_class
        }) only %}
      {% endif %}
      {% include "@template-components/footer/donation-info/donation-info.html.twig" with donation_info|merge({
        class: "Footer-donationInfo",
        tenant: tenant
      }) only %}
    </div>
  {% endif %}
  <div class="Footer-extraLinks">
    <div class="u-container Footer-extraContent">
      {% include "@template-components/footer/legal-menu/legal-menu.html.twig" with legal_menu|merge({
        class: "Footer-legalMenu",
        tracking_class: tracking_class
      }) only %}
      {% include "@template-components/footer/social-networks/social-networks.html.twig" with {
        class: "Footer-socialNetworks",
        tracking_class: tracking_class
      } only %}
    </div>
    {% if tenant != "kids" %}
      <div class="u-container u-typo-copy-small">
        <p class="Footer-taxInfo">Greenpeace e.V. ist als gemeinnützige Organisation teilw. von der Körperschaftssteuer gem. §5 I 9 KStG unter der Steuernr. 17/433/04892 befreit.</p>
      </div>
    {% endif %}
  </div>
  <div class="Footer-bottomBar">
    <div class="u-container">
      <div class="Footer-bottomContent">
        <a href="/" class="Footer-logo{% if tracking_class %} {{ tracking_class }}{% endif %}" aria-label="Homepage">
          {% include "@elements/icon/icon.html.twig" with {
            name: "logo",
            class: "Footer-logoIcon"
          } only %}
        </a>
        {% include "@template-components/footer/affiliates-menu/affiliates-menu.html.twig" with affiliates_menu|merge({
          class: "Footer-affiliatesMenu",
          tracking_class: tracking_class
        }) only %}
      </div>
    </div>
  </div>
</footer>