@(content: String, commentId: Int,
  repository: gitbucket.core.service.RepositoryService.RepositoryInfo)(implicit context: gitbucket.core.controller.Context)
<span class="error-edit-content-@commentId error"></span>
@gitbucket.core.helper.html.attached(repository, "issues"){
  <textarea style="height: 100px;" id="edit-content-@commentId" class="form-control">@content</textarea>
}
<div>
  <input type="button" class="cancel-comment-@commentId btn btn-small btn-danger" value="Cancel"/>
  <input type="button" class="update-comment-@commentId btn btn-small btn-default pull-right" value="Update comment"/>
</div>
<script>
$(function(){
  var curriedCallback = function($box) {
    return function(data){
      $('.update-comment-@commentId, .cancel-comment-@commentId', $box).removeAttr('disabled');
      $('.commit-commentContent-@commentId').empty().html(data.content);
      prettyPrint();
    }
  }

  $(document).on('click', '.update-comment-@commentId', function(){
    $box = $(this).closest('.commit-comment-box');
    $('.update-comment-@commentId, .cancel-comment-@commentId', $box).attr('disabled', 'disabled');
    $.ajax({
      url: '@context.path/@repository.owner/@repository.name/commit_comments/edit/@commentId',
      type: 'POST',
      data: {
        content : $('#edit-content-@commentId', $box).val()
      }
    }).done(
      curriedCallback($box)
    ).fail(function(req) {
      $('.update-comment-@commentId, .cancel-comment-@commentId', $box).removeAttr('disabled');
      $('.error-edit-content-@commentId', $box).text($.parseJSON(req.responseText).content);
    });
  });

  $(document).on('click', '.cancel-comment-@commentId', function(){
    $box = $(this).closest('.box');
    $('.update-comment-@commentId, .cancel-comment-@commentId', $box).attr('disabled', 'disabled');
    $.get('@context.path/@repository.owner/@repository.name/commit_comments/_data/@commentId', curriedCallback($box));
    return false;
  });
});
</script>