wikimedia/mediawiki-core

/*!
 * JavaScript for Special:Preferences: signature field enhancements.
 */
( function () {
    mw.hook( 'htmlform.enhance' ).add( function ( $root ) {
        var $signatureInput = $root.find( '#mw-input-wpnickname' );
        if (
            // This preference could theoretically be disabled ($wgHiddenPrefs)
            !$signatureInput.length ||
            $signatureInput.closest( '.mw-htmlform-autoinfuse-lazy' ).length
        ) {
            return;
        }

        var signatureInput = OO.ui.infuse( $signatureInput );

        // Add a visible length limit
        mw.widgets.visibleCodePointLimit( signatureInput );

        // Use appropriate font
        function updateFont( useEditFont ) {
            // The following classes are used here:
            // * mw-editfont-monospace
            // * mw-editfont-sans-serif
            // * mw-editfont-serif
            signatureInput.$element.toggleClass(
                'mw-editfont-' + mw.user.options.get( 'editfont' ),
                useEditFont
            );
        }
        var $fancyToggleInput = $root.find( '#mw-input-wpfancysig' );
        if ( $fancyToggleInput.length ) {
            var fancyToggleInput = OO.ui.infuse( $fancyToggleInput );
            fancyToggleInput.on( 'change', function () {
                updateFont( fancyToggleInput.isSelected() );
            } );
            // !!+ casts '0' to false
            updateFont( !!+mw.user.options.get( 'fancysig' ) );
        }

        // Highlight lint errors
        $root.find( '[data-mw-lint-error-location]' ).each( function () {
            var
                $item = $( this ),
                location = $item.data( 'mw-lint-error-location' ),
                button = new OO.ui.ButtonWidget( {
                    label: mw.msg( 'prefs-signature-highlight-error' )
                } );

            button.on( 'click', function () {
                signatureInput.selectRange( location[ 0 ], location[ 1 ] );
            } );

            $item.append( button.$element );
        } );

    } );
}() );