javascript:

var controllerCrudifier = new Frontline.CRUD('#{route :controller}', '#body');

ul.nav.nav-tabs

li.active
  a href="#controllersTab" data-toggle="tab" Controllers
li
  a href="#newControllerTab" data-toggle="tab" New Controller

.tab-content

.tab-pane.active#controllersTab
  #body == render_p :controller

.tab-pane#newControllerTab
  form.form-inline#newControllerForm
    .input-append
      input.input-xxlarge name="name" type="text" placeholder="Controller names, space separated"
      a.btn href="#" onclick="controllerCrudifier.create('#newControllerForm');"
        i.icon-play

    hr
    .lead Optional Setups
    .form-horizontal
      .control-group
        label.control-label Engine
        .controls
          select.frontline-selectable name="engine" data-placeholder="inherited"
            option
            - EConstants::VIEW__ENGINE_BY_SYM.each_key do |e|
              option value=e =e
          br
          small.muted selected engine will be added to Gemfile

      .control-group
        label.control-label Map
        .controls
          input name="route" type="text" placeholder="none"
          br
          small.muted
            a href="http://espresso.github.io/Routing.html" target="_blank"
              | espresso.github.io/Routing.html

      .control-group
        label.control-label Format
        .controls
          input name="format" type="text" placeholder="none"
          br
          small
            a href="http://espresso.github.io/Routing.html#format" target="_blank"
              | espresso.github.io/Routing.html#format

routeEditorModal.modal.hide.fade.routeEditorModal

.modal-header
  button.close type="button" data-dismiss="modal" aria-hidden="true" ×
  b#routeEditorModalHeader
.modal-body#routeEditorModalBody