mediawiki-extensions-VisualEditor/modules/ve/ui/ve.ui.Dialog.js

/*!
 * VisualEditor UserInterface Dialog class.
 *
 * @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
 * @license The MIT License (MIT); see LICENSE.txt
 */

/**
 * UserInterface dialog.
 *
 * @class
 * @abstract
 *
 * @constructor
 * @param {ve.Surface} surface
 */
ve.ui.Dialog = function VeUiDialog( surface ) {
	// Parent constructor
	ve.EventEmitter.call( this );

	// Properties
	this.surface = surface;
	this.visible = false;
	this.$ = $( '<div class="ve-ui-dialog"></div>' );

	// Initialization
	this.cancelButton = new ve.ui.ButtonWidget( { 'label': ve.msg( 'cancel' ) } );
	this.cancelButton.on( 'click', ve.bind( surface.target.closeDialog, surface.target ) );

	this.applyButton = new ve.ui.ButtonWidget( {
		'label': ve.msg( 'visualeditor-dialog-label-apply' ),
		'flags': ['constructive'],
		'disabled': false
	} );
	this.applyButton.on( 'click', ve.bind( this.onApply, this ) );

	// Base elements
	this.$title = $( '<div class="ve-ui-dialog-title"></div>' ).text(
		ve.msg( this.constructor.static.dialogTitleMessage )
	);
	this.$actions = $( '<div class="ve-ui-dialog-actions"><div>' ).append(
		this.cancelButton.$, this.applyButton.$
	);
	this.$.append( this.$title, this.$actions, $( '<div class="ve-ui-dialog-container"></div>' ) );
};

/* Inheritance */

ve.inheritClass( ve.ui.Dialog, ve.EventEmitter );

/* Methods */

ve.ui.Dialog.prototype.isVisible = function () {
	return this.visible;
};

ve.ui.Dialog.prototype.open = function () {
	this.emit( 'open' );
	this.$.show();
	this.visible = true;
};

ve.ui.Dialog.prototype.close = function () {
	this.emit( 'close' );
	this.$.hide();
	this.visible = false;
};

ve.ui.Dialog.prototype.onApply = function () {
	this.emit( 'apply' );
	this.surface.target.closeDialog();
};