editfont.js
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

editfont.js
View Options

	/*!
	* JavaScript for Special:Preferences: editfont field enhancements.
	*/
	mw.hook( 'htmlform.enhance' ).add( ( $root ) => {
	const $target = $root.find( '#mw-input-wpeditfont' );

	if (
	// This preference could theoretically be disabled ($wgHiddenPrefs)
	!$target.length \|\|
	$target.closest( '.mw-htmlform-autoinfuse-lazy' ).length
	) {
	return;
	}

	const widget = OO.ui.infuse( $target );

	// Style options
	widget.dropdownWidget.menu.items.forEach( ( item ) => {
	// The following classes are used here:
	// * mw-editfont-monospace
	// * mw-editfont-sans-serif
	// * mw-editfont-serif
	item.$label.addClass( 'mw-editfont-' + item.getData() );
	} );

	let lastValue;

	function updateLabel( value ) {
	// Style selected item label
	// The following classes are used here:
	// * mw-editfont-monospace
	// * mw-editfont-sans-serif
	// * mw-editfont-serif
	widget.dropdownWidget.$label
	.removeClass( 'mw-editfont-' + lastValue )
	.addClass( 'mw-editfont-' + value );
	lastValue = value;
	}

	widget.on( 'change', updateLabel );
	updateLabel( widget.getValue() );

	} );