           @subview 'd', new EditorView(mini: true)
         @div class: 'col-xs-1', =>
           @span class: 'glyphicon glyphicon-minus'
-    @find('.proxy-list').append item
+    @find('.proxy-list').append $(item)
 
   removeProxy: ->
     console.log "remove"

            @span class: 'input-group-btn', =>
              @button 'Select', class: 'btn btn-default reset-to-bootstrap-default', type: 'button', click: 'onSelectIndex'

        #TODO: proxy api
        @div class: "form-group", =>
          @label 'Select Custom API'
          @div class: "input-group", =>
            @div outlet: 'customAPIFile', class: 'form-control'
            @span class: 'input-group-btn', =>
              @button 'Select', class: 'btn btn-default reset-to-bootstrap-default', type: 'button', click: 'onSelectAPI'

        @div class: "form-group", =>
          @label 'http port'
          @subview 'httpPort', new EditorView(mini: true)

path = require 'path'
fs = require 'fs-extra'
{$, $$, View, EditorView} = require 'atom'
remote = require 'remote'
dialog = remote.require 'dialog'
Q = require 'q'
{openFile} = require '../utils/dialog'

fsmkdirs = Q.denodeify fs.mkdirs

# placeholder
PH_ROOT = 'click here to select root path'
PH_INDEX = 'the index page'

module.exports =
class RunOnServerView extends View
