mediawiki-extensions-Visual.../modules/ve2/ui/tools/ve.ui.FormatDropdownTool.js

124 lines
2.6 KiB
JavaScript
Raw Normal View History

/**
* Creates an ve.FormatDropdownTool object.
*
* @class
* @constructor
* @extends {ve.ui.DropdownTool}
* @param {ve.ui.Toolbar} toolbar
* @param {String} name
* @param {Object[]} items
*/
ve.FormatDropdownTool = function( toolbar, name, title ) {
// Inheritance
ve.ui.DropdownTool.call( this, toolbar, name, title, [
{
'name': 'paragraph',
'label': 'Paragraph',
'type' : 'paragraph'
},
{
'name': 'heading-1',
'label': 'Heading 1',
'type' : 'heading',
'attributes': { 'level': 1 }
},
{
'name': 'heading-2',
'label': 'Heading 2',
'type' : 'heading',
'attributes': { 'level': 2 }
},
{
'name': 'heading-3',
'label': 'Heading 3',
'type' : 'heading',
'attributes': { 'level': 3 }
},
{
'name': 'heading-4',
'label': 'Heading 4',
'type' : 'heading',
'attributes': { 'level': 4 }
},
{
'name': 'heading-5',
'label': 'Heading 5',
'type' : 'heading',
'attributes': { 'level': 5 }
},
{
'name': 'heading-6',
'label': 'Heading 6',
'type' : 'heading',
'attributes': { 'level': 6 }
},
{
'name': 'preformatted',
'label': 'Preformatted',
'type' : 'preformatted'
}
] );
};
/* Methods */
ve.FormatDropdownTool.prototype.onSelect = function( item ) {
var surfaceView = this.toolbar.surfaceView,
model = surfaceView.getModel();
selection = model.getSelection(),
doc = model.getDocument();
var txs = ve.dm.Transaction.newFromContentBranchConversion(
doc,
selection,
item.type,
item.attributes
);
model.transact ( txs );
surfaceView.showSelection( selection );
};
ve.FormatDropdownTool.prototype.updateState = function( annotations, nodes ) {
// Get type and attributes of the first node
var i,
format = {
'type': nodes[0].type,
'attributes': nodes[0].attributes
};
// Look for mismatches, in which case format should be null
for ( i = 1; i < nodes.length; i++ ) {
if ( format.type != nodes[i].getType() ||
!ve.compareObjects( format.attributes || {}, nodes[i].attributes || {} ) ) {
format = null;
break;
}
}
if ( format === null ) {
this.$label.html( '&nbsp;' );
} else {
var items = this.menuView.getItems();
for ( i = 0; i < items.length; i++ ) {
if (
format.type === items[i].type &&
ve.compareObjects( format.attributes || {}, items[i].attributes || {} )
) {
this.$label.text( items[i].label );
break;
}
}
}
};
/* Registration */
ve.ui.Tool.tools.format = {
'constructor': ve.FormatDropdownTool,
'name': 'format',
'title': 'Change format'
};
/* Inheritance */
ve.extendClass( ve.FormatDropdownTool, ve.ui.DropdownTool );