mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-15 18:39:52 +00:00
73 lines
1.7 KiB
JavaScript
73 lines
1.7 KiB
JavaScript
/*!
|
|
* 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();
|
|
};
|