Files
site_users/modules/site_users_microsite/templates/microsite-header-block.html.twig
Quintino A. G. Souza 84f4661798 Adiciona bloco MicrositeHeaderBlock e regiões ao tema do microsite
- Novo bloco MicrositeHeaderBlock (site_users_microsite): exibe foto
  circular (220×280px), nome (h1), biografia e contatos (telefone,
  e-mail). Título oculto por padrão; biografia renderizada via
  ->processed com |raw no template.
- Remove UserInfoBlock e seu template (não estava em uso).
- Adiciona regiões Top Bar e Navigation ao tema; menu.html.twig para
  gerar classes .menu__item/.menu__link compatíveis com o CSS.
- CSS: estilos das novas regiões e do bloco de cabeçalho.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-17 07:12:55 -03:00

60 lines
1.6 KiB
Twig

{#
/**
* @file
* Template do bloco de cabeçalho do microsite.
*
* Variáveis:
* - photo_url: URL absoluta da foto padrão (string|null).
* - photo_alt: Texto alternativo da foto (string).
* - name: Nome completo do usuário (string).
* - roles: Array de rótulos das roles do usuário (string[]).
* - bio: Biografia (string|null).
* - phone: Telefone (string|null).
* - email: E-mail (string|null).
*/
#}
<div class="msite-header-block">
<div class="msite-header-block__photo-wrap">
{% if photo_url %}
<img
class="msite-header-block__photo"
src="{{ photo_url }}"
alt="{{ photo_alt }}"
/>
{% else %}
<div class="msite-header-block__photo msite-header-block__photo--initials" aria-hidden="true">
{{ name|first|upper }}
</div>
{% endif %}
</div>
<div class="msite-header-block__info">
<h1 class="msite-header-block__name">{{ name }}</h1>
{% if bio %}
<div class="msite-header-block__bio">{{ bio|raw }}</div>
{% endif %}
{% if phone or email %}
<ul class="msite-header-block__contact">
{% if phone %}
<li class="msite-header-block__contact-item">
<span class="msite-header-block__contact-label">{{ 'Telefone'|t }}:</span>
<a href="tel:{{ phone }}">{{ phone }}</a>
</li>
{% endif %}
{% if email %}
<li class="msite-header-block__contact-item">
<span class="msite-header-block__contact-label">{{ 'E-mail'|t }}:</span>
<a href="mailto:{{ email }}">{{ email }}</a>
</li>
{% endif %}
</ul>
{% endif %}
</div>
</div>