mirror of
https://github.com/sudoxnym/habitica.git
synced 2026-07-22 11:38:24 +00:00
19b6eb73e0
Conflicts: public/css/index.styl src/models/user.js views/options/profile.jade views/shared/header/avatar.jade views/shared/tasks/lists.jade views/shared/tasks/task.jade
192 lines
14 KiB
Text
192 lines
14 KiB
Text
script(id='partials/options.profile.avatar.html', type='text/ng-template')
|
|
.row-fluid
|
|
.span4
|
|
menu(type='list')
|
|
// body-type
|
|
li.customize-menu
|
|
menu(label='Head')
|
|
menu
|
|
button.m_head_0.customize-option(type='button', ng-click='set("preferences.gender","m")')
|
|
button.f_head_0.customize-option(type='button', ng-click='set("preferences.gender","f")')
|
|
label.checkbox
|
|
input(type='checkbox', ng-model='user.preferences.showHelm', ng-change='set("preferences.showHelm", user.preferences.showHelm?true: false)')
|
|
| Show Helm
|
|
menu(type='list')
|
|
li.customize-menu
|
|
menu(label='Clothing')
|
|
button.f_armor_0_v1.customize-option(ng-show='user.preferences.gender=="f"', type='button', ng-click='set("preferences.armorSet","v1")')
|
|
button.f_armor_0_v2.customize-option(ng-show='user.preferences.gender=="f"', type='button', ng-click='set("preferences.armorSet","v2")')
|
|
label.checkbox
|
|
input(type='checkbox', ng-model='user.preferences.showArmor', ng-change='set("preferences.showArmor", user.preferences.showArmor?true: false)')
|
|
| Show Armor
|
|
menu(type='list')
|
|
li.customize-menu
|
|
menu(label='Other')
|
|
label.checkbox
|
|
input(type='checkbox', ng-model='user.preferences.showWeapon', ng-change='set("preferences.showWeapon", user.preferences.showWeapon?true: false)')
|
|
| Show Weapon
|
|
label.checkbox
|
|
input(type='checkbox', ng-model='user.preferences.showShield', ng-change='set("preferences.showShield", user.preferences.showShield?true: false)')
|
|
| Show Shield
|
|
|
|
|
|
.span4
|
|
h3 Hair
|
|
menu(type='list')
|
|
// Color
|
|
li.customize-menu
|
|
menu(label='Color')
|
|
button(type='button', class='customize-option', style='width: 40px; height: 40px; background-color:#c8c8c8;', ng-click='set("preferences.hair.color", "white")')
|
|
button(type='button', class='customize-option', style='width: 40px; height: 40px; background-color:#903a00;', ng-click='set("preferences.hair.color", "brown")')
|
|
button(type='button', class='customize-option', style='width: 40px; height: 40px; background-color:#cfb853;', ng-click='set("preferences.hair.color", "blond")')
|
|
button(type='button', class='customize-option', style='width: 40px; height: 40px; background-color:#ec720f;', ng-click='set("preferences.hair.color", "red")')
|
|
button(type='button', class='customize-option', style='width: 40px; height: 40px; background-color:#2e2e2e;', ng-click='set("preferences.hair.color", "black")')
|
|
|
|
// Bangs
|
|
li.customize-menu
|
|
menu(label='Bangs')
|
|
button(class='{{user.preferences.gender}}_hair_bangs_0_{{user.preferences.hair.color}} customize-option', type='button', ng-click='set("preferences.hair.bangs",0)')
|
|
button(class='{{user.preferences.gender}}_hair_bangs_1_{{user.preferences.hair.color}} customize-option', type='button', ng-click='set("preferences.hair.bangs",1)')
|
|
button(class='{{user.preferences.gender}}_hair_bangs_2_{{user.preferences.hair.color}} customize-option', type='button', ng-click='set("preferences.hair.bangs",2)')
|
|
button(class='{{user.preferences.gender}}_hair_bangs_3_{{user.preferences.hair.color}} customize-option', type='button', ng-click='set("preferences.hair.bangs",3)')
|
|
|
|
// Base
|
|
li.customize-menu
|
|
menu(label='Base')
|
|
button(class='{{user.preferences.gender}}_hair_base_0_{{user.preferences.hair.color}} customize-option', type='button', ng-click='set("preferences.hair.base",0)')
|
|
button(class='{{user.preferences.gender}}_hair_base_1_{{user.preferences.hair.color}} customize-option', type='button', ng-click='set("preferences.hair.base",1)')
|
|
button(class='{{user.preferences.gender}}_hair_base_2_{{user.preferences.hair.color}} customize-option', type='button', ng-click='set("preferences.hair.base",2)')
|
|
button(class='{{user.preferences.gender}}_hair_base_3_{{user.preferences.hair.color}} customize-option', type='button', ng-click='set("preferences.hair.base",3)')
|
|
button(class='{{user.preferences.gender}}_hair_base_4_{{user.preferences.hair.color}} customize-option', type='button', ng-click='set("preferences.hair.base",4)')
|
|
button(class='{{user.preferences.gender}}_hair_base_5_{{user.preferences.hair.color}} customize-option', type='button', ng-click='set("preferences.hair.base",5)')
|
|
button(class='{{user.preferences.gender}}_hair_base_6_{{user.preferences.hair.color}} customize-option', type='button', ng-click='set("preferences.hair.base",6)')
|
|
button(class='{{user.preferences.gender}}_hair_base_7_{{user.preferences.hair.color}} customize-option', type='button', ng-click='set("preferences.hair.base",7)')
|
|
button(class='{{user.preferences.gender}}_hair_base_8_{{user.preferences.hair.color}} customize-option', type='button', ng-click='set("preferences.hair.base",8)')
|
|
|
|
.span4
|
|
// skin
|
|
li.customize-menu
|
|
menu(label='Basic Skins')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_asian', ng-click='set("preferences.skin","asian")')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_white', ng-click='set("preferences.skin","white")')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_ea8349', ng-click='set("preferences.skin","ea8349")')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_c06534', ng-click='set("preferences.skin","c06534")')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_98461a', ng-click='set("preferences.skin","98461a")')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_black', ng-click='set("preferences.skin","black")')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_dead', ng-click='set("preferences.skin","dead")')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_orc', ng-click='set("preferences.skin","orc")')
|
|
|
|
// Rainbow Skin
|
|
h5.
|
|
Rainbow Skins - 2<span class="Pet_Currency_Gem1x inline-gems"/>/skin
|
|
//menu(label='Rainbow Skins (2G / skin)')
|
|
menu
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_eb052b', ng-class='{locked: !user.purchased.skin.eb052b}', ng-click='unlock("skin.eb052b")')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_f69922', ng-class='{locked: !user.purchased.skin.f69922}', ng-click='unlock("skin.f69922")')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_f5d70f', ng-class='{locked: !user.purchased.skin.f5d70f}', ng-click='unlock("skin.f5d70f")')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_0ff591', ng-class='{locked: !user.purchased.skin.0ff591}', ng-click='unlock("skin.0ff591")')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_2b43f6', ng-class='{locked: !user.purchased.skin.2b43f6}', ng-click='unlock("skin.2b43f6")')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_d7a9f7', ng-class='{locked: !user.purchased.skin.d7a9f7}', ng-click='unlock("skin.d7a9f7")')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_800ed0', ng-class='{locked: !user.purchased.skin.800ed0}', ng-click='unlock("skin.800ed0")')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_rainbow', ng-class='{locked: !user.purchased.skin.rainbow}', ng-click='unlock("skin.rainbow")')
|
|
button.btn.btn-small.btn-primary(ng-hide='user.purchased.skin.eb052b && user.purchased.skin.f69922 && user.purchased.skin.f5d70f && user.purchased.skin.0ff591 && user.purchased.skin.2b43f6 && user.purchased.skin.d7a9f7 && user.purchased.skin.800ed0 && user.purchased.skin.rainbow', ng-click='unlock(["skin.eb052b", "skin.f69922", "skin.f5d70f", "skin.0ff591", "skin.2b43f6", "skin.d7a9f7", "skin.800ed0", "skin.rainbow"])') Unlock Set - 5<span class="Pet_Currency_Gem1x inline-gems"/>
|
|
|
|
// Special Events
|
|
// restore to d4df481 to see purchasing + "limited edition" code
|
|
div(ng-if='user.purchased.skin.monster || user.purchased.skin.pumpkin || user.purchased.skin.skeleton || user.purchased.skin.zombie || user.purchased.skin.ghost || user.purchased.skin.shadow')
|
|
h5 Spooky Skins
|
|
menu
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_monster', ng-if='user.purchased.skin.monster', ng-click='unlock("skin.monster")')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_pumpkin', ng-if='user.purchased.skin.pumpkin', ng-click='unlock("skin.pumpkin")')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_skeleton', ng-if='user.purchased.skin.skeleton', ng-click='unlock("skin.skeleton")')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_zombie', ng-if='user.purchased.skin.zombie', ng-click='unlock("skin.zombie")')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_ghost', ng-if='user.purchased.skin.ghost', ng-click='unlock("skin.ghost")')
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_shadow', ng-if='user.purchased.skin.shadow', ng-click='unlock("skin.shadow")')
|
|
|
|
script(id='partials/options.profile.stats.html', type='text/ng-template')
|
|
.row-fluid
|
|
.border-right(ng-class='user.stats.lvl < 5 ? "span6" : "span4"')
|
|
include ../shared/profiles/stats
|
|
.span4.border-right(ng-show='user.stats.lvl >= 5')
|
|
h4
|
|
| {{user.stats.class}}
|
|
a.btn.btn-danger.btn-mini(ng-click='rerollClass()') Re-roll
|
|
h6 Points: {{user.stats.points}}
|
|
fieldset
|
|
label.checkbox
|
|
input(type='checkbox', ng-model='user.preferences.automaticAllocation', ng-change='set("preferences.automaticAllocation", user.preferences.automaticAllocation?true: false)')
|
|
| Automatic Allocation
|
|
i.icon-question-sign(popover-trigger='mouseenter', popover-placement='bottom', popover="When 'automatic' is checked, your points will be allocated to the stat representing your task focus (see Task > Edit). When unchecked, you'll have one point to allocate each level. The system makes a suggestion, but you can ignore the suggestion.")
|
|
table.table.table-striped
|
|
tr
|
|
td
|
|
i.icon-question-sign(popover-title='Strength', popover='Strength increases damage you inflict to tasks, reducing their redness', popover-trigger='mouseenter')
|
|
| STR: {{user.stats.str}}
|
|
td
|
|
a.btn.btn-primary(ng-show='user.stats.points', ng-click='allocate("str")') +
|
|
tr
|
|
td
|
|
i.icon-question-sign(popover-title='Defense', popover='Defense decreases damage inflicted by tasks, and increases the effectiveness of healing and buff spells', popover-trigger='mouseenter')
|
|
| DEF: {{user.stats.def}}
|
|
td
|
|
a.btn.btn-primary(ng-show='user.stats.points', ng-click='allocate("def")') +
|
|
tr
|
|
td
|
|
i.icon-question-sign(popover-title='Perception', popover='Perception increases the likelihood of drops, Gold bonuses, and critical hit chances', popover-trigger='mouseenter')
|
|
| PER: {{user.stats.per}}
|
|
td
|
|
a.btn.btn-primary(ng-show='user.stats.points', ng-click='allocate("per")') +
|
|
tr
|
|
td
|
|
i.icon-question-sign(popover-title='Intelligence', popover='Intelligence increases your overall mana, allowing you to cast more spells', popover-trigger='mouseenter')
|
|
| INT: {{user.stats.int}}
|
|
td
|
|
a.btn.btn-primary(ng-show='user.stats.points', ng-click='allocate("int")') +
|
|
.border-right(ng-class='user.stats.lvl < 5 ? "span6" : "span4"')
|
|
include ../shared/profiles/achievements
|
|
|
|
script(id='partials/options.profile.profile.html', type='text/ng-template')
|
|
button.btn.btn-default(ng-click='_editing.profile = true', ng-show='!_editing.profile') Edit
|
|
button.btn.btn-primary(ng-click='save()', ng-show='_editing.profile') Save
|
|
div(ng-show='!_editing.profile')
|
|
h4 Display Name
|
|
span(ng-show='profile.profile.name') {{profile.profile.name}}
|
|
span.muted(ng-hide='profile.profile.name') - None -
|
|
|
|
h4 Photo
|
|
img(ng-show='profile.profile.imageUrl', ng-src='{{profile.profile.imageUrl}}')
|
|
span.muted(ng-hide='profile.profile.imageUrl') - None -
|
|
|
|
h4 Blurb
|
|
markdown(ng-show='profile.profile.blurb', ng-model='profile.profile.blurb')
|
|
span.muted(ng-hide='profile.profile.blurb') - None -
|
|
//{{profile.profile.blurb | linky:'_blank'}}
|
|
|
|
div.whatever-options(ng-show='_editing.profile')
|
|
// TODO use photo-upload instead: https://groups.google.com/forum/?fromgroups=#!topic/derbyjs/xMmADvxBOak
|
|
.control-group.option-large
|
|
label.control-label Display Name
|
|
input.option-content(type='text', placeholder='Full Name', ng-model='editingProfile.name')
|
|
.control-group.option-large
|
|
label.control-label Photo Url
|
|
input.option-content(type='url', ng-model='editingProfile.imageUrl', placeholder='Image Url')
|
|
.control-group.option-large
|
|
label.control-label Blurb
|
|
textarea.option-content(style='height:15em;', placeholder='Blurb', ng-model='editingProfile.blurb')
|
|
include ../shared/formatting-help
|
|
|
|
script(id='partials/options.profile.html', type="text/ng-template")
|
|
ul.nav.nav-tabs
|
|
li(ng-class="{ active: $state.includes('options.profile.avatar') }")
|
|
a(ui-sref='options.profile.avatar')
|
|
| Avatar
|
|
li(ng-class="{ active: $state.includes('options.profile.stats') }")
|
|
a(ui-sref='options.profile.stats')
|
|
| Stats & Achievements
|
|
li(ng-class="{ active: $state.includes('options.profile.profile') }")
|
|
a(ui-sref='options.profile.profile')
|
|
| Profile
|
|
|
|
.tab-content
|
|
.tab-pane.active
|
|
div(ui-view)
|