habitica/website/views/shared/modals/level-up.jade

include ../avatar/generated_avatar

script(type='text/ng-template', id='modals/levelUp.html')
  - var tweet = env.t('levelUpShare');
  .modal-content(style='min-width:28em')
    .modal-body.text-center(style='padding-bottom:0')
      h3(style='margin-bottom: 0')=env.t('gainedLevel')
      .container-fluid
        .row
          .herobox(style='margin:auto 8.3em; width: 6em; height: 9em; padding-top: 0')
            .character-sprites(style='margin: 0; width: 0')
              +generatedAvatar
        .row
          .herobox(style='margin:auto 8.9em; width: 6em; height: 0; padding-top: 0')
            .avatar-level(ng-class='userLevelStyle(user)')=env.t('level')+' {{user.stats.lvl}}'
      h4(style='margin-top: 1em')!=env.t('leveledUp', {level:'{{user.stats.lvl}}'})
      p=env.t('fullyHealed')
      br
      div(ng-if='user.flags.classSelected && !user.preferences.disableClasses && !user.preferences.automaticAllocation')
        a.btn.btn-default(data-toggle='collapse', data-target='#stat-allocation', aria-expanded=false, aria-controls='stat-allocation')=env.t('showHideQuickAllocation')
        p  
        div.collapse#stat-allocation
          table.table.text-left
            tr
              td
                p(ng-if='::user.stats.lvl >= 100')!=env.t('noMoreAllocate')
                p(ng-if='user.stats.points || user.stats.lvl < 100')
                  strong.inline
                    | {{user.stats.points}}&nbsp;
                  strong.hint(popover-trigger='mouseenter', popover-placement='right', popover=env.t('quickAllocationLevelPopover'))=env.t('unallocated')
              td
            each statInfo, stat in { str: {title:"allocateStr",popover:'strengthText',allocatepop:'allocateStrPop'},int: {title:"allocateInt",popover:'intText',allocatepop:'allocateIntPop'},con: {title:"allocateCon",popover:'conText',allocatepop:'allocateConPop'},per: {title:"allocatePer",popover:'perText',allocatepop:'allocatePerPop'} }
              tr
                td
                  span.hint(popover-trigger='mouseenter', popover-placement='right', popover=env.t(statInfo.popover))
                    =env.t(statInfo.title) + ' {{user.stats.' + stat + '}}'
                td
                  a.btn.btn-primary(ng-show='user.stats.points', ng-click='allocate("#{stat}")', popover-trigger='mouseenter', popover-placement='right', popover=env.t(statInfo.allocatepop)) +
      button.btn.btn-primary(ng-click='$close()')=env.t('huzzah')
      .checkbox
        label(style='display:inline-block')=env.t('dontShowAgain')
          input(type='checkbox', ng-model='user.preferences.suppressModals.levelUp', ng-change='set({"preferences.suppressModals.levelUp": user.preferences.suppressModals.levelUp?true: false})')
    .modal-footer(style='margin-top:0', ng-init='loadWidgets()')
      .container-fluid
        .row
          .col-xs-3
            a.twitter-share-button(href='https://twitter.com/intent/tweet?text=#{tweet}&via=habitica&url=#{env.BASE_URL}/social/level-up&count=none')=env.t('tweet')
          .col-xs-4(style='margin-left:.8em')
            .fb-share-button(data-href='#{env.BASE_URL}/social/level-up', data-layout='button')
          .col-xs-4(style='margin-left:.8em')
            a.tumblr-share-button(data-href='#{env.BASE_URL}/social/level-up', data-notes='none')