mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-09-28 20:56:44 +00:00
a52d7ff65a
* Switched a lot of classes from es-* to ve-ui-* * Removed all the DOM structure left over from the old sandbox demo * Got rid of transparent backgrounds * Added menu font-size rule to stand-alone target * Moved some rules around that were in the wrong places * Got rid of some unused/unneeded methods in the mw target (attach and detach surface methods) * Added active class to context icon with shallower shadow effect so it doesn't break your spacial perception when you click on it * Renamed the iframe and iframe wrapper elements so it's easier to see where they came from * Removed unused CSS rules * Fixed some uses of prop( 'class', … ) to addClass Change-Id: I54a660ca0baf0baa4463faca7a1edcf648130b6b
76 lines
1.8 KiB
JavaScript
76 lines
1.8 KiB
JavaScript
/**
|
|
* VisualEditor user interface DropdownTool class.
|
|
*
|
|
* @copyright 2011-2012 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
/**
|
|
* Creates an ve.ui.DropdownTool object.
|
|
*
|
|
* @class
|
|
* @constructor
|
|
* @param {ve.ui.Toolbar} toolbar
|
|
* @param {String} name
|
|
* @param {Object[]} items
|
|
*/
|
|
ve.ui.DropdownTool = function ( toolbar, name, title, items ) {
|
|
// Inheritance
|
|
ve.ui.Tool.call( this, toolbar, name, title );
|
|
if ( !name ) {
|
|
return;
|
|
}
|
|
|
|
// Properties
|
|
var tool = this;
|
|
this.menuView = new ve.ui.Menu( items, function ( item ) {
|
|
tool.onSelect( item );
|
|
tool.$labelText.text( item.label );
|
|
}, this.$ );
|
|
this.$icon = $( '<div>' ).addClass( 've-ui-toolbarDropdownTool-icon' );
|
|
this.$label = $( '<div>' ).addClass( 've-ui-toolbarDropdownTool-label' );
|
|
this.$labelText = $( '<span>' ).html( ' ' );
|
|
|
|
// Events
|
|
$( document )
|
|
.add( this.toolbar.surfaceView.$ )
|
|
.mousedown( function ( e ) {
|
|
if ( e.which === 1 ) {
|
|
tool.menuView.close();
|
|
}
|
|
} );
|
|
this.$.on( {
|
|
'mousedown': function ( e ) {
|
|
if ( e.which === 1 ) {
|
|
e.preventDefault();
|
|
return false;
|
|
}
|
|
},
|
|
'mouseup': function ( e ) {
|
|
// Don't respond to menu clicks
|
|
var $item = $( e.target ).closest( '.ve-ui-menu' );
|
|
if ( e.which === 1 && $item.length === 0 ) {
|
|
tool.menuView.open();
|
|
} else {
|
|
tool.menuView.close();
|
|
}
|
|
}
|
|
} );
|
|
|
|
// DOM Changes
|
|
this.$
|
|
.append( this.$icon, this.$label )
|
|
.addClass( 've-ui-toolbarDropdownTool ve-ui-toolbarDropdownTool-' + name );
|
|
this.$label.append( this.$labelText );
|
|
};
|
|
|
|
/* Methods */
|
|
|
|
ve.ui.DropdownTool.prototype.onSelect = function ( item ) {
|
|
throw new Error( 'DropdownTool.onSelect not implemented in this subclass:' + this.constructor );
|
|
};
|
|
|
|
/* Inheritance */
|
|
|
|
ve.extendClass( ve.ui.DropdownTool, ve.ui.Tool );
|