Sha256: 8d57bf3d7c9b2121a78da554d002cf1a7344769c8b6197c0e55e4210b248bbc7

Contents?: true

Size: 840 Bytes

Versions: 7

Compression:

Stored size: 840 Bytes

Contents

# -----------------------------------------------------------------------------
# INPUT COLOR
# -----------------------------------------------------------------------------
class @InputColor extends InputString
  _addColorPreview: ->
    @$colorPreview =$ "<div class='preview'>"
    @$el.append @$colorPreview

  _updateColorPreview: ->
    @$colorPreview.css { 'background-color': "##{ @$input.val() }" }

  _validateInputValue: ->
    if (/^(?:[0-9a-f]{3}){1,2}$/i).test(@$input.val())
      @hideErrorMessage()
    else
      @showErrorMessage('Invalid hex value')

  initialize: ->
    @_addColorPreview()
    @_updateColorPreview()

    @$input.on 'change keyup',  (e) =>
      @hideErrorMessage()
      @_validateInputValue()
      @_updateColorPreview()

    @config.onInitialize?(this)


_chrFormInputs['color'] = InputColor





Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
chr-0.2.1 app/assets/javascripts/chr/form/input-color.coffee
chr-0.2.0 app/assets/javascripts/chr/form/input-color.coffee
chr-0.1.5 app/assets/javascripts/chr/form/input-color.coffee
chr-0.1.4 app/assets/javascripts/chr/form/_inputColor.coffee
chr-0.1.2 app/assets/javascripts/chr/form/_inputColor.coffee
chr-0.1.1 app/assets/javascripts/chr/form/_inputColor.coffee
chr-0.1.0 app/assets/javascripts/chr/form/_inputColor.coffee