replaces dom elements with metadata component. adds name property to avatar-metadata component

This commit is contained in:
Seyi Adebajo 2018-04-04 16:57:01 -07:00
parent 2db408cdf1
commit 30563ce42a
3 changed files with 17 additions and 5 deletions

View File

@ -67,6 +67,7 @@
flex-direction: column;
flex-grow: 10;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
max-width: 100%;
}
&:last-of-type {

View File

@ -1,5 +1,6 @@
{{yield (hash
userName=avatar.userName
email=avatar.email
name=avatar.name
team=team
)}}

View File

@ -13,11 +13,21 @@
<img src="{{avatar.imageUrl}}" alt="{{avatar.name}}" class="avatar">
</div>
<div class="avatar-detail__meta">
<h4>{{avatar.name}}</h4>
<p>@email{{avatar.email}}</p>
<p>#slack{{avatar.userName}}</p>
</div>
{{#avatars/avatar-metadata class="avatar-detail__meta" avatar=avatar as |aviMeta|}}
<h4>{{aviMeta.name}}</h4>
{{#if aviMeta.email}}
<a href="mailto:{{aviMeta.email}}" class="avatar-meta-action" target="_blank">
<strong><i class="fa fa-at"></i></strong> {{aviMeta.email}}
</a>
{{/if}}
{{#if aviMeta.userName}}
<a href="slack://user?team={{aviMeta.team}}&id={{aviMeta.userName}}" class="avatar-meta-action">
<i class="fa fa-slack"></i> {{aviMeta.userName}}
</a>
{{/if}}
{{/avatars/avatar-metadata}}
</li>
{{/each}}