mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-12-01 17:36:35 +00:00
d0ff691f9e
* New! Button and InputLabel widgets * Using new buttons in the demo * Moved styles around to generalize input styles Change-Id: Ic42e133f8fe0fffcb61374c09dd5668db82a4799 TODO: Use these buttons other places! (like ve.init)
47 lines
1.1 KiB
JavaScript
47 lines
1.1 KiB
JavaScript
/*!
|
|
* VisualEditor user interface InputLabelWidget class.
|
|
*
|
|
* @copyright 2011-2012 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
/**
|
|
* Creates an ve.ui.InputLabelWidget object.
|
|
*
|
|
* CSS classes will be added to the button for each flag, each prefixed with 've-ui-InputLabelWidget-'
|
|
*
|
|
* @abstract
|
|
* @class
|
|
* @constructor
|
|
* @extends ve.ui.Widget
|
|
* @param {Function} $$ jQuery for the frame the widget is in
|
|
* @param {string} label Button label
|
|
* @param {string[]} [flags] List of styling flags, e.g. 'primary', 'destructive' or 'constructive'
|
|
*/
|
|
ve.ui.InputLabelWidget = function VeUiInputLabelWidget( $$, label, input ) {
|
|
// Parent constructor
|
|
ve.ui.Widget.call( this, $$, $( '<label>' ) );
|
|
|
|
// Properties
|
|
this.input = input || null;
|
|
|
|
// Events
|
|
this.$.on(
|
|
'click',
|
|
ve.bind( function () {
|
|
if ( this.input ) {
|
|
this.input.$input.focus();
|
|
}
|
|
}, this )
|
|
);
|
|
|
|
// Initialization
|
|
this.$
|
|
.text( label )
|
|
.addClass( 've-ui-InputLabelWidget' );
|
|
};
|
|
|
|
/* Inheritance */
|
|
|
|
ve.inheritClass( ve.ui.InputLabelWidget, ve.ui.Widget );
|