Code coverage report for code/views/color-picker-view.coffee

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
{div} = React.DOM
tr = require '../utils/translate'
Colors = require '../utils/colors'
 
ColorChoice = React.createFactory React.createClass
  displayName: 'ColorChoice'
 
  selectColor: ->
    @props.onChange @props.color
 
  render: ->
    name = @props.color.name
    value = @props.color.value
    className = 'color-choice'
    if @props.selected is value
      className = 'color-choice selected'
 
    (div {className: className, onClick: @selectColor},
      (div {className: 'color-swatch', style: {'background-color': value}})
      (div {className: 'color-label'}, name)
    )
 
module.exports = React.createClass
 
  displayName: 'ColorPickerView'
 
  getInitialState: ->
    opened: false
 
  select: (color) ->
    @props.onChange(color.value)
 
  toggleOpen: ->
    @setState
      opened: (not @state.opened)
 
  className: ->
    if @state.opened
      "color-picker opened"
    else
      "color-picker closed"
 
  render: ->
    (div {className: @className(), onClick: @toggleOpen},
      for color in Colors
        (ColorChoice {key: color.name, color: color, selected: @props.selected, onChange: @select})
    )