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

Display username and granted at on badge page.

Browse source
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>
{{#link-to 'badges.index'}}{{i18n badges.title}}{{/link-to}}
<i class='fa fa-angle-right'></i>
@ -18,7 +18,13 @@
<br>
{{#each userBadges}}
{{#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}}
{{/each}}
{{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;
}
}
/* /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;
}
}
}