UX: Add mobile template for group members page.

This commit is contained in:
Guo Xiang Tan
2018-03-22 16:55:03 +08:00
parent 448f4afa68
commit 0a567d0176
4 changed files with 68 additions and 8 deletions

View File

@@ -0,0 +1,41 @@
{{text-field value=filterInput
placeholderKey=filterPlaceholder
class="group-username-filter no-blur"}}
{{#if hasMembers}}
{{#load-more selector=".group-members .user-info" action="loadMore"}}
<div class="group-members">
{{#each model.members as |user|}}
<div class="group-member">
{{#user-info user=user skipName=skipName}}
{{#if user.owner}}<strong class="group-owner-label">{{i18n "groups.owner"}}</strong>{{/if}}
<div class="group-member-info">
<label>{{i18n "last_post"}}</label>
<span class="text">{{bound-date user.last_posted_at}}</span>
</div>
<div class="group-member-info">
<label>{{i18n "last_seen"}}</label>
<span class="text">{{bound-date user.last_seen_at}}</span>
</div>
{{#if canManageGroup}}
{{group-member-dropdown
removeMember="removeMember"
makeOwner="makeOwner"
removeOwner="removeOwner"
member=user}}
{{/if}}
{{/user-info}}
</div>
{{/each}}
</div>
{{/load-more}}
{{conditional-loading-spinner condition=loading}}
{{else}}
<br>
<div>{{i18n "groups.empty.members"}}</div>
{{/if}}