Code coverage report for code/views/tabbed-panel-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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
{div, ul, li, a} = React.DOM
 
class TabInfo
  constructor: (settings={}) ->
    {@label, @component} = settings
 
Tab = React.createFactory React.createClass
 
  displayName: 'TabbedPanelTab'
 
  clicked: (e) ->
    e.preventDefault()
    @props.onSelected @props.index
 
  render: ->
    classname = if @props.selected then 'tab-selected' else ''
    (li {className: classname, onClick: @clicked}, @props.label)
 
module.exports = React.createClass
 
  displayName: 'TabbedPanelView'
 
  getInitialState: ->
    selectedTabIndex: 0
 
  statics:
    Tab: (settings) -> new TabInfo settings
 
  selectedTab: (index) ->
    @setState selectedTabIndex: index
 
  renderTab: (tab, index) ->
    (Tab
      label: tab.label
      key: index
      index: index
      selected: (index is @state.selectedTabIndex)
      onSelected: @selectedTab
    )
 
  renderTabs: ->
    (div {className: 'workspace-tabs'},
      (ul {}, @renderTab(tab,index) for tab, index in @props.tabs)
    )
 
 
  renderSelectedPanel: ->
    (div {className: 'workspace-tab-component'},
      for tab, index in @props.tabs
        (div {
          style:
            display: if index is @state.selectedTabIndex then 'block' else 'none'
          },
          tab.component
        )
    )
 
  render: ->
    (div {className: "tabbed-panel"},
      @renderTabs()
      @renderSelectedPanel()
    )