@()(implicit context: app.Context)
@import context._
@import view.helpers._
@html.main("JavaScript Console"){
  @admin.html.menu("plugins"){
    @tab("console")
    <form method="POST">
      <div class="box">
        <div class="box-header">JavaScript Console</div>
        <div class="box-content">
          <div id="editor" style="width: 100%; height: 400px;"></div>
        </div>
      </div>
      <fieldset>
        <input type="button" id="evaluate" class="btn btn-success" value="Evaluate"/>
      </fieldset>
    </form>
  }
}
<script src="@assets/ace/ace.js" type="text/javascript" charset="utf-8"></script>
<script>
$(function(){
  var editor = ace.edit("editor");
  editor.setTheme("ace/theme/monokai");
  editor.getSession().setMode("ace/mode/javascript");

  $('#evaluate').click(function(){
    $.post('@path/admin/plugins/console', {
      script: editor.getValue()
    }, function(data){
      alert('Success: ' + data);
    }).fail(function(error){
      alert(error.statusText);
    });
  });
});
</script>