You are here

social-media-links.html.twig in Social media share 8

{#
/**
 * Available variables
 * - elements: array of element contains social media link.
 *
 */
#}


<div class="social-media-sharing">
  <ul class="">
    {% set classes = [
    'share'
    ]
    %}
    {% for element in elements %}
      {% if element.forward_dialog == 1 %}
        {% set classes = classes|merge(['use-ajax']) %}
        {% set dialogType = "data-dialog-type=dialog" %}
        {% set dialogOptions = "data-dialog-options=" ~ {'width': '600'}|json_encode %}
      {% endif %}
      <li>
        <a {{ dialogType }} {{ dialogOptions }} {{ element.attr.target }} {{ element.attr.rel }} {{ element.attr.class.addClass(classes) }}  {{ element.api }}
          title="{{ element.text }}">
          {% if element.img %}
            <img alt="{{ element.text }}" src="{{ element.img }}">
          {% else %}
            {{ element.text }}
          {% endif %}
        </a>

      </li>
    {% endfor %}
  </ul>
</div>

File

templates/social-media-links.html.twig
View source
  1. {#
  2. /**
  3. * Available variables
  4. * - elements: array of element contains social media link.
  5. *
  6. */
  7. #}
  8. <div class="social-media-sharing">
  9. <ul class="">
  10. {% set classes = [
  11. 'share'
  12. ]
  13. %}
  14. {% for element in elements %}
  15. {% if element.forward_dialog == 1 %}
  16. {% set classes = classes|merge(['use-ajax']) %}
  17. {% set dialogType = "data-dialog-type=dialog" %}
  18. {% set dialogOptions = "data-dialog-options=" ~ {'width': '600'}|json_encode %}
  19. {% endif %}
  20. <li>
  21. <a {{ dialogType }} {{ dialogOptions }} {{ element.attr.target }} {{ element.attr.rel }} {{ element.attr.class.addClass(classes) }} {{ element.api }}
  22. title="{{ element.text }}">
  23. {% if element.img %}
  24. <img alt="{{ element.text }}" src="{{ element.img }}">
  25. {% else %}
  26. {{ element.text }}
  27. {% endif %}
  28. </a>
  29. </li>
  30. {% endfor %}
  31. </ul>
  32. </div>