sudoxreboot/habitica
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica.git synced 2026-07-14 07:52:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(profile): body and facial hair elements fix

Browse source 
New structure is valid HTML.
It makes more semantic sense, as the selection
of all hair is a single list-item, and can possibly
be styled as a group, consider adding a "well" class
on the container to group bangs and base menus together.
This commit is contained in:
Denis Sokolov 2014-04-23 23:22:42 +09:00
parent 7ab0c9fc82
commit 191f177fe5
1 changed files with 11 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
views/options/profile.jade
View file

@ -52,16 +52,16 @@ script(id='partials/options.profile.avatar.html', type='text/ng-template')
+colorSelection(['rainbow','yellow','green','purple','blue','TRUred'],env.t('rainbowColors'))
+colorSelection(['pblue','pgreen','porange','ppink','ppurple','pyellow'],"Pastel Hair",env.t('limited30Apr'))
h5=env.t('bodyHair')
// Bangs
li.customize-menu
h5=env.t('bodyHair')
// Bangs
menu(label=env.t('hairBangs'))
button(class='head_0 customize-option', type='button', ng-click='set({"preferences.hair.bangs":0})')
each num in [1,2,3]
button(class='hair_bangs_#{num}_{{user.preferences.hair.color}} customize-option', type='button', ng-click='set({"preferences.hair.bangs":#{num}})')
// Base
li.customize-menu
// Base
menu(label=env.t('hairBase'))
+twoGem()
button.btn.btn-xs(ng-hide='user.purchased.hair.base.2 && user.purchased.hair.base.4 && user.purchased.hair.base.5 && user.purchased.hair.base.6 && user.purchased.hair.base.7 && user.purchased.hair.base.8', ng-click='unlock("hair.base.2,hair.base.4,hair.base.5,hair.base.6,hair.base.7,hair.base.8")')!= env.t('unlockSet5') + ' <span class="Pet_Currency_Gem1x inline-gems"/>'
@ -78,20 +78,19 @@ script(id='partials/options.profile.avatar.html', type='text/ng-template')
each num in [1,2,3,4,5,6]
button(class='hair_flower_#{num} customize-option', type='button', ng-click='set({"preferences.hair.flower":#{num}})')
h5=env.t('bodyFacialHair')
+twoGem()
button.btn.btn-xs(ng-hide='user.purchased.hair.mustache.1 && user.purchased.hair.mustache.2 && user.purchased.hair.beard.1 && user.purchased.hair.beard.2 && user.purchased.hair.beard.3', ng-click='unlock("hair.mustache.1,hair.mustache.2,hair.beard.1,hair.beard.2,hair.beard.3")')!= env.t('unlockSet5') + ' <span class="Pet_Currency_Gem1x inline-gems"/>'
// Beard
li.customize-menu
h5=env.t('bodyFacialHair')
+twoGem()
button.btn.btn-xs(ng-hide='user.purchased.hair.mustache.1 && user.purchased.hair.mustache.2 && user.purchased.hair.beard.1 && user.purchased.hair.beard.2 && user.purchased.hair.beard.3', ng-click='unlock("hair.mustache.1,hair.mustache.2,hair.beard.1,hair.beard.2,hair.beard.3")')!= env.t('unlockSet5') + ' <span class="Pet_Currency_Gem1x inline-gems"/>'
// Beard
menu(label=env.t('beard'))
button(class='head_0 customize-option', type='button', ng-click='set({"preferences.hair.beard":0})')
each num in [1,2,3]
button(class='hair_beard_#{num}_{{user.preferences.hair.color}} customize-option', type='button', ng-class='{locked: !user.purchased.hair.beard.#{num}}', ng-click='unlock("hair.beard.#{num}")')
// Mustache
li.customize-menu
// Mustache
menu(label=env.t('mustache'))
button(class='head_0 customize-option', type='button', ng-click='set({"preferences.hair.mustache":0})')
each num in [1,2]