Current File : /home/jvzmxxx/wiki1/extensions/MobileFrontend/resources/mobile.startup/Icon.js

( function ( M, $ ) {

	var View = M.require( 'mobile.startup/View' );

	/**
	 * A wrapper for creating an icon.
	 * @class Icon
	 * @extends View
	 *
	 * @constructor
	 * @param {Object} options Configuration options
	 */
	function Icon( options ) {
		if ( options.hasText ) {
			options.modifier = 'mw-ui-icon-before';
		}
		if ( options.href ) {
			options.tagName = 'a';
		}
		View.call( this, options );
	}

	OO.mfExtend( Icon, View, {
		/** @inheritdoc */
		isTemplateMode: true,
		/**
		 * @cfg {Object} defaults Default options hash.
		 * @cfg {boolean} defaults.hasText Whether the icon has text.
		 * @cfg {boolean} defaults.isSmall Whether the icon should be small.
		 * @cfg {string} [defaults.href] value of href attribute, when set tagName will default to anchor tag
		 * @cfg {string} defaults.tagName The name of the tag in which the icon is wrapped. Defaults to 'a' when href option present.
		 * @cfg {string} defaults.base String used as a base for generating class names.
		 * Defaults to 'mw-ui-icon'.
		 * @cfg {string} defaults.name Name of the icon.
		 * @cfg {string} defaults.modifier Additional class name.
		 * Defaults to 'mw-ui-icon-element'.
		 * @cfg {string} defaults.title Tooltip text.
		 */
		defaults: {
			hasText: false,
			href: undefined,
			tagName: 'div',
			isSmall: false,
			base: 'mw-ui-icon',
			name: '',
			modifier: 'mw-ui-icon-element',
			title: ''
		},
		/**
		 * Return the full class name that is required for the icon to render
		 * @method
		 * @return {string}
		 */
		getClassName: function () {
			return this.$el.attr( 'class' );
		},
		/**
		 * Return the class that relates to the icon glyph
		 * @method
		 * @return {string}
		 */
		getGlyphClassName: function () {
			return this.options.base + '-' + this.options.name;
		},
		/**
		 * Return the HTML representation of this view
		 * @method
		 * @return {string}
		 */
		toHtmlString: function () {
			return $( '<div>' ).append( this.$el ).html();
		},
		template: mw.template.get( 'mobile.startup', 'icon.hogan' )
	} );

	M.define( 'mobile.startup/Icon', Icon );

}( mw.mobileFrontend, jQuery ) );