Page MenuHomeWickedGov Phorge
Files F4130793

LoadErrorMessage.js
No OneTemporary
Actions

Size
1 KB
Referenced Files
None
Subscribers
None

LoadErrorMessage.js
View Options

const util = require( './../mobile.startup/util' ),
mfExtend = require( './../mobile.startup/mfExtend' ),
icons = require( './../mobile.startup/icons' ),
View = require( './../mobile.startup/View' );
/**
* Shows the user a load failure message
*
* @extends module:mobile.startup/View
* @fires LoadErrorMessage#retry
*
* @param {Object} options Configuration options
* @param {string} options.retryPath path of URL to try again
* @private
*/
function LoadErrorMessage( options ) {
View.call(
this,
{ events: { 'click .load-fail-msg-link a': 'onRetry' } },
options
);
}
mfExtend( LoadErrorMessage, View, {
template: util.template( `
<div class="load-fail-msg">
<div class="load-fail-msg-text">{{msgToUser}}</div>
<div class="load-fail-msg-link">
<a href="#">{{retryTxt}}</a>
</div>
</div>
` ),
isTemplateMode: true,
/**
* @inheritdoc
* @cfg {Object} defaults Default options hash.
* @cfg {string} defaults.icon HTML of the alert icon
* @cfg {string} defaults.msgToUser Message shown when media load fails
* @cfg {string} defaults.retryTxt Text of retry link
* @memberof LoadErrorMessage
* @instance
*/
defaults: util.extend( {}, LoadErrorMessage.prototype.defaults, {
msgToUser: mw.msg( 'mobile-frontend-media-load-fail-message' ),
retryTxt: mw.msg( 'mobile-frontend-media-load-fail-retry' )
} ),
/**
* @inheritdoc
* @memberof LoadErrorMessage
* @instance
*/
postRender: function () {
this.$el.prepend( icons.error().$el );
this.$el.find( '.load-fail-msg-link a' ).attr( 'href', '#' + this.options.retryPath );
},
/**
* Event handler for retry event
*
* @param {jQuery.Event} ev
* @return {boolean} Returns false to prevent default behavior for links and
* stop the event from propagating
* @memberof LoadErrorMessage
* @instance
*/
onRetry: function () {
/**
* Triggered when retry button is clicked.
*
* @event LoadErrorMessage#retry
*/
this.emit( 'retry' );
return false;
}
} );
module.exports = LoadErrorMessage;

File Metadata

Mime Type
text/html
Expires
Wed, Aug 19, 10:34 (3 w, 3 h ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
2f/56/9df2b8720ebdf22b0e0bc463ac07
Default Alt Text
LoadErrorMessage.js (1 KB)

Event Timeline