mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Thanks
synced 2024-11-15 02:54:23 +00:00
c90883c591
This will throw a client side error. Let's not do that. What's needed here is a toast. Change-Id: I6395fec5cf3fc6ac561aa13d3d9d031e153f3341
106 lines
3.1 KiB
JavaScript
106 lines
3.1 KiB
JavaScript
( function () {
|
|
/**
|
|
* Attempt to execute a thank operation for a given edit
|
|
*
|
|
* @param {string} name The username of the user who made the edit
|
|
* @param {string} revision The revision the user created
|
|
* @param {string} recipientGender The gender of the user who made the edit
|
|
* @return {Promise} The thank operation's status.
|
|
*/
|
|
function thankUser( name, revision, recipientGender ) {
|
|
return ( new mw.Api() ).postWithToken( 'csrf', {
|
|
action: 'thank',
|
|
rev: revision,
|
|
source: 'mobilediff'
|
|
} ).then( function () {
|
|
mw.notify( mw.msg( 'thanks-thanked-notice', name, recipientGender, mw.user ) );
|
|
}, function ( errorCode ) {
|
|
switch ( errorCode ) {
|
|
case 'invalidrevision':
|
|
mw.notify( mw.msg( 'thanks-error-invalidrevision' ) );
|
|
break;
|
|
case 'ratelimited':
|
|
mw.notify( mw.msg( 'thanks-error-ratelimited', recipientGender ) );
|
|
break;
|
|
default:
|
|
mw.notify( mw.msg( 'thanks-error-undefined', errorCode ) );
|
|
}
|
|
} );
|
|
}
|
|
|
|
/**
|
|
* Disables the thank button marking the user as thanked
|
|
*
|
|
* @param {jQuery} $button used for thanking
|
|
* @param {string} gender The gender of the user who made the edit
|
|
* @return {jQuery} $button now disabled
|
|
*/
|
|
function disableThanks( $button, gender ) {
|
|
return $button
|
|
.addClass( 'thanked' )
|
|
.prop( 'disabled', true )
|
|
.text( mw.message( 'thanks-button-thanked', mw.user, gender ).text() );
|
|
}
|
|
|
|
/**
|
|
* Create a thank button for a given edit
|
|
*
|
|
* @param {string} name The username of the user who made the edit
|
|
* @param {string} rev The revision the user created
|
|
* @param {string} gender The gender of the user who made the edit
|
|
* @return {jQuery|null} The HTML of the button.
|
|
*/
|
|
function createThankLink( name, rev, gender ) {
|
|
var $button = $( '<button>' )
|
|
.addClass(
|
|
'mw-mf-action-button mw-ui-button mw-ui-progressive mw-ui-icon mw-ui-icon-before mw-ui-icon-userTalk'
|
|
).text( mw.message( 'thanks-button-thank', mw.user, gender ).text() );
|
|
|
|
// Don't make thank button for self
|
|
if ( name === mw.config.get( 'wgUserName' ) ) {
|
|
return null;
|
|
}
|
|
// See if user has already been thanked for this edit
|
|
if ( mw.config.get( 'wgThanksAlreadySent' ) ) {
|
|
return disableThanks( $button, gender );
|
|
}
|
|
return $button
|
|
.on( 'click', function () {
|
|
var $this = $( this );
|
|
if ( !$this.hasClass( 'thanked' ) ) {
|
|
thankUser( name, rev, gender ).done( function () {
|
|
disableThanks( $this, gender );
|
|
} );
|
|
}
|
|
} );
|
|
}
|
|
|
|
/**
|
|
* Initialise a thank button in the given container.
|
|
*
|
|
* @param {jQuery} $user existing element with data attributes associated describing a user.
|
|
* @param {jQuery} $container to render button in
|
|
*/
|
|
function init( $user, $container ) {
|
|
var username = $user.data( 'user-name' ),
|
|
rev = $user.data( 'revision-id' ),
|
|
gender = $user.data( 'user-gender' ),
|
|
$thankBtn;
|
|
|
|
$thankBtn = createThankLink( username, rev, gender );
|
|
if ( $thankBtn ) {
|
|
$thankBtn.prependTo( $container );
|
|
}
|
|
|
|
}
|
|
|
|
$( function () {
|
|
init( $( '.mw-mf-user' ), $( '#mw-mf-userinfo' ) );
|
|
} );
|
|
|
|
// Expose for testing purposes
|
|
mw.thanks = $.extend( {}, mw.thanks || {}, {
|
|
_mobileDiffInit: init
|
|
} );
|
|
}() );
|