mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/WikiEditor
synced 2024-12-25 06:13:41 +00:00
6175e2c519
Add a new ErrorLayout to display error messages along with an image. Bug: T303383 Change-Id: I1ec27a212b5ab67d3e805c0d7756432850de89ea
49 lines
1.2 KiB
JavaScript
49 lines
1.2 KiB
JavaScript
/**
|
|
* This is a layout for displaying an error message.
|
|
*
|
|
* @class
|
|
* @constructor
|
|
* @extends OO.ui.Layout
|
|
* @param {Object} [config] Configuration options
|
|
*/
|
|
function ErrorLayout( config ) {
|
|
config = config || {};
|
|
ErrorLayout.super.call( this, config );
|
|
|
|
var $image = $( '<div>' ).addClass( 'ext-WikiEditor-image-realtimepreview-error' );
|
|
var $title = $( '<h3>' ).text( mw.msg( 'wikieditor-realtimepreview-error' ) );
|
|
this.$message = $( '<div>' ).addClass( 'ext-WikiEditor-realtimepreview-error-msg' );
|
|
this.reloadButton = new OO.ui.ButtonWidget( {
|
|
icon: 'reload',
|
|
label: mw.msg( 'wikieditor-realtimepreview-reload' ),
|
|
framed: false
|
|
} );
|
|
|
|
this.$element.addClass( 'ext-WikiEditor-realtimepreview-ErrorLayout' );
|
|
this.$element.append( $image, $title, this.$message, this.reloadButton.$element );
|
|
}
|
|
|
|
OO.inheritClass( ErrorLayout, OO.ui.Layout );
|
|
|
|
/**
|
|
* @public
|
|
* @return {OO.ui.ButtonWidget}
|
|
*/
|
|
ErrorLayout.prototype.getReloadButton = function () {
|
|
return this.reloadButton;
|
|
};
|
|
|
|
/**
|
|
* Set the displayed error message.
|
|
*
|
|
* @public
|
|
* @param {jQuery} $errorMsg The message to display.
|
|
*/
|
|
ErrorLayout.prototype.setMessage = function ( $errorMsg ) {
|
|
this.$message
|
|
.empty()
|
|
.append( $errorMsg );
|
|
};
|
|
|
|
module.exports = ErrorLayout;
|