You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

151 lines
4.1 KiB

YUI.add('moodle-core-notification-alert', function (Y, NAME) {
/* eslint-disable no-unused-vars, no-unused-expressions */
var DIALOGUE_PREFIX,
BASE,
CONFIRMYES,
CONFIRMNO,
TITLE,
QUESTION,
CSS;
DIALOGUE_PREFIX = 'moodle-dialogue',
BASE = 'notificationBase',
CONFIRMYES = 'yesLabel',
CONFIRMNO = 'noLabel',
TITLE = 'title',
QUESTION = 'question',
CSS = {
BASE: 'moodle-dialogue-base',
WRAP: 'moodle-dialogue-wrap',
HEADER: 'moodle-dialogue-hd',
BODY: 'moodle-dialogue-bd',
CONTENT: 'moodle-dialogue-content',
FOOTER: 'moodle-dialogue-ft',
HIDDEN: 'hidden',
LIGHTBOX: 'moodle-dialogue-lightbox'
};
// Set up the namespace once.
M.core = M.core || {};
/* global BASE, TITLE, CONFIRMYES, DIALOGUE_PREFIX */
/**
* A dialogue type designed to display an alert to the user.
*
* @module moodle-core-notification
* @submodule moodle-core-notification-alert
*/
var ALERT_NAME = 'Moodle alert',
ALERT;
/**
* Extends core Dialogue to show the alert dialogue.
*
* @param {Object} config Object literal specifying the dialogue configuration properties.
* @constructor
* @class M.core.alert
* @extends M.core.dialogue
*/
ALERT = function(config) {
config.closeButton = false;
ALERT.superclass.constructor.apply(this, [config]);
};
Y.extend(ALERT, M.core.notification.info, {
/**
* The list of events to detach when destroying this dialogue.
*
* @property _closeEvents
* @type EventHandle[]
* @private
*/
_closeEvents: null,
initializer: function() {
this._closeEvents = [];
this.publish('complete');
var yes = Y.Node.create('<input type="button" class="btn btn-primary" id="id_yuialertconfirm-' + this.get('COUNT') + '"' +
'value="' + this.get(CONFIRMYES) + '" />'),
content = Y.Node.create('<div class="confirmation-dialogue"></div>')
.append(Y.Node.create('<div class="confirmation-message">' + this.get('message') + '</div>'))
.append(Y.Node.create('<div class="confirmation-buttons text-xs-right"></div>')
.append(yes));
this.get(BASE).addClass('moodle-dialogue-confirm');
this.setStdModContent(Y.WidgetStdMod.BODY, content, Y.WidgetStdMod.REPLACE);
this.setStdModContent(Y.WidgetStdMod.HEADER,
'<h1 id="moodle-dialogue-' + this.get('COUNT') + '-header-text">' + this.get(TITLE) + '</h1>',
Y.WidgetStdMod.REPLACE);
this._closeEvents.push(
Y.on('key', this.submit, window, 'down:13', this),
yes.on('click', this.submit, this)
);
var closeButton = this.get('boundingBox').one('.closebutton');
if (closeButton) {
// The close button should act exactly like the 'No' button.
this._closeEvents.push(
closeButton.on('click', this.submit, this)
);
}
},
submit: function() {
new Y.EventHandle(this._closeEvents).detach();
this.fire('complete');
this.hide();
this.destroy();
}
}, {
NAME: ALERT_NAME,
CSS_PREFIX: DIALOGUE_PREFIX,
ATTRS: {
/**
* The title of the alert.
*
* @attribute title
* @type String
* @default 'Alert'
*/
title: {
validator: Y.Lang.isString,
value: 'Alert'
},
/**
* The message of the alert.
*
* @attribute message
* @type String
* @default 'Confirm'
*/
message: {
validator: Y.Lang.isString,
value: 'Confirm'
},
/**
* The button text to use to accept the alert.
*
* @attribute yesLabel
* @type String
* @default 'Ok'
*/
yesLabel: {
validator: Y.Lang.isString,
setter: function(txt) {
if (!txt) {
txt = 'Ok';
}
return txt;
},
value: 'Ok'
}
}
});
M.core.alert = ALERT;
}, '@VERSION@', {"requires": ["moodle-core-notification-dialogue"]});