2015-04-26 12:48:37 +05:30
|
|
|
class @Labels
|
2014-09-02 18:07:02 +05:30
|
|
|
constructor: ->
|
|
|
|
|
form = $('.label-form')
|
|
|
|
|
@cleanBinding()
|
|
|
|
|
@addBinding()
|
|
|
|
|
@updateColorPreview()
|
|
|
|
|
|
|
|
|
|
addBinding: ->
|
|
|
|
|
$(document).on 'click', '.suggest-colors a', @setSuggestedColor
|
|
|
|
|
$(document).on 'input', 'input#label_color', @updateColorPreview
|
|
|
|
|
|
|
|
|
|
cleanBinding: ->
|
|
|
|
|
$(document).off 'click', '.suggest-colors a'
|
|
|
|
|
$(document).off 'input', 'input#label_color'
|
|
|
|
|
|
|
|
|
|
# Updates the the preview color with the hex-color input
|
|
|
|
|
updateColorPreview: =>
|
|
|
|
|
previewColor = $('input#label_color').val()
|
|
|
|
|
$('div.label-color-preview').css('background-color', previewColor)
|
|
|
|
|
|
|
|
|
|
# Updates the preview color with a click on a suggested color
|
|
|
|
|
setSuggestedColor: (e) =>
|
|
|
|
|
color = $(e.currentTarget).data('color')
|
|
|
|
|
$('input#label_color').val(color)
|
|
|
|
|
@updateColorPreview()
|
|
|
|
|
# Notify the form, that color has changed
|
|
|
|
|
$('.label-form').trigger('keyup')
|
|
|
|
|
e.preventDefault()
|
