mirror of
https://github.com/sudoxnym/habitica.git
synced 2026-08-03 08:21:07 +00:00
Add text to icons to clarify purpose of each bar Tidy up tooltip behaviour Aesthetic changes
39 lines
1.7 KiB
Text
39 lines
1.7 KiB
Text
.header-wrap(ng-controller='HeaderCtrl')
|
|
a.label.label-default.undo-button(x-bind='click:undo', ng-show='_undo')=env.t('undo')
|
|
|
|
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')
|
|
+herobox({main:1})
|
|
// stat bars
|
|
.hero-stats
|
|
.meter.health(tooltip=env.t('health'))
|
|
.bar(style='width: {{Shared.percent(user.stats.hp, 50)}}%;')
|
|
span.meter-text.title
|
|
span.glyphicon.glyphicon-heart
|
|
| HP
|
|
span.meter-text.value
|
|
| {{Math.ceil(user.stats.hp)}} / 50
|
|
.meter.experience(tooltip=env.t('experience'))
|
|
.bar(style='width: {{Shared.percent(user.stats.exp,Shared.tnl(user.stats.lvl))}}%;')
|
|
span.meter-text.title
|
|
span.glyphicon.glyphicon-star
|
|
| XP
|
|
span.meter-text.value
|
|
span(ng-show='user.history.exp', tooltip=env.t('progress'))
|
|
a(ng-click='toggleChart("exp")').glyphicon.glyphicon-signal
|
|
span
|
|
| {{Math.floor(user.stats.exp) | number:0}} / {{Shared.tnl(user.stats.lvl) | number:0}}
|
|
.meter.mana(tooltip='Mana', ng-if='user.flags.classSelected && !user.preferences.disableClasses')
|
|
.bar(style='width: {{user.stats.mp / user._statsComputed.maxMP * 100}}%;')
|
|
span.meter-text.title
|
|
span.glyphicon.glyphicon-fire
|
|
| MP
|
|
span.meter-text.value
|
|
span
|
|
| {{Math.floor(user.stats.mp)}} / {{user._statsComputed.maxMP}}
|
|
|
|
// party
|
|
span(ng-controller='PartyCtrl')
|
|
.herobox-wrap(ng-repeat='profile in partyMinusSelf')
|
|
+herobox()
|