MediaWiki:Gadget-WikiSign.js

( function ( mw, $ ) {

	$( function () {
		var ws$i18n = {
			dlgTitle: 'Firma automática',
			fldInput: 'Opcionalmente puedes agregar un comentario',
			comments: 'Este mensaje acompañará tu firma, por favor no te extiendas demasiado.',
			fldSign: 'Firma',
			btnAccept: 'Firmar',
			btnCancel: 'Cancelar',
			previewWarning: 'No se puede firmar durante la edición o previsualización.'
		};
		var ws$options = {
			classNameButton: '.ui-action-sign',
			validNamespaces: [ 4, 102 ],
			prevSignDefault: '# ',
			textSignDefault: '~~' + '~~',
			postSignDefault: '',
		};

		if (	!( ws$options.validNamespaces.includes( mw.config.get('wgNamespaceNumber') ) )
		  ||	!( mw.config.get( 'wgUserName' ) )
		  ||	!( $( ws$options.classNameButton ).length )
		) {
			return;
		}

		if ( $.inArray( mw.config.get('wgAction'), [ 'view' ] ) !== -1 )
		{
			mw.loader.using( [
			'mediawiki.api',
			'oojs-ui-core',
			'oojs-ui-widgets',
			'oojs-ui-windows'
			] )
			.then( function()
			{
				$( ws$options.classNameButton ).on( 'click', function( e )
				{
					var button = $( this );
					var sectionTitle;
					while( button.attr( 'id' ) != 'mw-content-text' )
					{
						if ( $.inArray( button.prop( 'tagName' ), [ 'H1','H2','H3','H4','H5','H6' ] ) === -1 )
						{
							button = button.prev().length ? button.prev() : button.parent();
						}
						else
						{
							sectionTitle = button.children( '.mw-headline' ).attr( 'id' );
							break;
						}
					}

					var windowManager = new OO.ui.WindowManager();
					var messageDialog = new OO.ui.MessageDialog();
					$( 'body' ).append( windowManager.$element );
					windowManager.addWindows( [ messageDialog ] );

					var inputComm = new OO.ui.MultilineTextInputWidget( {
						placeholder: ws$i18n.comments,
						rows: 3
					} );
					var inputSign = new OO.ui.TextInputWidget( {
						value: ws$options.textSignDefault,
						disabled: true
					} );
					var fieldset = new OO.ui.FieldsetLayout( {
						classes: [ 'container' ],
					} );
					fieldset.addItems( [
						new OO.ui.FieldLayout( inputComm, {
							label: ws$i18n.fldInput,
							align: 'top'
						} ),
						new OO.ui.FieldLayout( inputSign, {
							label: ws$i18n.fldSign,
						} ),
					] );
					var form = new OO.ui.FormLayout( {
						items: [ fieldset ],
					} );

					var dlg = windowManager.openWindow( messageDialog, {
						title: ws$i18n.dlgTitle,
						message: form.$element,
						actions: [
							{ label: ws$i18n.btnAccept, action: 'sign', flags: 'progressive' },
							{ label: ws$i18n.btnCancel },
						],
						size: 'medium',
					} );

					dlg.closed.then( function ( data )
					{
						if ( data && data.action === 'sign' )
						{
							var comments = inputComm.getValue();
							var prevSign;
							switch ( button.data('prev-sign') )
							{
								case 'ul':
								case 'bullet':
									prevSign = '* ';
									break;
								case 'ol':
								case 'number':
									prevSign = '# ';
									break;
								case 'custom':
									prevSign = button.data('prev-sign-custom') || '';
									break;
								default:
									prevSign = ws$options.prevSignDefault;
							}
							var textSign;
							switch ( button.data('post-sign') )
							{
								case '3':
								case 'name':
								case 'username':
									textSign = '~~' + '~';
									break;
								case '4':
								case 'sign':
								case 'usersign':
									textSign = '~~' + '~~';
									break;
								case 'custom':
									textSign = button.data('post-sign-custom') || '~~' + '~~'; // cannot be empty
									break;
								default:
									textSign = ws$options.postSignDefault || '~~' + '~~'; // cannot be empty;
							}
							var postSign;
							switch ( button.data('post-sign') )
							{
								case 'custom':
									postSign = button.data('post-sign-custom') || '';
									break;
								default:
									postSign = ws$options.postSignDefault;
							}
							var fullSign = '\n';
							if ( prevSign )
							{
								fullSign = fullSign + prevSign;
							}
							if ( comments )
							{
								fullSign = fullSign + comments + ' '
							}
							if ( textSign )
							{
								fullSign = fullSign + textSign;
							}
							if ( postSign )
							{
								fullSign = fullSign + postSign;
							}

							var api = new mw.Api();

							if( sectionTitle )
							{
								api.get( {
									format: 'json',
									action: 'parse',
									prop: 'sections',
									page: mw.config.get( 'wgPageName' )
								} )
								.then( function ( result )
								{
									var sectionParse = result.parse.sections;
									var sectionCount = 1;
									for ( var s in sectionParse )
									{
										if ( $.trim( sectionParse[ s ].anchor ) === sectionTitle )
										{
											api.get( {
												format: 'json',
												action: 'parse',
												prop: 'wikitext',
												page: mw.config.get( 'wgPageName' ),
												section: sectionCount
											} )
											.then( function ( result )
											{
												var wikitext = result.parse.wikitext[ '*' ];
												api.post( {
													action: 'edit',
													title: mw.config.get( 'wgPageName' ),
													text: wikitext + fullSign,
													summary: '/' + '* ' + sectionTitle + ' *' + '/ ',
													section: sectionCount,
													token: mw.user.tokens.get( 'csrfToken' )
												} ).then( function () {
													window.location.reload( true );
												} );
											} );
												break;
										}
										sectionCount++;
									}
								} );
							}
							else
							{
								api.get( {
									format: 'json',
									action: 'parse',
									prop: 'wikitext',
									page: mw.config.get( 'wgPageName' )
								} )
								.then( function ( result )
								{
									var wikitext = result.parse.wikitext[ '*' ];
									api.post( {
										action: 'edit',
										title: mw.config.get( 'wgPageName' ),
										text: wikitext + fullSign,
										token: mw.user.tokens.get( 'csrfToken' )
									} ).then( function () {
										window.location.reload( true );
									} );
								} );
							}
						}
						windowManager.destroy();
					} );

					e.preventDefault();
					return false;
				} );
			} );
		}
		else
		if ( $.inArray( mw.config.get('wgAction'), [ 'edit', 'submit' ] ) !== -1 )
		{
			$( ws$options.classNameButton ).on('click', function( e ) {
				mw.notify( ws$i18n.previewWarning );
				e.preventDefault();
				return false;
			} );
		}
	} );

}( mediaWiki, jQuery ) );