       <div class=\"toolbar\">
         <button class=\"start btn\"><i class=\"icon-play\"></i></button>
         <button class=\"stop btn\"><i class=\"icon-stop\"></i></button>
+        <button class=\"connect btn\"><i class=\"icon-refresh\"></i></button>
         <span class=\"status\"></span>
         <span class=\"uptime\"></span>
       </div>

      @runtime.start()
    @$stopButton.click =>
      @runtime.stop()
    @$stopButton.hide()

  setRuntime: (@runtime) ->
    #@$preview.append @runtime.getElement()


  preparePreview: (preview, callback) ->
    @runtime.connect preview
    @$connButton.click =>
      @preparePreview preview, ->

    @runtime.once 'connected', =>
      @$connector.find('h2 span').html @runtime.getAddress()
      @$connButton.hide()
      @$startButton.show()
      callback()
    @runtime.once 'disconnected', =>
      @$connButton.show()
      @$startButton.hide()
      @$stopButton.hide()

plugin = Dataflow::plugin 'preview'
Dataflow::plugins['preview'] = new NoFloPreview
