EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve layout of member detail page

Browse Source
This commit is contained in:
Björn Fromme
2022-06-09 09:51:09 +02:00
parent c1e0f53331
commit 2ecb937b9f
1 changed files with 25 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Team/Show.html
+25 -23
View File
@@ -17,29 +17,31 @@
</f:if>
</div>
<div class="col-span-3 md:col-span-2">
<span class="headline headline--secondary">
{member.name}<br><span>{member.tasks}</span>
</span>
{member.description -> f:format.html()}
<f:if condition="{member.email}">
<p>
<f:link.email class="flex items-center space-x-2" email="{member.email}">
<svg class="w-6 h-6 text-ep-primary">
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-email"></use>
</svg>
<span>{member.email}</span>
</f:link.email>
</p>
</f:if>
<f:if condition="{member.phone}">
<p>
<a class="flex items-center space-x-2" href="tel:{member.phone -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}" rel="nofollow">
<svg class="w-6 h-6 text-ep-primary">
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-phone"></use>
</svg>
<span>{member.phone}</span>
</a>
</p>
<p class="headline headline--secondary mb-6">
{member.name}<br><span class="text-xl">{member.tasks}</span>
</p>
<div data-rte-content>
{member.description -> f:format.html()}
</div>
<f:if condition="{member.email} || {member.phone}">
<div class="mb-8 flex flex-col space-y-2">
<f:if condition="{member.email}">
<f:link.email class="flex items-center space-x-2" email="{member.email}">
<svg class="w-6 h-6 text-ep-primary">
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-email"></use>
</svg>
<span>{member.email}</span>
</f:link.email>
</f:if>
<f:if condition="{member.phone}">
<a class="flex items-center space-x-2" href="tel:{member.phone -> v:format.pregReplace(pattern: '/[\-\s]/', replacement: '')}" rel="nofollow">
<svg class="w-6 h-6 text-ep-primary">
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-phone"></use>
</svg>
<span>{member.phone}</span>
</a>
</f:if>
</div>
</f:if>
<a href="{f:uri.action(
pageUid: settings.teamListPid,