Code coverage report for code/views/palette-delete-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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
tr = require '../utils/translate'
PaletteDialogStore = require '../stores/palette-delete-dialog-store'
ImagePickerView = React.createFactory require './image-picker-view'
 
{div, span, i, img, button, a} = React.DOM
 
module.exports = React.createClass
 
  displayName: 'PaletteDeleteView'
  changePalette: (args) ->
    PaletteDialogStore.actions.select args
 
  cancel: ->
    @props.cancel?()
 
  ok: ->
    @props.ok?()
 
  showReplacement: ->
    @props.options.length > 0 and @props.paletteItemHasNodes
 
  renderArrow: ->
    if @showReplacement()
      (div {className: "vertical-content"},
        (i {className: 'arrow-div fa fa-arrow-right'})
      )
 
  renderReplacement: ->
    if @showReplacement()
      (div {className: "vertical-content"},
        (div {}, tr "~PALETTE-DIALOG.REPLACE")
        (ImagePickerView {
          nodes: @props.options or []
          selected: @props.replacement
          onChange: @changePalette
        })
      )
 
  renderPaletteItem: ->
    oldImage   = @props.paletteItem?.image
    (div {className: "vertical-content"},
      (div {}, tr "~PALETTE-DIALOG.DELETE")
      if oldImage
        (img {src: oldImage})
    )
 
  renderButtons: ->
    (div {className: "vertical-content buttons"},
      (div {},
        (button {className: 'button ok', onClick: @ok},
          (i {className: "fa fa-trash"}),
           tr "~PALETTE-DIALOG.OK"
        )
      )
    )
 
  render: ->
    (div {className: 'palette-delete-view'},
      (div {className: 'horizontal-content'},
        @renderPaletteItem()
        @renderArrow()
        @renderReplacement()
        @renderButtons()
      )
      (div {className: "cancel"},
        (a {onClick: @cancel}, tr "~PALETTE-DIALOG.CANCEL")
      )
    )