b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
106 lines
2.6 KiB
JavaScript
Executable file
106 lines
2.6 KiB
JavaScript
Executable file
'use strict';
|
|
|
|
/* global DEBUG */
|
|
/* exported
|
|
$,
|
|
debug,
|
|
showDialog */
|
|
|
|
function debug(...args) {
|
|
if (!DEBUG) {
|
|
return;
|
|
}
|
|
if (!debug.startTime) {
|
|
debug.startTime = Date.now();
|
|
}
|
|
args.unshift('[Locked Content]', Date.now() - debug.startTime);
|
|
console.log.apply(console, args);
|
|
}
|
|
|
|
function $(id) { return document.getElementById(id); }
|
|
|
|
function _(id, args) {
|
|
return navigator.mozL10n.get(id, args);
|
|
}
|
|
|
|
// Show a dialog with one or two buttons
|
|
function showDialog(options) {
|
|
|
|
function close(e) {
|
|
document.body.removeChild(dialog);
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
}
|
|
|
|
var cancelButton;
|
|
var okButton;
|
|
|
|
var dialog = document.createElement('form');
|
|
dialog.setAttribute('role', 'dialog');
|
|
dialog.dataset.type = 'confirm';
|
|
var section = document.createElement('section');
|
|
dialog.appendChild(section);
|
|
|
|
// Display an optional title
|
|
if (options.title) {
|
|
var title = document.createElement('h1');
|
|
title.textContent = options.title;
|
|
section.appendChild(title);
|
|
}
|
|
|
|
// Display the dialog message
|
|
var msg = document.createElement('p');
|
|
msg.textContent = options.message;
|
|
section.appendChild(msg);
|
|
|
|
// If there are details, display those in a separate, smaller paragraph
|
|
if (options.details) {
|
|
var details = document.createElement('p');
|
|
var small = document.createElement('small');
|
|
small.textContent = options.details;
|
|
details.appendChild(small);
|
|
section.appendChild(details);
|
|
}
|
|
|
|
// Now the buttons
|
|
var menu = document.createElement('menu');
|
|
dialog.appendChild(menu);
|
|
|
|
// Add the cancel button if there is one
|
|
if (options.cancelCallback) {
|
|
cancelButton = document.createElement('button');
|
|
menu.appendChild(cancelButton);
|
|
cancelButton.textContent = options.cancelText || _('cancel');
|
|
cancelButton.onclick = function(e) {
|
|
close(e);
|
|
options.cancelCallback();
|
|
};
|
|
}
|
|
|
|
if (options.okCallback) {
|
|
okButton = document.createElement('button');
|
|
menu.appendChild(okButton);
|
|
okButton.textContent = options.okText || _('ok');
|
|
if (options.danger) {
|
|
okButton.classList.add('danger'); // scary red color
|
|
}
|
|
else if (!options.cancelCallback) {
|
|
okButton.classList.add('recommend'); // default safe color
|
|
}
|
|
okButton.onclick = function(e) {
|
|
close(e);
|
|
options.okCallback();
|
|
};
|
|
}
|
|
|
|
// If there is only one button, make it full-size
|
|
if (okButton && !cancelButton) {
|
|
okButton.classList.add('full');
|
|
}
|
|
if (cancelButton && !okButton) {
|
|
cancelButton.classList.add('full');
|
|
}
|
|
|
|
// show the dialog
|
|
document.body.appendChild(dialog);
|
|
}
|