mediawiki-extensions-VisualEditor/modules/es/tools/es.FormatDropdownTool.js

es.FormatDropdownTool = function( toolbar, name ) {
	es.DropdownTool.call( this, toolbar, name );

	this.formats = [
		{ 'name': 'Paragraph', 'type' : 'paragraph' },
		{ 'name': 'Heading Level 1', 'type' : 'heading', 'attributes': { 'level': 1 } },
		{ 'name': 'Heading Level 2', 'type' : 'heading', 'attributes': { 'level': 2 } },
		{ 'name': 'Heading Level 3', 'type' : 'heading', 'attributes': { 'level': 3 } },
		{ 'name': 'Heading Level 4', 'type' : 'heading', 'attributes': { 'level': 4 } },
		{ 'name': 'Heading Level 5', 'type' : 'heading', 'attributes': { 'level': 5 } },
		{ 'name': 'Heading Level 6', 'type' : 'heading', 'attributes': { 'level': 6 } },
		{ 'name': 'Preformatted', 'type' : 'pre' }
	];
	
	this.$select.append( '<option>' );

	for ( var i = 0; i < this.formats.length; i++ ) {
		$( '<option>' ).val( i ).html( this.formats[i].name ).appendTo( this.$select );
	}
};

es.FormatDropdownTool.prototype.onChange = function() {
	var index = this.$select.val();
	if ( index in this.formats ) {
		var txs = this.toolbar.surfaceView.model.getDocument().prepareLeafConversion(
			this.toolbar.surfaceView.currentSelection,
			this.formats[index].type,
			this.formats[index].attributes
		)
		for ( var i = 0; i < txs.length; i++ ) {
			this.toolbar.surfaceView.model.transact( txs[i] );
		}
	}
};

es.FormatDropdownTool.prototype.updateState = function( annotations, nodes ) {
	var format = {
		'type': nodes[0].getElementType(),
		'attributes': nodes[0].element.attributes
	};

	for( var i = 1; i < nodes.length; i++ ) {
		if ( nodes[i].getElementType() != format.type
			|| !es.compareObjects( nodes[0].element.attributes, format.attributes ) ) {
			format = null;
			break;
		}
	}

	if ( format === null ) {
		this.$select.val( null );
	} else {
		for ( var i = 0; i < this.formats.length; i++ ) {
			if ( this.formats[i].type === format.type
				&& es.compareObjects( this.formats[i].attributes, format.attributes ) ) {
					this.$select.val( i );
					break;
			}
		}
	}
};

es.Tool.tools.format = {
	constructor: es.FormatDropdownTool,
	name: 'format'
};

es.extendClass( es.FormatDropdownTool, es.DropdownTool );