rosa-build/app/assets/javascripts/extra/comment.js

$(document).ready(function() {
  var new_comment = $('#open-comment.comment.hidden.new_line_comment');

  $(document).on('click', '.buttons a.edit_comment', function() {
    $(this).parent().parent().parent().hide();
    $('#open-comment'+'.comment.'+$(this).attr('id')).show();
    return false;
  });

  $(document).on('click', '.cancel_edit_comment.button', function() {
    $(this).parent().parent().parent().hide();
    $('.buttons a.edit_comment#'+$(this).attr('id')).parent().parent().parent().show();
    return false;
  });

  $(document).on('submit', 'form.edit_comment', function() {
    var form = $(this);
    form.parent().find('.flash').remove();
    $.ajax({
      type: 'POST',
      url: form.attr("action"),
      data: form.serialize(),
      success: function(data){
                  var cancel_button = form.find('.cancel_edit_comment.button');
                  cancel_button.click();
                  $('.buttons a.edit_comment#'+cancel_button.attr('id')).parent().parent().find('.cm-s-default.md_and_cm').html(data).find('code').each(function (code) { CodeMirrorRun(this); })
                },
      error: function(data){
               form.before(data.responseText);
             }
     });
    return false;
  });

  $('.new_inline_comment.button').on('click', function() {
    var tmp = $(this).parents('tr').prev('tr')
    tmp = tmp.find("a[href='"+$(this).attr('href')+"']");
    var tmp = $(this).parents('tr').prev('tr').find("a[href='"+$(this).attr('href')+"']");
    $(this).parents('tr').prev('tr').find("a[href='"+$(this).attr('href')+"']").click();
    return false;
  });

  $('.add_line-comment').on('click', function() {
    function ProcessData(data) {
      if(yield) {
        var str = "<tr class='inline-comments'><td class='line_numbers' colspan='2'></td>"+"<td>"+data+"</td></tr>";
        par.after(str);
      }
      else {
        par.find('td:last').append(data);
      }
      $("a[href='"+line.attr('href')+"']").addClass('new_comment_exists');
      par.parent().find('#md_tabs.nav.nav-tabs').each(function(i) { $(this).find('a:first').tab('show') });
    }
    var line = $(this);
    var tmp = line.parents('tr');
    var yield = false;
    var par = null;

    if(tmp.hasClass('inline-comments')) {
      par = tmp;
    }
    else {
      par = tmp.next('tr.inline-comments');
    }

    if(par.length == 0) {
      par = tmp;
      yield = true;
    }

    // Hide visible new comment form
    $('#open-comment.new_line_comment').parents('.inline-comments').each(function(i) {
      if($(this).find('.line-comments').length > 0) {
        $(this).find('#open-comment.new_line_comment').hide();
        $(this).find('.new_inline_comment.button').show();
      }
      else {
        $(this).hide();
      }
    });
    par.find('.new_inline_comment.button').hide();

    // Show existing new comment form or load them.
    if(line.hasClass('new_comment_exists')) {
      var tr = line.parents('tr').next();
      if(tr.find('.line-comments').length > 0) {
        tr.find('#open-comment.new_line_comment').show();
      }
      else {
        tr.show();
      }
    }
    else {
      $.get(line.attr('href'), null, ProcessData);
    }
    $('#new_line_edit_input').focus();
    return false;
  });

  $(document).on('click', '.cancel_inline_comment.button', function() {
    var tr = $(this).parents('.inline-comments');
    if(tr.find('.line-comments').length > 0) {
      tr.find('#open-comment.new_line_comment').hide();
      tr.find('.new_inline_comment.button').show();
    }
    else {
      tr.hide();
    }
    return false;
  });
});