codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2025-04-04 17:19:47 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add language icon to clan details page

Browse source
This commit is contained in:
Matt Lott 2015-04-03 17:21:30 -07:00
parent 57bdbb4432
commit cc7bb406ec
2 changed files with 21 additions and 5 deletions
app
styles/clans
clan-details.sass
templates/clans
clan-details.jade

14
app/styles/clans/clan-details.sass
View file

@ -12,6 +12,9 @@
$spriteSheetSize: 30px
td.hero-icon-cell
width: 30px
.player-hero-icon
background: transparent url(/images/pages/play/play-spritesheet.png)
background-size: cover
@ -40,3 +43,14 @@
background-position: (-11 * $spriteSheetSize) 0
&.sorcerer
background-position: (-12 * $spriteSheetSize) 0
td.code-language-cell
width: 30px
span.code-language-cell
background: transparent url(/images/common/code_languages/javascript_small.png)
background-size: cover
display: inline-block
width: 30px
height: 30px
margin: 0px 2px

12
app/templates/clans/clan-details.jade
View file

@ -46,23 +46,25 @@ block content
thead
tr
th
th
td Name
th Level
th Achievements
th Favorite Language
th
tbody
each member in members
tr
td
td.hero-icon-cell
span.spr.player-hero-icon(data-memberid="#{member.id}")
td.code-language-cell
if memberLanguageMap && memberLanguageMap[member.id]
span.code-language-cell(style="background-image: url(/images/common/code_languages/#{memberLanguageMap[member.id]}_small.png)", title=memberLanguageMap[member.id])
td
a(href="/user/#{member.id}")= member.get('name') || 'Anoner'
td= member.level()
td
if memberAchievementsMap && memberAchievementsMap[member.id]
| #{memberAchievementsMap[member.id].length}
td
if memberLanguageMap && memberLanguageMap[member.id]
| #{memberLanguageMap[member.id]}
td
if isOwner && member.id !== clan.get('ownerID')
button.btn.btn-sm.btn-warning.remove-member-btn(data-id="#{member.id}") Remove Hero