coffee-jsx.coffee

define [ 'react' ], (React) ->

  {div, header, h1, span, a, i} = React.DOM
  
  React.createClass
  
    render: ->
      div id: 'menu', className: 'menu menu-left',
        header className: 'bar bar-header bar-energized',
          h1 className: 'title',
            span className: 'dark',
              "#{@props.userName}@#{@props.instance}"
        div className: 'content has-header',
          div className: 'list',
            a className: 'item item-icon-left', href: '#',
              i className: 'icon ion-home'
              'Start Center'
            a className: 'item item-icon-left', href: '#',
              i className: 'icon ion-hammer'
              'Actions'
            a className: 'item item-icon-left', href: '#',
              i className: 'icon ion-gear-b'
              'Settings'
            div className: 'item item-divider',
              'Data'
            a className: 'item item-icon-left', href: '#',
              i className: 'icon ion-connection-bars'
              'Connection'
              span className: 'badge badge-balanced',
                'Online'
            a className: 'item item-icon-left', href: '#',
              i className: 'icon ion-flash'
              'Synchronize'
              span className: 'badge badge-energized',
                '257'