Code coverage report for code/views/image-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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
{div, img} = React.DOM
tr = require '../utils/translate'
 
ImgChoice = React.createFactory React.createClass
  displayName: 'ImgChoice'
 
  selectNode: ->
    @props.onChange @props.node
 
  render: ->
    className = "image-choice"
    if @props.node.image is @props.selected.image
      className = "image-choice selected"
    (div {className: className, onClick: @selectNode},
      (img {src: @props.node.image, className: 'image-choice'})
    )
 
module.exports = React.createClass
 
  displayName: 'ImagePickerView'
 
  getInitialState: ->
    opened: false
 
  toggleOpen: ->
    @setState
      opened: (not @state.opened)
 
  className: ->
    if @state.opened
      "image-choices opened"
    else
      "image-choices closed"
 
  render: ->
    (div {onClick: @toggleOpen, className: 'image-picker'},
      (div {className: 'selected-image'},
        (img {src: @props.selected.image})
      )
      (div {className: @className()},
        for node in @props.nodes
          (ImgChoice {key: node.id, node: node, selected: @props.selected, onChange: @props.onChange})
      )
    )