@(content: Option[String], issueId: Int, owner: String, repository: String)(implicit context: gitbucket.core.controller.Context)
@gitbucket.core.helper.html.attached(owner, repository, Seq("emoji", "user")){
  <textarea id="edit-content" class="form-control">@content.getOrElse("")</textarea>
}
<div>
  <input type="button" id="cancel-issue" class="btn btn-danger" value="Cancel"/>
  <input type="button" id="update-issue" class="btn btn-default pull-right" value="Update comment"/>
</div>
<script>
$(function(){
  var callback = function(data){
    $('#update, #cancel').removeAttr('disabled');
    $('#issueContent').empty().html(data.content);
  };

  $('#update-issue').click(function(){
    $('#update, #cancel').attr('disabled', 'disabled');
    $.ajax({
      url: '@context.path/@owner/@repository/issues/edit/@issueId',
      type: 'POST',
      data: {
        content : $('#edit-content').val()
      }
    }).done(
      callback
    ).fail(function(req) {
      $('#update, #cancel').removeAttr('disabled');
    });
  });

  $('#cancel-issue').click(function(){
    $('#update, #cancel').attr('disabled', 'disabled');
    $.get('@context.path/@owner/@repository/issues/_data/@issueId', callback);
    return false;
  });
});
</script>