mirror of
https://gitlab.unicamp.br/infimecc_drupal11_modules/site_users.git
synced 2026-05-03 20:20:42 -03:00
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>
This commit is contained in:
@@ -0,0 +1,59 @@
|
||||
{#
|
||||
/**
|
||||
* @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>
|
||||
Reference in New Issue
Block a user