           return (<div className="exagraph loading">
               <h1>Loading data</h1>
           </div>)
-          
+
     return (
         <div className='exagraph'>
             <Popup visible={@state.popup.visible} contentRenderer={@state.popup.contentRenderer} event={@state.popup.event} onFocusEvent={@onPopupFocusChange}/>
             <Controls min_ts={@state.min_ts} max_ts={@state.max_ts} settings={@props.controls} onChange={@zoomTo} isLoading={@state.isLoading} />
             <Graph data={@state.channels} settings={@props.view} showInfo={@showInfo} hideInfo={@hideInfo} onChange={@zoomTo} min_ts={@state.min_ts} max_ts={@state.max_ts} lastUpdate={@state.lastUpdate} freeze={@state.popup.focused}/>
         </div>
-    )+    )

  displayName: 'Exagraph'
  mixins: [Router.State, Router.Navigation]
  getDefaultProps: () ->
    view = 
        width: $(document).width()
        leftWidth: 250
        rowHeight: 12

        minDuration: 20
        maxDuration: 5 * 3600 * 1000 #5 hours
    url = ""
    #max_ts = 1419438269268
    max_ts = new Date().getTime()
    min_ts = max_ts - 3600 * 1000
    return {view: view, min_ts: min_ts, max_ts: max_ts, controls: controls, url: "http://api.hotpanel.mlan:5012/"}

  getInitialState: () ->
    return {
