Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Display username and granted at on badge page.

This commit is contained in:
Vikhyat Korrapati 2014-04-22 11:49:31 +05:30
parent a3b2b4baca
commit d54edc7c0e
2 changed files with 29 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/javascripts/discourse/templates/badges/show.js.handlebars
View File

@ -1,4 +1,4 @@
<div class='container badges'> <div class='container show-badge'>
<h1> <h1>
{{#link-to 'badges.index'}}{{i18n badges.title}}{{/link-to}} {{#link-to 'badges.index'}}{{i18n badges.title}}{{/link-to}}
<i class='fa fa-angle-right'></i> <i class='fa fa-angle-right'></i>
@ -18,7 +18,13 @@
<br> <br>
{{#each userBadges}} {{#each userBadges}}
{{#link-to 'userActivity' user}} {{#link-to 'userActivity' user}}
{{avatar user imageSize="large"}} <div class="badge-user">
{{avatar user imageSize="large"}}
<div class="details">
<span class="username">{{user.username}}</span>
{{unboundDate granted_at}}
</div>
</div>
{{/link-to}} {{/link-to}}
{{/each}} {{/each}}
{{else}} {{else}}

21
app/assets/stylesheets/desktop/user-badges.scss
View File

@ -74,3 +74,24 @@ table.badges-listing {
border-top: 1px solid $primary-border-color; border-top: 1px solid $primary-border-color;
} }
} }
/* /badges/:id/:slug page styling. */
.show-badge {
.badge-user {
display: inline-block;
padding: 5px 10px;
border: 1px solid $secondary_border_color;
margin-bottom: 3px;
.details {
float: right;
margin: 0 10px;
padding-top: 3px;
color: $primary_text_color;
}
.date {
display: block;
color: $secondary_text_color;
}
}
}