habitica/views/shared/header/header.jade

35 lines
1.4 KiB
Text
Raw Normal View History

//.header-wrap(ng-controller='HeaderCtrl', data-spy="affix", data-offset-top="148")
.header-wrap(ng-controller='HeaderCtrl')
a.label.undo-button(x-bind='click:undo', ng-show='_undo') Undo
2013-08-28 23:11:29 +00:00
div(ng-if='!user.preferences.hideHeader')
include menu
2013-08-28 23:11:29 +00:00
header.site-header(ng-hide='user.preferences.hideHeader', role='banner', data-partysize='{{party.members.length>1 ? truarr(party.members.length) : 0}}')
// avatar
.herobox-wrap.main-herobox(ng-controller='UserCtrl')
include avatar
2013-08-25 14:57:19 +00:00
// stat bars
.hero-stats
.meter.health(title='Health')
.bar(style='width: {{percent(user.stats.hp, 50)}}%;')
span.meter-text
2013-08-26 01:04:54 +00:00
i.icon-heart
| {{user.stats.hp | number:0}} / 50
.meter.experience(title='Experience')
.bar(style='width: {{percent(user.stats.exp,tnl(user.stats.lvl))}}%;')
span.meter-text
2013-08-26 01:04:54 +00:00
i.icon-star
| {{user.stats.exp | number:0}} / {{tnl(user.stats.lvl) | number:0}}
// FIXME doesn't look great here, but the "Experience" CSS title rollover covers it where it was before
span(ng-show='user.history.exp')
a(ng-click='toggleChart("exp")', tooltip='Progress')
i.icon-signal
// party
span(ng-controller='PartyCtrl')
2013-11-02 03:32:43 +00:00
.herobox-wrap(ng-repeat='profile in partyMinusSelf')
include avatar
2013-08-28 02:37:56 +00:00
.NPC-Bailey-Head(ng-show='user.flags.newStuff', tooltip='Psst', tooltip-placement='top', ng-click='modals.newStuff=true')