mediawiki-extensions-Visual.../modules/ve/ui/tools/dropdowns/ve.ui.FormatDropdownTool.js
Ed Sanders fdf30b1ac8 Store data in LinearData class with an index-value store for objects
Created an IndexValueStore class which can store any object and return
an integer index to its hash map.

Linear data is now stored in ve.dm.LinearData instances. Two subclasses
for element and meta data contain methods specific to those data types
(ElementLinearData and MetaLinearData).

The static methods in ve.dm.Document that inspected data at a given
offset are now instance methods of ve.dm.ElementLinearData.

AnnotationSets (which are no longer OrderedHashSets) have been moved
to /dm and also have to be instantiated with a pointer the store.

Bug: 46320
Change-Id: I249a5d48726093d1cb3e36351893f4bff85f52e2
2013-03-30 10:06:34 +00:00

178 lines
4 KiB
JavaScript

/*!
* VisualEditor UserInterface FormatDropdownTool class.
*
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
/**
* UserInterface format dropdown tool.
*
* @class
* @extends ve.ui.DropdownTool
* @constructor
* @param {ve.ui.Toolbar} toolbar
* @param {Object} [config] Config options
*/
ve.ui.FormatDropdownTool = function VeUiFormatDropdownTool( toolbar, config ) {
var i, len, item,
items = this.constructor.static.items.slice( 0 );
// Parent constructor
ve.ui.DropdownTool.call( this, toolbar, config );
// Initialization
for ( i = 0, len = items.length; i < len; i++ ) {
item = items[i];
items[i] = new ve.ui.MenuItemWidget(
item.data, { '$$': this.$$, 'rel': item.rel, 'label': ve.msg( item.label ) }
);
}
this.menu.addItems( items );
};
/* Inheritance */
ve.inheritClass( ve.ui.FormatDropdownTool, ve.ui.DropdownTool );
/* Static Properties */
ve.ui.FormatDropdownTool.static.name = 'format';
ve.ui.FormatDropdownTool.static.titleMessage = 'visualeditor-formatdropdown-title';
/**
* Options given to ve.ui.DropdownTool.
*
* @static
* @property {Object[]}
*/
ve.ui.FormatDropdownTool.static.items = [
{
'label': 'visualeditor-formatdropdown-format-paragraph',
'rel': 'paragraph',
'data': {
'type' : 'paragraph'
}
},
{
'label': 'visualeditor-formatdropdown-format-heading1',
'rel': 'heading-1',
'data': {
'type' : 'heading',
'attributes': { 'level': 1 }
}
},
{
'label': 'visualeditor-formatdropdown-format-heading2',
'rel': 'heading-2',
'data': {
'type' : 'heading',
'attributes': { 'level': 2 }
}
},
{
'label': 'visualeditor-formatdropdown-format-heading3',
'rel': 'heading-3',
'data': {
'type' : 'heading',
'attributes': { 'level': 3 }
}
},
{
'label': 'visualeditor-formatdropdown-format-heading4',
'rel': 'heading-4',
'data': {
'type' : 'heading',
'attributes': { 'level': 4 }
}
},
{
'label': 'visualeditor-formatdropdown-format-heading5',
'rel': 'heading-5',
'data': {
'type' : 'heading',
'attributes': { 'level': 5 }
}
},
{
'label': 'visualeditor-formatdropdown-format-heading6',
'rel': 'heading-6',
'data': {
'type' : 'heading',
'attributes': { 'level': 6 }
}
},
{
'label': 'visualeditor-formatdropdown-format-preformatted',
'rel': 'preformatted',
'data': {
'type' : 'preformatted'
}
}
];
/* Methods */
/**
* Handle dropdown option being selected.
*
* @method
* @param {ve.ui.MenuItemWidget} item Menu item
*/
ve.ui.FormatDropdownTool.prototype.onSelect = function ( item ) {
var data;
if ( item ) {
data = item.getData();
this.toolbar.getSurface().execute( 'format', 'convert', data.type, data.attributes );
}
};
/**
* Handle the toolbar state being updated.
*
* @method
* @param {ve.dm.Node[]} nodes List of nodes covered by the current selection
* @param {ve.dm.AnnotationSet} full Annotations that cover all of the current selection
* @param {ve.dm.AnnotationSet} partial Annotations that cover some or all of the current selection
*/
ve.ui.FormatDropdownTool.prototype.onUpdateState = function ( nodes ) {
var i, nodesLength, node, j, itemsLength, item, match,
items = this.menu.getItems();
nodeLoop:
for ( i = 0, nodesLength = nodes.length; i < nodesLength; i++ ) {
node = nodes[i];
if ( !node.canHaveChildren() ) {
node = node.getParent();
}
if ( node ) {
for ( j = 0, itemsLength = items.length; j < itemsLength; j++ ) {
item = items[j];
if ( item.data.type === node.getType() ) {
if ( item.data.attributes && !node.hasAttributes( item.data.attributes ) ) {
continue;
}
if ( match ) {
match = null;
break nodeLoop;
}
match = item;
}
}
}
}
if ( match ) {
this.menu.selectItem( match, true );
this.setLabel( match.$label.text() );
} else {
this.menu.selectItem( null, true );
this.setLabel();
}
};
/* Registration */
ve.ui.toolFactory.register( 'format', ve.ui.FormatDropdownTool );