mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-09-28 12:46:45 +00:00
718db58fd5
Modifications: VisualEditor.php * Added links to new widgets VisualEditor.i18n.php * Added placeholder text for category input ve.ui.Widget.css * Added styles for new widgets New: ve.ui.MWMetaDialog.js * Create category widget with categories from dm. * Listen to metaList for insert and remove events ** insert / remove bound methods to be improved upon additional meta groups * Add listeners to mwCategoryWidget for new categories and updates ve.ui.MWCategoryWidget.js * Top-level category editing widget ve.ui.MWCategoryItemWidget.js * Items within a category widget ve.ui.MWCategoryInputWidget.js * Input for new categories, handles menu and API requests ve.ui.MWCategoryPopupWidget.js * Mini-inspector for a category item Bug: 39597 Change-Id: I5eafaa484a1924a566d3a1ee1d869293089d0ecf
83 lines
1.9 KiB
JavaScript
83 lines
1.9 KiB
JavaScript
/*!
|
|
* VisualEditor UserInterface MWCategoryItemWidget class.
|
|
*
|
|
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
/**
|
|
* Creates an ve.ui.MWCategoryItemWidget object.
|
|
*
|
|
* @class
|
|
* @abstract
|
|
* @extends ve.ui.Widget
|
|
*
|
|
* @constructor
|
|
* @param {Object} [config] Config options
|
|
* @cfg {Object} [metaItem] Meta Item Reference
|
|
*/
|
|
ve.ui.MWCategoryItemWidget = function VeUiMWCategoryItemWidget( config ) {
|
|
// Config intialization
|
|
config = config || {};
|
|
|
|
// Parent constructor
|
|
ve.ui.Widget.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.menuOpen = false;
|
|
this.$label = this.$$( '<span>' );
|
|
this.$arrow = this.$$( '<div>' );
|
|
this.$categoryItem = this.$$( '<div>' );
|
|
|
|
// Events
|
|
this.$categoryItem.on( {
|
|
'click': ve.bind( this.onClick, this ),
|
|
'mounsedown': ve.bind( this.onMouseDown, this )
|
|
} );
|
|
|
|
// Initialization
|
|
this.$label.text( this.value );
|
|
this.$arrow.addClass( 've-ui-mwCategoryListItemControl ve-ui-icon-down' );
|
|
this.$categoryItem
|
|
.addClass( 've-ui-mwCategoryListItemButton' )
|
|
.append( this.$label, this.$arrow, this.$$( '<div>' ).css( 'clear', 'both' ) );
|
|
this.$
|
|
.addClass( 've-ui-mwCategoryListItemWidget' )
|
|
.append( this.$categoryItem );
|
|
};
|
|
|
|
/* Inheritance */
|
|
|
|
ve.inheritClass( ve.ui.MWCategoryItemWidget, ve.ui.Widget );
|
|
|
|
/* Events */
|
|
|
|
/**
|
|
* @event savePopupState
|
|
*/
|
|
|
|
/**
|
|
* @event togglePopupMenu
|
|
* @param {ve.ui.MWCategoryItemWidget} item Item to load into popup
|
|
*/
|
|
|
|
/* Methods */
|
|
|
|
/**
|
|
* Emits savePopupState on mousedown
|
|
*/
|
|
ve.ui.MWCategoryItemWidget.prototype.onMouseDown = function () {
|
|
this.emit( 'savePopupState' );
|
|
};
|
|
|
|
/**
|
|
* Emits togglePopupMenu on click
|
|
*/
|
|
ve.ui.MWCategoryItemWidget.prototype.onClick = function () {
|
|
this.emit( 'togglePopupMenu', this );
|
|
};
|