Code coverage report for code/views/node-inspector-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
49
50
51
52
53
54
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
{div, h2, label, input, select, option, optgroup, button, i} = React.DOM
tr = require "../utils/translate"
ColorPicker = React.createFactory require './color-picker-view'
ImagePickerView = React.createFactory require './image-picker-view'
module.exports = React.createClass
 
  displayName: 'NodeInspectorView'
  mixins: [require "../mixins/node-title"]
  changeTitle: (e) ->
    newTitle = @cleanupTitle(e.target.value)
    @props.onNodeChanged? @props.node, {title: newTitle}
 
  changeImage: (node) ->
    @props.onNodeChanged? @props.node, {image: node.image}
 
  changeColor: (color) ->
    @props.onNodeChanged? @props.node, {color: color}
 
  delete: (e) ->
    @props.onNodeDelete? @props.node
 
  render: ->
    builtInNodes = []
    droppedNodes = []
    remoteNodes = []
    tabs = [tr('design'), tr('define')]
    selected = tr('design')
    displayTitle = @displayTitleForInput(@props.node.title)
 
    (div {className: 'node-inspector-view'},
      # previous design comps:
      # (InspectorTabs {tabs: tabs, selected: selected} )
      (div {className: 'inspector-content'},
        (div {className: 'edit-row'},
          (label {htmlFor: 'title'}, tr "~NODE-EDIT.TITLE")
          (input {type: 'text', name: 'title', value: displayTitle, placeholder: @titlePlaceholder(),  onChange: @changeTitle})
        )
        (div {className: 'edit-row'},
          (label {htmlFor: 'color'}, tr "~NODE-EDIT.COLOR")
          (ColorPicker {selected: @props.node.color,  onChange: @changeColor})
        )
        (div {className: 'edit-row'},
          (label {htmlFor: 'image'}, tr "~NODE-EDIT.IMAGE")
          (ImagePickerView {nodes:@props.palette, selected: @props.node, onChange: @changeImage})
        )
        (div {className: 'edit-row'},
          (label {className: 'node-delete', onClick: @delete},
            (i {className: "fa fa-trash"})
            tr("~NODE-EDIT.DELETE")
          )
        )
      )
    )