@ -1226,25 +1226,41 @@ function initPullRequestReview() {
$ ( this ) . closest ( 'tr' ) . removeClass ( 'focus-lines-new focus-lines-old' ) ;
$ ( this ) . closest ( 'tr' ) . removeClass ( 'focus-lines-new focus-lines-old' ) ;
} ) ;
} ) ;
$ ( '.add-code-comment' ) . on ( 'click' , function ( e ) {
$ ( '.add-code-comment' ) . on ( 'click' , function ( e ) {
// https://github.com/go-gitea/gitea/issues/4745
if ( $ ( e . target ) . hasClass ( 'btn-add-single' ) ) return ; // https://github.com/go-gitea/gitea/issues/4745
if ( $ ( e . target ) . hasClass ( 'btn-add-single' ) ) {
return ;
}
e . preventDefault ( ) ;
e . preventDefault ( ) ;
const isSplit = $ ( this ) . closest ( '.code-diff' ) . hasClass ( 'code-diff-split' ) ;
const isSplit = $ ( this ) . closest ( '.code-diff' ) . hasClass ( 'code-diff-split' ) ;
const side = $ ( this ) . data ( 'side' ) ;
const side = $ ( this ) . data ( 'side' ) ;
const idx = $ ( this ) . data ( 'idx' ) ;
const idx = $ ( this ) . data ( 'idx' ) ;
const path = $ ( this ) . data ( 'path' ) ;
const path = $ ( this ) . data ( 'path' ) ;
const form = $ ( '#pull_review_add_comment' ) . html ( ) ;
const form = $ ( '#pull_review_add_comment' ) . html ( ) ;
const tr = $ ( this ) . closest ( 'tr' ) ;
const tr = $ ( this ) . closest ( 'tr' ) ;
const oldLineNum = tr . find ( '.lines-num-old' ) . data ( 'line-num' ) ;
const newLineNum = tr . find ( '.lines-num-new' ) . data ( 'line-num' ) ;
const addCommentKey = ` ${ oldLineNum } | ${ newLineNum } ` ;
if ( document . querySelector ( ` [data-add-comment-key=" ${ addCommentKey } "] ` ) ) return ; // don't add same comment box twice
let ntr = tr . next ( ) ;
let ntr = tr . next ( ) ;
if ( ! ntr . hasClass ( 'add-comment' ) ) {
if ( ! ntr . hasClass ( 'add-comment' ) ) {
ntr = $ ( ` <tr class="add-comment"> ${
ntr = $ ( `
isSplit ? '<td class="lines-num"></td><td class="lines-type-marker"></td><td class="add-comment-left"></td><td class="lines-num"></td><td class="lines-type-marker"></td><td class="add-comment-right"></td>' :
< tr class = "add-comment" data - add - comment - key = "${addCommentKey}" >
'<td class="lines-num"></td><td class="lines-num"></td><td class="add-comment-left add-comment-right" colspan="2"></td>'
$ { isSplit ? `
} < / t r > ` ) ;
< td class = "lines-num" > < / t d >
< td class = "lines-type-marker" > < / t d >
< td class = "add-comment-left" > < / t d >
< td class = "lines-num" > < / t d >
< td class = "lines-type-marker" > < / t d >
< td class = "add-comment-right" > < / t d >
` : `
< td class = "lines-num" > < / t d >
< td class = "lines-num" > < / t d >
< td class = "add-comment-left add-comment-right" colspan = "2" > < / t d >
` }
< / t r > ` ) ;
tr . after ( ntr ) ;
tr . after ( ntr ) ;
}
}
const td = ntr . find ( ` .add-comment- ${ side } ` ) ;
const td = ntr . find ( ` .add-comment- ${ side } ` ) ;
let commentCloud = td . find ( '.comment-code-cloud' ) ;
let commentCloud = td . find ( '.comment-code-cloud' ) ;
if ( commentCloud . length === 0 ) {
if ( commentCloud . length === 0 ) {