add_comment = function(data, username) {

  console.log('Adding comment ' + data.comment_added);

  var field = $('#comments');

  var edit_btn = ''

  if (data.request_id && data.project){

    edit_btn = '

        href="/' + data.project + '/pull-request/' + data.request_id + '/comment/' + data.comment_id + '/edit" \

        data-comment="' + data.comment_id + '" \

        data-objid="' + data.request_id + '"> \

         \

    ';

  }

  var inline = false;

  if (data.commit_id){

    inline = true;

    edit_btn = '';

  }

  if (data.notification){

    var _data = '
'

                +'
'

                + ''

                +''

                +''

                + data.comment_added

                +''

                +'
'

                + ''

                + 'seconds ago'

                +''

               +''

  } else {

    var _csrf = $('#csrf_token').clone();

    var _data =

      '
'

    + '  
'

    + '    
'

    + '      '

    + '      

    + '        class="notblue font-weight-bold">'+data.comment_user+''

    + '      

    if (data.comment_id) {

      _data += ' href="#comment-' + data.comment_id + '"';

    }

    _data += '>commented seconds ago'

    + '      '

    + '    ';

    if ( data.comment_user == username && data.comment_id !== undefined) {

      _data = _data

      + '    
'

      + '      

      + '         class="btn btn-outline-primary border-0" data-comment="' + data.comment_id + '" data-objid="' + data.request_id + '">'

      + '        '

      + '      '

      + '      

      + '         value="' + data.comment_id + '" type="submit" >'

      + '        '

      + '      '

      + '    ';

    }

    _data = _data

    + '  '

    + '  
'

    + '    <section class="issue_comment">'</section>

    + '      
'

    + '        '

    + '        '

    + emojione.toImage(data.comment_added)

    + '        '

    + '      '

    + '    '

    + '  '

    + ''

  }

  if (inline){

    // Inline comment

    console.log('Inline');

    //add comment to files changed tab

    var field = $('[data-commit="' + data.commit_id + '"]').parent();

    var id = field.children().children().attr('id').split('_')[0];

    var row = $('#' + id + '_' + (parseInt(data.line) + 1)).parent().parent();

    row.before(''+_data+'');

    console.log(row);

    //add comment to comments tab

    var cfield = $('#request_comment');

    cfield.append(_data);

  } else {

    // Generic comment

    console.log('generic');

    var field = $('#request_comment');

    field.append(_data);

  }

}

update_comment = function(data) {

  console.log('Updating comment ' + data.comment_id);

  var field = $('#comment-' + data.comment_id).parent();

  var edited = field.find('.text-muted');

  if (edited.length == 0) {

    $(field.find('aside')).before(

        '<small class="text-muted">Edited a just now by '</small>

        + data.comment_editor + '');

  } else {

    edited.html('Edited a just now by ' + data.comment_editor)

  }

  field.find('.comment_body').html(data.comment_updated);

  field.find('.issue_actions').show();

  field.find('.issue_comment').show();

  field.find('.edit_comment').remove();

}

process_event = function(data, requestid, username){

  console.log(data);

  var category = null;

  var originalTitle = document.title;

  if (data.comment_added){

    add_comment(data, username);

    category = 'comment';

  } else if (data.comment_updated){

    update_comment(data);

    category = 'Comment updated';

  } else {

    console.log('Unknown data');

  }

  if (category && !document.hasFocus()) {

    var int = setInterval(function(){

      var title = document.title;

      document.title = (title === originalTitle) ? category : originalTitle;

    }, 750);

    $(window).focus(function () {

      clearInterval(int);

      document.title = originalTitle;

    });

  }

}