codecombat/app/templates/account/wizard_settings.jade

20 lines
1,017 B
Text

canvas#tinting-display(width=200, height=200).img-rounded
#color-settings
for group in colorGroups
.color-group(data-name=group.name)
div.name-cell
input(type='checkbox', checked=group.exists).color-group-checkbox
span(data-i18n='wizard_settings.' + group.dasherized)= group.humanized
div.sliders
div.slider-cell
label(for=group.humanized+"_hue", data-i18n="wizard_settigs.hue") Hue
.selector(id=group.humanized+"_hue", name=group.name+'.hue', data-key='hue')
div.slider-cell
label(for=group.humanized+"_saturation", data-i18n="wizard_settings.saturation") Saturation
.selector(id=group.humanized+"_saturation", name=group.name+'.saturation', data-key='saturation')
div.slider-cell
label(for=group.humanized+"_lightness", data-i18n="wizard_settings.lightness") Lightness
.selector(id=group.humanized+"_lightness", name=group.name+'.lightness', data-key='lightness')
div.clearfix
div.clearfix