habitica/views/shared/header/header.jade

.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()

    // stat bars
    .hero-stats
      .meter.health(title=env.t('health'))
        .bar(style='width: {{Shared.percent(user.stats.hp, 50)}}%;')
        span.meter-text
          span.glyphicon.glyphicon-heart
          | &nbsp;
          | {{Math.ceil(user.stats.hp)}} / 50
      .meter.experience(title=env.t('experience'))
        .bar(style='width: {{Shared.percent(user.stats.exp,Shared.tnl(user.stats.lvl))}}%;')
        span.meter-text
          span.glyphicon.glyphicon-star
          | &nbsp;
          | {{Math.floor(user.stats.exp) | number:0}} / {{Shared.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=env.t('progress'))
              | &nbsp;
              span.glyphicon.glyphicon-signal
      .meter.mana(title='Mana', ng-if='user.flags.classSelected && !user.preferences.disableClasses')
        .bar(style='width: {{user.stats.mp / user._statsComputed.maxMP * 100}}%;')
        span.meter-text
          span.glyphicon.glyphicon-fire
          | &nbsp;
          | {{Math.floor(user.stats.mp)}} / {{user._statsComputed.maxMP}}

    // party
    span(ng-controller='PartyCtrl')
      .herobox-wrap(ng-repeat='profile in partyMinusSelf')
        +herobox()
#2008 #2020 use jquery.sticky instead of bootstrap affix 2013-12-17 20:39:57 +00:00			`.header-wrap(ng-controller='HeaderCtrl')`
refactor(bs3): labels style and text, buttons classes 2014-02-08 15:27:34 +00:00			`a.label.label-default.undo-button(x-bind='click:undo', ng-show='_undo')=env.t('undo')`
rewrite2: avatar working. need to revisit avatar:avater, make sure I got everything 2013-08-25 04:44:05 +00:00
rewrite: fix show/hide header 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}}')`
rewrite2: avatar working. need to revisit avatar:avater, make sure I got everything 2013-08-25 04:44:05 +00:00			`// avatar`
[#1459] add profile-editing (note, it requires bluring the input fields for changes to go through - this is a pretty assuming solution, but I doubt it will cause problems) 2013-09-08 16:28:06 +00:00			`.herobox-wrap.main-herobox(ng-controller='UserCtrl')`
refactor(avatar): avatar separated into two mixins: +heroBox() and +avatar(). Mobile will be sharing jade files with web, we'll need more modular markup 2014-04-26 21:12:03 +00:00			`+herobox()`
rewrite2: tasks-lists added 2013-08-25 14:57:19 +00:00
rewrite2: avatar working. need to revisit avatar:avater, make sure I got everything 2013-08-25 04:44:05 +00:00			`// stat bars`
			`.hero-stats`
translate some views 2014-01-14 17:50:06 +00:00			`.meter.health(title=env.t('health'))`
[#1977] APIv2 WIP - start of a framework where operations are shared between client & server. If the op is called on the client, it updates the user & then POSTs to the server with op of the same name. If called on server, it updates the user and user.save()s 2013-12-11 16:30:39 +00:00			`.bar(style='width: {{Shared.percent(user.stats.hp, 50)}}%;')`
rewrite2: avatar working. need to revisit avatar:avater, make sure I got everything 2013-08-25 04:44:05 +00:00			`span.meter-text`
refactor(bs3): convert icons to new format 2014-01-31 18:47:48 +00:00			`span.glyphicon.glyphicon-heart`
refactor(bs3): misc fixes, port restore, delete and reset modals 2014-02-02 15:06:30 +00:00			`\|  `
Clear up some confusion caused by AngularJS number filter 2014-01-05 15:32:20 +00:00			`\| {{Math.ceil(user.stats.hp)}} / 50`
translate some views 2014-01-14 17:50:06 +00:00			`.meter.experience(title=env.t('experience'))`
[#1977] APIv2 WIP - start of a framework where operations are shared between client & server. If the op is called on the client, it updates the user & then POSTs to the server with op of the same name. If called on server, it updates the user and user.save()s 2013-12-11 16:30:39 +00:00			`.bar(style='width: {{Shared.percent(user.stats.exp,Shared.tnl(user.stats.lvl))}}%;')`
rewrite2: avatar working. need to revisit avatar:avater, make sure I got everything 2013-08-25 04:44:05 +00:00			`span.meter-text`
refactor(bs3): convert icons to new format 2014-01-31 18:47:48 +00:00			`span.glyphicon.glyphicon-star`
refactor(bs3): misc fixes, port restore, delete and reset modals 2014-02-02 15:06:30 +00:00			`\|  `
fix(header): Consistent formatting of XP Use the "number:0" format for current experience as well as experience to next level, so you don't have inconsistent thousands separators (e.g. "1010 / 1,100") 2014-04-17 00:03:12 +00:00			`\| {{Math.floor(user.stats.exp) \| number:0}} / {{Shared.tnl(user.stats.lvl) \| number:0}}`
rewrite2: avatar working. need to revisit avatar:avater, make sure I got everything 2013-08-25 04:44:05 +00:00			`// FIXME doesn't look great here, but the "Experience" CSS title rollover covers it where it was before`
			`span(ng-show='user.history.exp')`
translate some views 2014-01-14 17:50:06 +00:00			`a(ng-click='toggleChart("exp")', tooltip=env.t('progress'))`
refactor(bs3): misc fixes, port restore, delete and reset modals 2014-02-02 15:06:30 +00:00			`\|  `
refactor(bs3): convert icons to new format 2014-01-31 18:47:48 +00:00			`span.glyphicon.glyphicon-signal`
#2017 add ability to opt out of classes entirely (@wc8) 2013-12-17 23:44:46 +00:00			`.meter.mana(title='Mana', ng-if='user.flags.classSelected && !user.preferences.disableClasses')`
[#1994] fixes to MP bar 2013-12-16 18:08:39 +00:00			`.bar(style='width: {{user.stats.mp / user._statsComputed.maxMP * 100}}%;')`
classes WIP 2013-11-16 10:22:12 +00:00			`span.meter-text`
refactor(bs3): convert icons to new format 2014-01-31 18:47:48 +00:00			`span.glyphicon.glyphicon-fire`
refactor(bs3): misc fixes, port restore, delete and reset modals 2014-02-02 15:06:30 +00:00			`\|  `
Clear up some confusion caused by AngularJS number filter 2014-01-05 15:32:20 +00:00			`\| {{Math.floor(user.stats.mp)}} / {{user._statsComputed.maxMP}}`
classes WIP 2013-11-16 10:22:12 +00:00
rewrite2: avatar working. need to revisit avatar:avater, make sure I got everything 2013-08-25 04:44:05 +00:00			`// party`
groups: big changes here i may decide to revert. GET /api/v1/groups optionally takes ?type=guilds (guilds, party, tavern, public). this allows us to incrementally load the app as they click through the tabs, because guilds is really large (1.5mb!) - gotta cut this down somehow. The big issue is requireing return values as an array, so ngResource can work with the response (subsequent group.$postChat(), group.$join(), etc.). The array format doesn't really work out that well, so I may scrap 2013-09-01 02:59:35 +00:00			`span(ng-controller='PartyCtrl')`
[#1710] fix to party-in-header 2013-11-02 03:32:43 +00:00			`.herobox-wrap(ng-repeat='profile in partyMinusSelf')`
refactor(avatar): avatar separated into two mixins: +heroBox() and +avatar(). Mobile will be sharing jade files with web, we'll need more modular markup 2014-04-26 21:12:03 +00:00			`+herobox()`