Anchor.js
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

Anchor.js
View Options

	const
	View = require( './View' ),
	util = require( './util' );

	/**
	* A wrapper for creating an anchor.
	*
	* @extends module:mobile.startup/View
	* @private
	*/
	class Anchor extends View {
	/**
	* @inheritdoc
	*/
	get isTemplateMode() {
	return true;
	}

	/**
	* @memberof Anchor
	* @instance
	* @mixes module:mobile.startup/View#defaults
	* @property {Object} defaults Default options hash.
	* @property {boolean} defaults.progressive is progressive action
	* @property {boolean} defaults.destructive is destructive action
	* @property {string} defaults.additionalClassNames Additional class name(s).
	* @property {string} defaults.href url
	* @property {string} defaults.label of anchor
	*/
	get defaults() {
	return {
	progressive: undefined,
	destructive: undefined,
	additionalClassNames: '',
	href: undefined,
	label: undefined
	};
	}

	/**
	* @inheritdoc
	*/
	get template() {
	return util.template( `
	<a {{#href}}href="{{href}}"{{/href}} class="mw-mf-anchor
	{{#progressive}} mw-mf-anchor-progressive{{/progressive}}
	{{#destructive}} mw-mf-anchor-destructive{{/destructive}}
	{{additionalClassNames}}">{{label}}</a>
	` );
	}
	}

	module.exports = Anchor;