b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
110 lines
No EOL
4.5 KiB
JavaScript
110 lines
No EOL
4.5 KiB
JavaScript
var CustomDialog = function () {
|
|
var container = null;
|
|
var screen = null;
|
|
var dialog = null;
|
|
var header = null;
|
|
var message = null;
|
|
var yes = null;
|
|
var no = null;
|
|
return {
|
|
hide: function dialog_hide() {
|
|
if (screen === null) {
|
|
return;
|
|
}
|
|
if (!container) {
|
|
container = document.body;
|
|
}
|
|
container.removeChild(screen);
|
|
screen = null;
|
|
dialog = null;
|
|
header = null;
|
|
message = null;
|
|
yes = null;
|
|
no = null;
|
|
},
|
|
show: function dialog_show(title, msg, cancel, confirm, containerElement) {
|
|
container = containerElement || document.body;
|
|
if (screen === null) {
|
|
screen = document.createElement('form');
|
|
screen.setAttribute('role', 'dialog');
|
|
screen.setAttribute('data-type', 'confirm');
|
|
screen.id = 'dialog-screen';
|
|
dialog = document.createElement('section');
|
|
screen.appendChild(dialog);
|
|
var decorateWithOptions = function cd_decorateWithOptions(type, options, elm, dialog) {
|
|
if ('string' === typeof options) {
|
|
elm.setAttribute('data-l10n-id', options);
|
|
return elm;
|
|
}
|
|
var icon = options.icon;
|
|
var textElm = elm;
|
|
if (icon && '' !== icon) {
|
|
textElm = document.createElement('span');
|
|
var iconImg = new Image();
|
|
iconImg.src = icon;
|
|
iconImg.classList.add('custom-dialog-' + type + '-icon');
|
|
elm.insertBefore(iconImg, elm.firstChild);
|
|
elm.appendChild(textElm);
|
|
}
|
|
if (options.id) {
|
|
document.l10n.setAttributes(textElm, options.id, options.args);
|
|
} else {
|
|
var text = options[type];
|
|
textElm.textContent = text;
|
|
}
|
|
return elm;
|
|
};
|
|
var setElementText = function (element, options) {
|
|
if ('string' === typeof options) {
|
|
element.setAttribute('data-l10n-id', options);
|
|
}
|
|
if (options.id) {
|
|
document.l10n.setAttributes(element, options.id, options.args);
|
|
}
|
|
};
|
|
header = document.createElement('h1');
|
|
header.id = 'dialog-title';
|
|
if (title && title !== '') {
|
|
header = decorateWithOptions('title', title, header, dialog);
|
|
}
|
|
dialog.appendChild(header);
|
|
message = document.createElement('p');
|
|
message.id = 'dialog-message';
|
|
message = decorateWithOptions('message', msg, message, dialog);
|
|
dialog.appendChild(message);
|
|
var menu = document.createElement('menu');
|
|
menu.dataset.items = 1;
|
|
no = document.createElement('button');
|
|
no.type = 'button';
|
|
setElementText(no, cancel.title);
|
|
no.id = 'dialog-no';
|
|
no.addEventListener('click', clickHandler);
|
|
menu.appendChild(no);
|
|
if (confirm) {
|
|
menu.dataset.items = 2;
|
|
yes = document.createElement('button');
|
|
yes.type = 'button';
|
|
setElementText(yes, confirm.title);
|
|
yes.id = 'dialog-yes';
|
|
yes.className = confirm.recommend ? 'recommend' : 'danger';
|
|
yes.addEventListener('click', clickHandler);
|
|
menu.appendChild(yes);
|
|
} else {
|
|
no.classList.add('full');
|
|
}
|
|
screen.appendChild(menu);
|
|
container.appendChild(screen);
|
|
}
|
|
screen.classList.add('visible');
|
|
function clickHandler(evt) {
|
|
screen.classList.remove('visible');
|
|
if (evt.target === yes && confirm.callback) {
|
|
confirm.callback();
|
|
} else if (evt.target === no && cancel.callback) {
|
|
cancel.callback();
|
|
}
|
|
}
|
|
return screen;
|
|
}
|
|
};
|
|
}(); |