368 lines
11 KiB
JavaScript
368 lines
11 KiB
JavaScript
/**
|
||
* JavaScript for the Comments extension.
|
||
*
|
||
* @file
|
||
*/
|
||
( function ( $, mw ) {
|
||
var Comment = {
|
||
submitted: 0,
|
||
isBusy: false,
|
||
timer: '', // has to have an initial value...
|
||
updateDelay: 7000,
|
||
LatestCommentID: '',
|
||
CurLatestCommentID: '',
|
||
pause: 0,
|
||
|
||
/**
|
||
* When a comment's author is ignored, "Show Comment" link will be
|
||
* presented to the user.
|
||
* If the user clicks on it, this function is called to show the hidden
|
||
* comment.
|
||
*
|
||
* @param {string} id
|
||
*/
|
||
show: function ( id ) {
|
||
$( '#ignore-' + id ).hide( 300 );
|
||
$( '#comment-' + id ).show( 300 );
|
||
},
|
||
|
||
/**
|
||
* This function is called whenever a user clicks on the "block" image to
|
||
* block another user's comments.
|
||
*
|
||
* @param {string} username Name of the user whose comments we want to block
|
||
* @param {number} userID User ID number of the user whose comments we
|
||
* want to block (or 0 for anonymous users)
|
||
* @param {number} commentID Comment ID number
|
||
*/
|
||
blockUser: function ( username, userID, commentID ) {
|
||
var message;
|
||
|
||
// Display a different message depending on whether we're blocking an
|
||
// anonymous user or a registered one.
|
||
if ( !userID || userID === 0 ) {
|
||
message = mw.msg( 'comments-block-warning-anon' );
|
||
} else {
|
||
message = mw.msg( 'comments-block-warning-user', username );
|
||
}
|
||
|
||
// eslint-disable-next-line no-alert
|
||
if ( window.confirm( message ) ) {
|
||
( new mw.Api() ).postWithToken( 'csrf', {
|
||
action: 'commentblock',
|
||
commentID: commentID
|
||
} ).done( function ( response ) {
|
||
if ( response.commentblock.ok ) {
|
||
$( 'a.comments-block-user[data-comments-user-id=' + userID + ']' )
|
||
.parents( '.c-item' ).hide( 300 )
|
||
.prev().show( 300 );
|
||
}
|
||
} );
|
||
}
|
||
},
|
||
|
||
/**
|
||
* This function is called whenever a user clicks on the "Delete Comment"
|
||
* link to delete a comment.
|
||
*
|
||
* @param {number} commentID Comment ID number
|
||
*/
|
||
deleteComment: function ( commentID ) {
|
||
// eslint-disable-next-line no-alert
|
||
if ( window.confirm( mw.msg( 'comments-delete-warning' ) ) ) {
|
||
( new mw.Api() ).postWithToken( 'csrf', {
|
||
action: 'commentdelete',
|
||
commentID: commentID
|
||
} ).done( function ( response ) {
|
||
if ( response.commentdelete.ok ) {
|
||
$( '#comment-' + commentID ).hide( 2000 );
|
||
}
|
||
} );
|
||
}
|
||
},
|
||
|
||
/**
|
||
* Vote for a comment.
|
||
*
|
||
* @param {number} commentID Comment ID number
|
||
* @param {number} voteValue Vote value
|
||
*/
|
||
vote: function ( commentID, voteValue ) {
|
||
( new mw.Api() ).postWithToken( 'csrf', {
|
||
action: 'commentvote',
|
||
commentID: commentID,
|
||
voteValue: voteValue
|
||
} ).done( function ( response ) {
|
||
$( '#comment-' + commentID + ' .c-score' )
|
||
.html( response.commentvote.html ) // this will still be escaped
|
||
.html( $( '#comment-' + commentID + ' .c-score' ).text() ); // unescape
|
||
} );
|
||
},
|
||
|
||
/**
|
||
* @param {number} pageID Page ID
|
||
* @param {string} order Sorting order
|
||
* @param {boolean} end Scroll to bottom after?
|
||
* @param {number} cpage Comment page number (used for pagination)
|
||
*/
|
||
viewComments: function ( pageID, order, end, cpage ) {
|
||
document.commentForm.cpage.value = cpage;
|
||
document.getElementById( 'allcomments' ).innerHTML = mw.msg( 'comments-loading' ) + '<br /><br />';
|
||
|
||
$.ajax( {
|
||
url: mw.config.get( 'wgScriptPath' ) + '/api.php',
|
||
data: { action: 'commentlist', format: 'json', pageID: pageID, order: order, pagerPage: cpage },
|
||
cache: false
|
||
} ).done( function ( response ) {
|
||
document.getElementById( 'allcomments' ).innerHTML = response.commentlist.html;
|
||
Comment.submitted = 0;
|
||
if ( end ) {
|
||
window.location.hash = 'end';
|
||
}
|
||
} );
|
||
},
|
||
|
||
/**
|
||
* Submit a new comment.
|
||
*/
|
||
submit: function () {
|
||
var pageID, parentID, commentText;
|
||
|
||
if ( Comment.submitted === 0 ) {
|
||
Comment.submitted = 1;
|
||
|
||
pageID = document.commentForm.pageId.value;
|
||
if ( !document.commentForm.commentParentId.value ) {
|
||
parentID = 0;
|
||
} else {
|
||
parentID = document.commentForm.commentParentId.value;
|
||
}
|
||
commentText = document.commentForm.commentText.value;
|
||
/* ## START ## 25.05.2019 von Bernhard Linz ######################################################################################## */
|
||
var UsernameKOK;
|
||
if (document.getElementById('txt_username')) {
|
||
UsernameKOK = document.getElementById('txt_username').value;
|
||
} else {
|
||
UsernameKOK = "none"; /* Wenn Feld nicht existiert Variable auf "none" setzen */
|
||
}
|
||
/* Da ich erfolglos versucht habe den Username als eigenen Wert zu <20>bertragen wird dieser nun */
|
||
/* an den Kommentar-Text angeh<65>ngt und von dort sp<73>ter wieder abgeschnitten (auf der PHP-Seite) */
|
||
commentText = commentText + "#START#" + UsernameKOK + "#ENDE#";
|
||
//window.alert( UsernameKOK );
|
||
/* ## ENDE ## 25.05.2019 von Bernhard Linz ######################################################################################## */
|
||
( new mw.Api() ).postWithToken( 'csrf', {
|
||
action: 'commentsubmit',
|
||
pageID: pageID,
|
||
parentID: parentID,
|
||
commentText: commentText
|
||
} ).done( function ( response ) {
|
||
var end;
|
||
|
||
if ( response.commentsubmit && response.commentsubmit.ok ) {
|
||
document.commentForm.commentText.value = '';
|
||
end = 1;
|
||
if ( mw.config.get( 'wgCommentsSortDescending' ) ) {
|
||
end = 0;
|
||
}
|
||
Comment.viewComments( document.commentForm.pageId.value, 0, end, document.commentForm.cpage.value );
|
||
} else {
|
||
// eslint-disable-next-line no-alert
|
||
window.alert( response.error.info );
|
||
Comment.submitted = 0;
|
||
}
|
||
} );
|
||
|
||
Comment.cancelReply();
|
||
}
|
||
},
|
||
|
||
/**
|
||
* Toggle comment auto-refreshing on or off
|
||
*
|
||
* @param {boolean} status
|
||
*/
|
||
toggleLiveComments: function ( status ) {
|
||
var msg;
|
||
|
||
if ( status ) {
|
||
Comment.pause = 0;
|
||
} else {
|
||
Comment.pause = 1;
|
||
}
|
||
if ( status ) {
|
||
msg = mw.msg( 'comments-auto-refresher-pause' );
|
||
} else {
|
||
msg = mw.msg( 'comments-auto-refresher-enable' );
|
||
}
|
||
|
||
$( 'body' ).on( 'click', 'div#spy a', function () {
|
||
Comment.toggleLiveComments( ( status ) ? 0 : 1 );
|
||
} );
|
||
$( 'div#spy a' ).css( 'font-size', '10px' ).text( msg );
|
||
|
||
if ( !Comment.pause ) {
|
||
Comment.LatestCommentID = document.commentForm.lastCommentId.value;
|
||
Comment.timer = setTimeout(
|
||
function () { Comment.checkUpdate(); },
|
||
Comment.updateDelay
|
||
);
|
||
}
|
||
},
|
||
|
||
checkUpdate: function () {
|
||
var pageID;
|
||
|
||
if ( Comment.isBusy ) {
|
||
return;
|
||
}
|
||
pageID = document.commentForm.pageId.value;
|
||
|
||
$.ajax( {
|
||
url: mw.config.get( 'wgScriptPath' ) + '/api.php',
|
||
data: { action: 'commentlatestid', format: 'json', pageID: pageID },
|
||
cache: false
|
||
} ).done( function ( response ) {
|
||
if ( response.commentlatestid.id ) {
|
||
// Get last new ID
|
||
Comment.CurLatestCommentID = response.commentlatestid.id;
|
||
if ( Comment.CurLatestCommentID !== Comment.LatestCommentID ) {
|
||
Comment.viewComments( document.commentForm.pageId.value, 0, 1, document.commentForm.cpage.value );
|
||
Comment.LatestCommentID = Comment.CurLatestCommentID;
|
||
}
|
||
}
|
||
|
||
Comment.isBusy = false;
|
||
if ( !Comment.pause ) {
|
||
clearTimeout( Comment.timer );
|
||
Comment.timer = setTimeout(
|
||
function () { Comment.checkUpdate(); },
|
||
Comment.updateDelay
|
||
);
|
||
}
|
||
} );
|
||
|
||
Comment.isBusy = true;
|
||
return false;
|
||
},
|
||
|
||
/**
|
||
* Show the "reply to user X" form
|
||
*
|
||
* @param {number} parentId Parent comment (the one we're replying to) ID
|
||
* @param {string} poster Name of the person whom we're replying to
|
||
* @param {string} posterGender Gender of the person whom we're replying to
|
||
*/
|
||
reply: function ( parentId, poster, posterGender ) {
|
||
$( '#replyto' ).text(
|
||
mw.msg( 'comments-reply-to', poster, posterGender ) + ' ('
|
||
);
|
||
$( '<a>', {
|
||
class: 'comments-cancel-reply-link',
|
||
style: 'cursor:pointer',
|
||
text: mw.msg( 'comments-cancel-reply' )
|
||
} ).appendTo( '#replyto' );
|
||
$( '#replyto' ).append( ') <br />' );
|
||
|
||
document.commentForm.commentParentId.value = parentId;
|
||
},
|
||
|
||
cancelReply: function () {
|
||
document.getElementById( 'replyto' ).innerHTML = '';
|
||
document.commentForm.commentParentId.value = '';
|
||
}
|
||
};
|
||
|
||
$( function () {
|
||
// Important note: these are all using $( 'body' ) as the selector
|
||
// instead of the class/ID/whatever so that they work after viewComments()
|
||
// has been called (i.e. so that "Delete comment", reply, etc. links
|
||
// continue working after you've submitted a comment yourself)
|
||
|
||
// "Sort by X" feature
|
||
$( 'body' )
|
||
.on( 'change', 'select[name="TheOrder"]', function () {
|
||
Comment.viewComments(
|
||
mw.config.get( 'wgArticleId' ), // or we could use $( 'input[name="pid"]' ).val(), too
|
||
$( this ).val(),
|
||
0,
|
||
document.commentForm.cpage.value
|
||
);
|
||
} )
|
||
|
||
// Comment auto-refresher
|
||
.on( 'click', 'div#spy a', function () {
|
||
Comment.toggleLiveComments( 1 );
|
||
} )
|
||
|
||
// Voting links
|
||
.on( 'click', 'a#comment-vote-link', function () {
|
||
var that = $( this );
|
||
Comment.vote(
|
||
that.data( 'comment-id' ),
|
||
that.data( 'vote-type' )
|
||
);
|
||
} )
|
||
|
||
// "Block this user" links
|
||
.on( 'click', 'a.comments-block-user', function () {
|
||
var that = $( this );
|
||
Comment.blockUser(
|
||
that.data( 'comments-safe-username' ),
|
||
that.data( 'comments-user-id' ),
|
||
that.data( 'comments-comment-id' )
|
||
);
|
||
} )
|
||
|
||
// "Delete Comment" links
|
||
.on( 'click', 'a.comment-delete-link', function () {
|
||
Comment.deleteComment( $( this ).data( 'comment-id' ) );
|
||
} )
|
||
|
||
// "Show this hidden comment" -- comments made by people on the user's
|
||
// personal block list
|
||
.on( 'click', 'div.c-ignored-links a', function () {
|
||
Comment.show( $( this ).data( 'comment-id' ) );
|
||
} )
|
||
|
||
// Reply links
|
||
.on( 'click', 'a.comments-reply-to', function () {
|
||
Comment.reply(
|
||
$( this ).data( 'comment-id' ),
|
||
$( this ).data( 'comments-safe-username' ),
|
||
$( this ).data( 'comments-user-gender' )
|
||
);
|
||
} )
|
||
|
||
// "Reply to <username>" links
|
||
.on( 'click', 'a.comments-cancel-reply-link', function () {
|
||
Comment.cancelReply();
|
||
} )
|
||
|
||
// Handle clicks on the submit button (previously this was an onclick attr)
|
||
.on( 'click', 'div.c-form-button input[type="button"]', function () {
|
||
Comment.submit();
|
||
} )
|
||
|
||
// Change page
|
||
.on( 'click', 'li.c-pager-item a.c-pager-link', function () {
|
||
var ordCrtl, ord = 0,
|
||
commentsBody = $( this ).parents( 'div.comments-body:first' );
|
||
|
||
if ( commentsBody.length > 0 ) {
|
||
ordCrtl = commentsBody.first().find( 'select[name="TheOrder"]:first' );
|
||
if ( ordCrtl.length > 0 ) {
|
||
ord = ordCrtl.val();
|
||
}
|
||
}
|
||
|
||
Comment.viewComments(
|
||
mw.config.get( 'wgArticleId' ), // or we could use $( 'input[name="pid"]' ).val(), too
|
||
ord,
|
||
0,
|
||
$( this ).data( 'cpage' )
|
||
);
|
||
} );
|
||
} );
|
||
|
||
}( jQuery, mediaWiki ) );
|