mediawiki-extensions-Visual.../modules/oojs-ui/elements/OO.ui.IconedElement.js
Roan Kattouw 5b3ed2bc56 Provide a default implementation for OO.ui.msg
Just a simple message map in English. Also document localizaton-related
things in OO.ui

Change-Id: Ie74762238ca66747776610157c838dd75a864463
2013-11-01 13:36:05 -07:00

71 lines
1.5 KiB
JavaScript

/*!
* ObjectOriented UserInterface IconedElement class.
*
* @copyright 2011-2013 OOJS Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
/**
* Element containing an icon.
*
* @class
* @abstract
*
* @constructor
* @param {jQuery} $icon Icon node, assigned to #$icon
* @param {Object} [config] Configuration options
* @cfg {Object|string} [icon=''] Symbolic icon name, or map of icon names keyed by language ID;
* use the 'default' key to specify the icon to be used when there is no icon in the user's language.
*/
OO.ui.IconedElement = function OoUiIconedElement( $icon, config ) {
// Config intialization
config = config || {};
// Properties
this.$icon = $icon;
this.icon = null;
// Initialization
this.$icon.addClass( 'oo-ui-iconedElement-icon' );
this.setIcon( config.icon );
};
/* Methods */
/**
* Set the icon.
*
* @method
* @param {Object|string} [value] Symbolic name of icon to use
* @chainable
*/
OO.ui.IconedElement.prototype.setIcon = function ( value ) {
var i, len, icon, lang,
langs = OO.ui.getUserLanguages();
if ( OO.isPlainObject( value ) ) {
icon = value['default'];
for ( i = 0, len = langs.length; i < len; i++ ) {
lang = langs[i];
if ( value[lang] ) {
icon = value[lang];
break;
}
}
} else {
icon = value;
}
if ( this.icon ) {
this.$icon.removeClass( 'oo-ui-icon-' + this.icon );
}
if ( typeof icon === 'string' ) {
icon = icon.trim();
if ( icon.length ) {
this.$icon.addClass( 'oo-ui-icon-' + icon );
this.icon = icon;
}
}
return this;
};