Comment is placed on line of file instead of line of diff.

Author: SebDieBln

code_comments/htdocs/code-comments.js

@@ -111,10 +111,11 @@ var underscore = _.noConflict();
 		},
 		addOne: function(comment) {
 			var line = comment.get('line');
+			var file = comment.get('path');
 			if (!this.viewPerLine[line]) {
-				this.viewPerLine[line] = new CommentsForALineView( { line: line } );
+				this.viewPerLine[line] = new CommentsForALineView( { file: file, line: line } );
 
-				var $tr = $( Rows.getTrByLineNumberInDiff( line ) );
+				var $tr = $( Rows.getTrByFileAndLineNumberInFile( file, line ) );
 				$tr.after(this.viewPerLine[line].render().el).addClass('with-comments');
 			}
 			this.viewPerLine[line].addOne(comment);
@@ -133,6 +134,7 @@ var underscore = _.noConflict();
 		template: _.template(CodeComments.templates.comments_for_a_line),
 		initialize: function(attrs) {
 			this.line = attrs.line;
+			this.file = attrs.file;
 		},
 		events: {
 			'click button': 'showAddCommentDialog'
@@ -235,7 +237,7 @@ var underscore = _.noConflict();
 			var callbackMouseover = function( event ) {
 				var row = new RowView( { el: this } ),
 					file = row.getFile(),
-					line = row.getLineNumberInDiff(),
+					line = row.getLineNumberInFile(),
 					displayLine = row.getLineNumberInFile(),
 					displayLineText = displayLine;
 				if (displayLine < 0) {
@@ -274,6 +276,27 @@ var underscore = _.noConflict();
 		getTrByLineNumberInDiff: function( line ) {
 			return this.$rows[line - 1];
 		},
+		getTrByFileAndLineNumberInFile: function ( file, line) {
+			var containers = $( 'thead', 'table.code, table.trac-diff' );
+			var container;
+			for ( var i = 0; (container = containers[i]) != null; i++ ) {
+				if ($(container).parents( 'li' ).find( 'h2>a:first' ).text() == file) {
+					break;
+				}
+			}
+			var trs = $(container).parents( 'table' ).find( 'tbody>tr' ).not('.comments');
+			var col = 1;
+			if (line < 0) {
+				line = -line;
+				col = 0;
+			}
+			for ( var i = 0, tr; (tr = trs[i]) != null; i++ ) {
+				if ($(tr).find( 'th>span' )[col].textContent == line) {
+					return tr;
+				}
+			}
+			return null;
+		},
 		wrapTHsInSpans: function() {
 			$( 'th', this.$rows ).each( function( i, elem ) {
 				elem.innerHTML = '<span>' + elem.innerHTML + '</span>';