codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2024-11-30 10:58:31 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

UX: group member page improvements

Browse source
This commit is contained in:
Arpit Jalan 2015-07-06 16:48:27 +05:30
parent ac574039a6
commit 8abf923b81
4 changed files with 15 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/assets/javascripts/discourse/controllers/group/members.js.es6
View file

@ -21,4 +21,3 @@ export default Ember.ObjectController.extend({
} }
} }
}); });

14
app/assets/javascripts/discourse/templates/group/members.hbs
View file

@ -1,19 +1,17 @@
{{#if model}} {{#if model}}
<table class='group-members'> <table class='group-members'>
<tr> <tr>
<th colspan="3" class="seen">{{i18n 'last_seen'}}</th> <th colspan="2">{{i18n 'last_post'}}</th>
<th>{{i18n 'last_seen'}}</th>
</tr> </tr>
{{#each model.members as |m|}} {{#each model.members as |m|}}
<tr> <tr>
<td class='avatar'> <td class='avatar'>{{user-small user=m}}</td>
{{avatar m imageSize="large"}} <td>
<span class="text">{{bound-date m.last_posted_at}}</span>
</td> </td>
<td> <td>
<h3>{{#link-to 'user' m}}{{m.username}}{{/link-to}}</h3> <span class="text">{{bound-date m.last_seen_at}}</span>
<p>{{m.name}}</p>
</td>
<td>
<span class='last-seen-at'>{{bound-date m.last_seen_at}}</span>
</td> </td>
</tr> </tr>
{{/each}} {{/each}}

11
app/assets/stylesheets/desktop/user.scss
View file

@ -115,19 +115,24 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
th.seen { th {
padding: 0.5em;
text-align: right; text-align: right;
border-bottom: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
} }
td.avatar { td.avatar {
width: 60px; width: 60px;
} }
td { td {
padding: 0.5em;
border-bottom: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
img { img {
margin-right: 10px; margin-right: 10px;
} }
span.last-seen-at { span.text {
float: right; float: right;
color: $primary; font-size: 1.2em;
color: dark-light-diff($primary, $secondary, 50%, -50%);
} }
} }
} }

3
app/serializers/group_user_serializer.rb
View file

@ -1,4 +1,3 @@
class GroupUserSerializer < BasicUserSerializer class GroupUserSerializer < BasicUserSerializer
attributes :name, :last_seen_at attributes :name, :last_posted_at, :last_seen_at
end end