- $('#colorpicker-red, #colorpicker-green, #colorpicker-blue').map -> \r
- trace = element_tag_id($(@).parent())\r
- $(@).slider {\r
+ color_slider_change = (trace) -> \r
+ red = $(trace + 'code_red').slider('value')\r
+ green = $(trace + 'code_green').slider('value')\r
+ blue = $(trace + 'code_blue').slider('value')\r
+ code = (red << 16) + (green << 8) + (blue)\r
+ phex = "000000" + code.toString(16)\r
+ hex = code.toString(16)\r
+ h = phex.substring(phex.length - 6)\r
+ $(trace + 'code_swatch').css('background-color', '#' + h)\r
+ $(trace + 'code_hex').html('HEX: #' + h)\r
+ $(trace + 'code_rgb').html('RGB: (' + red + ',' + green + ',' +blue + ')')\r
+ $(trace + 'code').val(code)\r
+ v = '#' + h\r
+ $(trace).css('background-color', v)\r
+ \r
+ $('.colorpicker').map -> \r
+ code_picker_trace = element_tag_id($(@))\r
+ code = parseInt($(code_picker_trace + 'code').val())\r
+ red = (code >> 16) & 0xFF\r
+ green = (code >> 8) & 0xFF\r
+ blue = code & 0xFF\r
+ $(code_picker_trace + 'code_red').slider {\r