bootstrap_italia-8.x-0.x-dev/components/components-0x/avatar/avatar-extra-text.twig

{#
/**
 * @file
 * Template for Avatar component.
 * Docs: https://italia.github.io/bootstrap-italia/docs/componenti/avatar/
 * Latest revision: v2.6.1
 *
 * Available config:
 * - avatar_tag: div | a
 * - avatar_link: href | false
 * - a_tooltip: hash es: {data-toogle: 'tooltip', data-html: true, data-placement: 'left', title: '<strong>Anna
   Barbieri</strong><br /><em>Amministratore</em>'}
 * - avatar_type: primary | secondary | green | orange | red | false
 * - avatar_size: xs | sm | lg | xl | xxl
 * - avatar_img: link img | false
 * - avatar_icon: hash | false
 * - avatar_txt: string
 * - sr_only_alt: string
 *
#}
{% apply spaceless %}
  {% include '@bi-bcl/deprecated.html.twig' with {
    old: 'bootstrap_italia_components/avatar/avatar.twig',
    new: 'bi-bcl/avatar/avatar.html.twig',
  } %}

  <div class="avatar-wrapper avatar-extra-text">
    {# Redirect to new component #}
    {% embed '@bi-bcl/avatar/avatar.html.twig' with {
      avatar_url: avatar_link,
      avatar_image: field_user_picture,
      avatar_text_color: avatar_type,
      avatar_size: avatar_size,
      avatar_attributes: a_tooltip
    } %}
      {% block avatarContent %}
        {% if avatar_icon %}
          {% include '@bi-bcl/icon/icon.html.twig' with {
            name: 'it-user',
            color: avatar_type ?? 'white',
          } %}
          <span class="visually-hidden">{{ sr_only_alt }}</span>
        {% endif %}

        {% if avatar_img %}
          <img src="{{ avatar_img }}" alt="{{ sr_only_alt }}">
        {% endif %}

        {% if avatar_txt %}
          <p aria-hidden="true">{{ avatar_txt }}</p>
          <span class="visually-hidden">{{ sr_only_alt }}</span>
        {% endif %}
      {% endblock %}
    {% endembed %}
    <div class="extra-text">
      <h4><a href="#">{{ nome }} {{ cognome }}</a></h4>
      <small>{{ ruolo }}</small>
    </div>
  </div>
{% endapply %}