Code coverage report for code/views/link-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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
{div, h2, button, label, input} = React.DOM
tr = require "../utils/translate"
 
palettes = [
  ['#4D6A6D','#798478', "#A0A083", "#C9ADA1", "#EAE0CC"],
  ['#351431','#775253', "#BDC696", "#D1D3C4", "#DFE0DC"],
  ['#D6F49D','#EAD637', "#CBA328", "#230C0F", "#A2D3C2"]
]
palette = palettes[2]
 
module.exports = React.createClass
 
  displayName: 'LinkEditView'
 
 
  changeTitle: (e) ->
    @props.graphStore.changeLink @props.link, {title: e.target.value}
 
  deleteLink: ->
    @props.graphStore.changeLink @props.link, {deleted: true}
 
  pickColor: (e) ->
    @props.graphStore.changeLink @props.link, {color: $(e.target).css('background-color')}
 
  render: ->
    tabs = [tr('design'), tr('define')]
    selected = tr('design')
    (div {className: 'link-inspector-view'},
      # Previous design comps
      # (InspectorTabs {tabs: tabs, selected: selected} )
      (div {className: 'inspector-content'},
        (div {className: 'edit-row'},
          (label {name: 'title'}, tr "~LINK-EDIT.TITLE")
          (input {type: 'text', name: 'title', value: @props.link.title, onChange: @changeTitle})
        )
        (div {className: 'edit-row'},
          (label {className: 'link-delete', onClick: @deleteLink}, tr("~LINK-EDIT.DELETE"))
        )
      )
    )