mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-29 00:30:44 +00:00
111 lines
2.8 KiB
JavaScript
111 lines
2.8 KiB
JavaScript
/*!
|
|
* VisualEditor UserInterface MWCategoryItemWidget class.
|
|
*
|
|
* @copyright 2011-2014 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
/**
|
|
* Creates an ve.ui.MWCategoryItemWidget object.
|
|
*
|
|
* @class
|
|
* @abstract
|
|
* @extends OO.ui.Widget
|
|
* @mixins OO.ui.IndicatorElement
|
|
*
|
|
* @constructor
|
|
* @param {Object} [config] Configuration options
|
|
* @cfg {Object} [item] Category item
|
|
* @cfg {boolean} [hidden] Whether the category is hidden or not
|
|
* @cfg {boolean} [missing] Whether the category's description page is missing
|
|
* @cfg {string} [redirectTo] The name of the category this category's page redirects to.
|
|
*/
|
|
ve.ui.MWCategoryItemWidget = function VeUiMWCategoryItemWidget( config ) {
|
|
// Config initialization
|
|
config = ve.extendObject( { indicator: 'down' }, config );
|
|
|
|
// Parent constructor
|
|
OO.ui.Widget.call( this, config );
|
|
|
|
// Mixin constructors
|
|
OO.ui.IndicatorElement.call( this, config );
|
|
|
|
// Properties
|
|
this.name = config.item.name;
|
|
this.value = config.item.value;
|
|
this.sortKey = config.item.sortKey || '';
|
|
this.metaItem = config.item.metaItem;
|
|
this.isHidden = config.hidden;
|
|
this.isMissing = config.missing;
|
|
this.menuOpen = false;
|
|
this.$label = this.$( '<span>' );
|
|
this.$categoryItem = this.$( '<div>' );
|
|
|
|
// Events
|
|
this.$categoryItem.on( {
|
|
click: this.onClick.bind( this ),
|
|
mousedown: this.onMouseDown.bind( this )
|
|
} );
|
|
|
|
// Initialization
|
|
this.$label
|
|
.addClass( 've-ui-mwCategoryItemWidget-label' )
|
|
.text( config.redirectTo || this.value );
|
|
if ( config.redirectTo ) {
|
|
ve.init.platform.linkCache.styleElement( mw.Title.newFromText(
|
|
config.redirectTo,
|
|
mw.config.get( 'wgNamespaceIds' ).category
|
|
).getPrefixedText(), this.$label );
|
|
} else {
|
|
ve.init.platform.linkCache.styleElement( this.name, this.$label );
|
|
}
|
|
|
|
this.$categoryItem
|
|
.addClass( 've-ui-mwCategoryItemWidget-button' )
|
|
.append( this.$label, this.$indicator );
|
|
this.$element
|
|
.addClass( 've-ui-mwCategoryItemWidget' )
|
|
.append( this.$categoryItem );
|
|
};
|
|
|
|
/* Inheritance */
|
|
|
|
OO.inheritClass( ve.ui.MWCategoryItemWidget, OO.ui.Widget );
|
|
|
|
OO.mixinClass( ve.ui.MWCategoryItemWidget, OO.ui.IndicatorElement );
|
|
|
|
/* Events */
|
|
|
|
/**
|
|
* @event savePopupState
|
|
*/
|
|
|
|
/**
|
|
* @event togglePopupMenu
|
|
* @param {ve.ui.MWCategoryItemWidget} item Item to load into popup
|
|
*/
|
|
|
|
/* Methods */
|
|
|
|
/**
|
|
* Handle mouse down events.
|
|
*
|
|
* @method
|
|
* @param {jQuery.Event} e Mouse down event
|
|
* @fires savePopupState on mousedown.
|
|
*/
|
|
ve.ui.MWCategoryItemWidget.prototype.onMouseDown = function () {
|
|
this.emit( 'savePopupState' );
|
|
};
|
|
|
|
/**
|
|
* Handle mouse click events.
|
|
*
|
|
* @method
|
|
* @param {jQuery.Event} e Mouse click event
|
|
* @fires togglePopupMenu on mousedown.
|
|
*/
|
|
ve.ui.MWCategoryItemWidget.prototype.onClick = function () {
|
|
this.emit( 'togglePopupMenu', this );
|
|
};
|