%PDF-
%PDF-
Mini Shell
Mini Shell
/*!
* A jQuery plugin which handles the display and change of message group
* workflow sates.
*
* @author Niklas Laxström
* @license GPL-2.0-or-later
*/
( function ( $, mw ) {
'use strict';
function WorkflowSelector( container ) {
this.$container = $( container );
// Hide the workflow selector when clicking outside of it
$( 'html' ).on( 'click', function ( e ) {
if ( !e.isDefaultPrevented() ) {
$( container )
.find( '.tux-workflow-status-selector' )
.addClass( 'hide' );
}
} );
}
WorkflowSelector.prototype = {
/**
* Displays the current state and selector if relevant.
*
* @param {string} groupId
* @param {string} language
* @param {string} state
*/
receiveState: function ( groupId, language, state ) {
var instance = this;
instance.currentState = state;
instance.language = language;
// Only if groupId changes, fetch the new states
if ( instance.groupId === groupId ) {
// But update the display
instance.display();
return;
}
instance.groupId = groupId;
mw.translate.getMessageGroup( groupId, 'workflowstates' )
.done( function ( group ) {
instance.states = group.workflowstates;
instance.display();
} );
},
/**
* Calls the WebApi to change the state to a new value.
*
* @param {string} state
* @return {jQuery.Promise}
*/
changeState: function ( state ) {
var params,
api = new mw.Api();
params = {
action: 'groupreview',
group: this.groupId,
language: this.language,
state: state
};
return api.postWithToken( 'csrf', params );
},
/**
* Get the text which says that the current state is X.
*
* @param {string} stateName
* @return {string} Text which should be escaped.
*/
getStateDisplay: function ( stateName ) {
return mw.msg( 'translate-workflowstatus', stateName );
},
/**
* Actually constructs the DOM and displays the selector.
*/
display: function () {
var instance = this,
$display, $list;
instance.$container.empty();
if ( !instance.states ) {
return;
}
$list = $( '<ul>' )
.addClass( 'tux-dropdown-menu tux-workflow-status-selector hide' );
$display = $( '<div>' )
.addClass( 'tux-workflow-status' )
.text( mw.msg( 'translate-workflow-state-' ) )
.click( function ( e ) {
$list.toggleClass( 'hide' );
e.stopPropagation();
} );
$.each( this.states, function ( id, data ) {
var $state;
// Store the id also
data.id = id;
$state = $( '<li>' )
.data( 'state', data )
.text( data.name );
if ( data.canchange && id !== instance.currentState ) {
$state.addClass( 'changeable' );
} else {
$state.addClass( 'unchangeable' );
}
if ( id === instance.currentState ) {
$display.text( instance.getStateDisplay( data.name ) );
$display.append( $( '<span>' ).addClass( 'tux-workflow-status-triangle' ) );
$state.addClass( 'selected' );
}
$state.appendTo( $list );
} );
$list.find( '.changeable' ).click( function () {
var state,
$this = $( this );
state = $this.data( 'state' ).id;
$display.text( mw.msg( 'translate-workflow-set-doing' ) );
$display.append( $( '<span>' ).addClass( 'tux-workflow-status-triangle' ) );
instance.changeState( state )
.done( function () {
instance.receiveState( instance.groupId, instance.language, state );
} )
.fail( function () {
// eslint-disable-next-line no-alert
alert( 'Change of state failed' );
} );
} );
instance.$container.append( $display, $list );
}
};
/* workflowselector jQuery definitions */
$.fn.workflowselector = function ( groupId, language, state ) {
return this.each( function () {
var $this = $( this ),
data = $this.data( 'workflowselector' );
if ( !data ) {
$this.data( 'workflowselector', ( data = new WorkflowSelector( this ) ) );
}
$this.data( 'workflowselector' ).receiveState( groupId, language, state );
} );
};
$.fn.workflowselector.Constructor = WorkflowSelector;
}( jQuery, mediaWiki ) );
Zerion Mini Shell 1.0