parent
e10594fb49
commit
51851f14c3
|
@ -16,6 +16,10 @@ H5P.ConfirmationDialog = (function (EventDispatcher) {
|
||||||
function ConfirmationDialog(options) {
|
function ConfirmationDialog(options) {
|
||||||
EventDispatcher.call(this);
|
EventDispatcher.call(this);
|
||||||
var self = this;
|
var self = this;
|
||||||
|
|
||||||
|
// Make sure confirmation dialogs have unique id
|
||||||
|
H5P.ConfirmationDialog.uniqueId += 1;
|
||||||
|
var uniqueId = H5P.ConfirmationDialog.uniqueId;
|
||||||
|
|
||||||
// Default options
|
// Default options
|
||||||
options = options || {};
|
options = options || {};
|
||||||
|
@ -70,6 +74,7 @@ H5P.ConfirmationDialog = (function (EventDispatcher) {
|
||||||
var popup = document.createElement('div');
|
var popup = document.createElement('div');
|
||||||
popup.classList.add('h5p-confirmation-dialog-popup', 'hidden');
|
popup.classList.add('h5p-confirmation-dialog-popup', 'hidden');
|
||||||
popup.setAttribute('role', 'dialog');
|
popup.setAttribute('role', 'dialog');
|
||||||
|
popup.setAttribute('aria-labelledby', 'h5p-confirmation-dialog-dialog-text-' + uniqueId);
|
||||||
popupBackground.appendChild(popup);
|
popupBackground.appendChild(popup);
|
||||||
popup.addEventListener('keydown', function (e) {
|
popup.addEventListener('keydown', function (e) {
|
||||||
if (e.which === 27) {// Esc key
|
if (e.which === 27) {// Esc key
|
||||||
|
@ -97,8 +102,8 @@ H5P.ConfirmationDialog = (function (EventDispatcher) {
|
||||||
// Popup text
|
// Popup text
|
||||||
var text = document.createElement('div');
|
var text = document.createElement('div');
|
||||||
text.classList.add('h5p-confirmation-dialog-text');
|
text.classList.add('h5p-confirmation-dialog-text');
|
||||||
text.setAttribute('role', 'alert');
|
|
||||||
text.innerHTML = options.dialogText;
|
text.innerHTML = options.dialogText;
|
||||||
|
text.id = 'h5p-confirmation-dialog-dialog-text-' + uniqueId;
|
||||||
body.appendChild(text);
|
body.appendChild(text);
|
||||||
|
|
||||||
// Popup buttons
|
// Popup buttons
|
||||||
|
@ -346,3 +351,5 @@ H5P.ConfirmationDialog = (function (EventDispatcher) {
|
||||||
return ConfirmationDialog;
|
return ConfirmationDialog;
|
||||||
|
|
||||||
}(H5P.EventDispatcher));
|
}(H5P.EventDispatcher));
|
||||||
|
|
||||||
|
H5P.ConfirmationDialog.uniqueId = -1;
|
||||||
|
|
Loading…
Reference in New Issue