Actualización
This commit is contained in:
@@ -0,0 +1,38 @@
|
||||
var H5P = H5P || {};
|
||||
|
||||
/**
|
||||
* Class responsible for creating auto-disappearing dialogs
|
||||
*/
|
||||
H5P.JoubelMessageDialog = (function ($) {
|
||||
|
||||
/**
|
||||
* Display a pop-up containing a message.
|
||||
*
|
||||
* @param {H5P.jQuery} $container The container which message dialog will be appended to
|
||||
* @param {string} message The message
|
||||
* @return {H5P.jQuery}
|
||||
*/
|
||||
function JoubelMessageDialog ($container, message) {
|
||||
var timeout;
|
||||
|
||||
var removeDialog = function () {
|
||||
$warning.remove();
|
||||
clearTimeout(timeout);
|
||||
$container.off('click.messageDialog');
|
||||
};
|
||||
|
||||
// Create warning popup:
|
||||
var $warning = $('<div/>', {
|
||||
'class': 'joubel-message-dialog',
|
||||
text: message
|
||||
}).appendTo($container);
|
||||
|
||||
// Remove after 3 seconds or if user clicks anywhere in $container:
|
||||
timeout = setTimeout(removeDialog, 3000);
|
||||
$container.on('click.messageDialog', removeDialog);
|
||||
|
||||
return $warning;
|
||||
}
|
||||
|
||||
return JoubelMessageDialog;
|
||||
})(H5P.jQuery);
|
||||
Reference in New Issue
Block a user