2013-09-08 16:28:06 +00:00
|
|
|
.row-fluid(ng-controller='UserCtrl')
|
2013-08-28 01:54:11 +00:00
|
|
|
|
|
|
|
|
// ---- Customize -----
|
|
|
|
|
.span4.border-right
|
|
|
|
|
menu(type='list')
|
|
|
|
|
// gender
|
|
|
|
|
li.customize-menu
|
|
|
|
|
menu(label='Head')
|
2013-10-22 19:19:43 +00:00
|
|
|
menu
|
2013-08-28 01:54:11 +00:00
|
|
|
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
|
2013-09-08 15:39:30 +00:00
|
|
|
input(type='checkbox', ng-model='user.preferences.showHelm', ng-change='toggleHelm(user.preferences.showHelm)')
|
2013-08-28 01:54:11 +00:00
|
|
|
| Show Helm
|
2013-10-22 19:19:43 +00:00
|
|
|
hr
|
|
|
|
|
|
2013-08-28 01:54:11 +00:00
|
|
|
// hair
|
|
|
|
|
li.customize-menu
|
|
|
|
|
menu(label='Hair')
|
|
|
|
|
button(class='{{user.preferences.gender}}_hair_blond customize-option', type='button', ng-click='set("preferences.hair","blond")')
|
|
|
|
|
button(class='{{user.preferences.gender}}_hair_black customize-option', type='button', ng-click='set("preferences.hair","black")')
|
|
|
|
|
button(class='{{user.preferences.gender}}_hair_brown customize-option', type='button', ng-click='set("preferences.hair","brown")')
|
|
|
|
|
button(class='{{user.preferences.gender}}_hair_white customize-option', type='button', ng-click='set("preferences.hair","white")')
|
2013-10-22 19:19:43 +00:00
|
|
|
hr
|
|
|
|
|
|
2013-08-28 01:54:11 +00:00
|
|
|
// skin
|
|
|
|
|
li.customize-menu
|
2013-10-22 19:19:43 +00:00
|
|
|
menu(label='Basic Skin')
|
|
|
|
|
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")')
|
|
|
|
|
|
|
|
|
|
// Special Events
|
2013-10-22 20:59:30 +00:00
|
|
|
menu(label='Crazy Skin (2G / skin)')
|
2013-10-22 21:32:51 +00:00
|
|
|
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")')
|
2013-10-22 20:59:30 +00:00
|
|
|
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 (5G)
|
2013-10-22 19:19:43 +00:00
|
|
|
|
|
|
|
|
// Special Events
|
2013-10-22 20:59:30 +00:00
|
|
|
menu(label='Monster Skin (2G / skin)')
|
2013-10-22 21:32:51 +00:00
|
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_monster', ng-class='{locked: !user.purchased.skin.monster}', ng-click='unlock("skin.monster")')
|
|
|
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_pumpkin', ng-class='{locked: !user.purchased.skin.pumpkin}', ng-click='unlock("skin.pumpkin")')
|
|
|
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_skeleton', ng-class='{locked: !user.purchased.skin.skeleton}', ng-click='unlock("skin.skeleton")')
|
|
|
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_zombie', ng-class='{locked: !user.purchased.skin.zombie}', ng-click='unlock("skin.zombie")')
|
|
|
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_ghost', ng-class='{locked: !user.purchased.skin.ghost}', ng-click='unlock("skin.ghost")')
|
|
|
|
|
button.customize-option(type='button', class='{{user.preferences.gender}}_skin_shadow', ng-class='{locked: !user.purchased.skin.shadow}', ng-click='unlock("skin.shadow")')
|
2013-10-22 20:59:30 +00:00
|
|
|
button.btn.btn-small.btn-primary(ng-hide='user.purchased.skin.monster && user.purchased.skin.pumpkin && user.purchased.skin.skeleton && user.purchased.skin.zombie && user.purchased.skin.ghost && user.purchased.skin.shadow', ng-click='unlock(["skin.monster", "skin.pumpkin", "skin.skeleton", "skin.zombie", "skin.ghost", "skin.shadow"])') Unlock Set (5G)
|
2013-10-22 19:19:43 +00:00
|
|
|
|
2013-08-28 01:54:11 +00:00
|
|
|
menu(ng-show='user.preferences.gender=="f"', type='list')
|
|
|
|
|
li.customize-menu
|
|
|
|
|
menu(label='Clothing')
|
|
|
|
|
button.f_armor_0_v1.customize-option(type='button', ng-click='set("preferences.armorSet","v1")')
|
|
|
|
|
button.f_armor_0_v2.customize-option(type='button', ng-click='set("preferences.armorSet","v2")')
|
|
|
|
|
|
|
|
|
|
// ------ Stats ------
|
|
|
|
|
.span4.border-right
|
2013-09-01 17:55:45 +00:00
|
|
|
include ../shared/profiles/stats
|
2013-08-28 01:54:11 +00:00
|
|
|
|
|
|
|
|
// ------- Edit -------
|
|
|
|
|
.span4
|
2013-09-09 17:27:25 +00:00
|
|
|
button.btn.btn-default(ng-click='_editing.profile = true', ng-show='!_editing.profile') Edit
|
2013-10-13 18:47:59 +00:00
|
|
|
button.btn.btn-primary(ng-click='save()', ng-show='_editing.profile') Save
|
2013-09-09 17:27:25 +00:00
|
|
|
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
|
2013-09-09 18:06:36 +00:00
|
|
|
markdown(ng-show='profile.profile.blurb', ng-model='profile.profile.blurb')
|
2013-09-09 17:27:25 +00:00
|
|
|
span.muted(ng-hide='profile.profile.blurb') - None -
|
|
|
|
|
//{{profile.profile.blurb | linky:'_blank'}}
|
|
|
|
|
|
|
|
|
|
h4 Websites
|
2013-09-17 01:59:08 +00:00
|
|
|
ul(ng-show='profile.profile.websites.length > 0')
|
2013-09-09 17:27:25 +00:00
|
|
|
// TODO let's remove links eventually, since we can do markdown on profiles
|
|
|
|
|
li(ng-repeat='website in profile.profile.websites')
|
|
|
|
|
a(target='_blank', ng-href='{{website}}') {{website}}
|
2013-09-17 01:59:08 +00:00
|
|
|
span.muted(ng-hide='profile.profile.websites.length > 0') - None -
|
2013-09-09 17:27:25 +00:00
|
|
|
|
|
|
|
|
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
|
2013-10-13 18:47:59 +00:00
|
|
|
input.option-content(type='text', placeholder='Full Name', ng-model='editingProfile.name')
|
2013-09-09 17:27:25 +00:00
|
|
|
.control-group.option-large
|
|
|
|
|
label.control-label Photo Url
|
2013-10-13 18:47:59 +00:00
|
|
|
input.option-content(type='url', ng-model='editingProfile.imageUrl', placeholder='Image Url')
|
2013-09-09 17:27:25 +00:00
|
|
|
.control-group.option-large
|
|
|
|
|
label.control-label Blurb
|
2013-10-13 18:47:59 +00:00
|
|
|
textarea.option-content(style='height:15em;', placeholder='Blurb', ng-model='editingProfile.blurb')
|
2013-09-09 21:09:45 +00:00
|
|
|
include ../shared/formatting-help
|
2013-09-09 17:27:25 +00:00
|
|
|
.control-group.option-large
|
|
|
|
|
label.control-label Websites
|
2013-09-08 16:28:06 +00:00
|
|
|
form(ng-submit='addWebsite()')
|
2013-09-09 17:27:25 +00:00
|
|
|
input.option-content(type='url', ng-model='_newWebsite', placeholder='Add Website')
|
|
|
|
|
ul
|
|
|
|
|
// would prefer if there were and index in #each, instead using data-website to search with indexOf
|
2013-10-13 18:47:59 +00:00
|
|
|
li(ng-repeat='website in editingProfile.websites')
|
2013-09-09 17:27:25 +00:00
|
|
|
| {{website}}
|
|
|
|
|
a(ng-click='removeWebsite($index)')
|
|
|
|
|
i.icon-remove
|
