150 lines
4.7 KiB
JavaScript
150 lines
4.7 KiB
JavaScript
/*
|
|
* NoScript - a Firefox extension for whitelist driven safe JavaScript execution
|
|
*
|
|
* Copyright (C) 2005-2021 Giorgio Maone <https://maone.net>
|
|
*
|
|
* SPDX-License-Identifier: GPL-3.0-or-later
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify it under
|
|
* the terms of the GNU General Public License as published by the Free Software
|
|
* Foundation, either version 3 of the License, or (at your option) any later
|
|
* version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful, but WITHOUT
|
|
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
|
|
* FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License along with
|
|
* this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
(async () => {
|
|
document.documentElement.classList.toggle("mobile", !!UA.mobile);
|
|
window.bg = await browser.runtime.getBackgroundPage();
|
|
["Prompts"]
|
|
.forEach(p => window[p] = bg[p]);
|
|
let data = Prompts.promptData;
|
|
debug(data);
|
|
if (!data) {
|
|
error("Missing promptData");
|
|
window.close();
|
|
return;
|
|
}
|
|
let {title, message, options, checks, buttons} = data.features;
|
|
|
|
function labelFor(el, text) {
|
|
let label = document.createElement("label");
|
|
label.setAttribute("for", el.id);
|
|
label.textContent = text;
|
|
return label;
|
|
}
|
|
|
|
function createInput(container, {label, type, name, checked}, count) {
|
|
let input = document.createElement("input");
|
|
input.type = type;
|
|
input.value = count;
|
|
input.name = name;
|
|
input.checked = checked;
|
|
input.id = `${name}-${count}`;
|
|
let sub = document.createElement("div");
|
|
sub.appendChild(input);
|
|
sub.appendChild(labelFor(input, label));
|
|
container.appendChild(sub);
|
|
}
|
|
|
|
function createButton(container, label, count) {
|
|
let button = document.createElement("button");
|
|
if (count === 0) button.type = "submit";
|
|
button.id = `${button}-${count}`;
|
|
button.value = count;
|
|
button.textContent = label;
|
|
container.appendChild(button);
|
|
}
|
|
|
|
function renderInputs(container, dataset, type, name) {
|
|
if (typeof container === "string") {
|
|
container = document.querySelector(container);
|
|
}
|
|
if (typeof dataset === "string") {
|
|
container.innerHTML = dataset;
|
|
return;
|
|
}
|
|
container.innerHTML = "";
|
|
let count = 0;
|
|
if (dataset && dataset[Symbol.iterator]) {
|
|
let create = type === "button" ? createButton : createInput;
|
|
for (let data of dataset) {
|
|
data.type = type;
|
|
data.name = name;
|
|
create(container, data, count++);
|
|
}
|
|
}
|
|
}
|
|
if (title) {
|
|
document.title = title;
|
|
document.querySelector("#title").textContent = title;
|
|
}
|
|
if (message) {
|
|
let lines = message.split(/\n/);
|
|
let container = document.querySelector("#message");
|
|
container.classList.toggle("multiline", lines.length > 1);
|
|
message.innerHTML = "";
|
|
for (let l of lines) {
|
|
let p = document.createElement("p");
|
|
p.textContent = l;
|
|
container.appendChild(p);
|
|
}
|
|
}
|
|
renderInputs("#options", options, "radio", "opt");
|
|
renderInputs("#checks", checks, "checkbox", "flag");
|
|
renderInputs("#buttons", buttons, "button", "button");
|
|
addEventListener("unload", e => {
|
|
data.done();
|
|
});
|
|
|
|
let buttonClicked = e => {
|
|
let {result} = data;
|
|
result.button = parseInt(e.currentTarget.value);
|
|
let option = document.querySelector('#options [type="radio"]:checked');
|
|
result.option = option && parseInt(option.value);
|
|
result.checks = [...document.querySelectorAll('#checks [type="checkbox"]:checked')]
|
|
.map(c => parseInt(c.value));
|
|
data.done();
|
|
};
|
|
for (let b of document.querySelectorAll("#buttons button")) {
|
|
b.addEventListener("click", buttonClicked);
|
|
}
|
|
|
|
addEventListener("keydown", e => {
|
|
if (e.ctrlKey || e.metaKey || e.shiftKey) return;
|
|
switch(e.code) {
|
|
case "Escape":
|
|
window.close();
|
|
return;
|
|
case "Enter":
|
|
let defButton = document.querySelector("#buttons button[type=submit]");
|
|
if (defButton) defButton.click();
|
|
return;
|
|
}
|
|
});
|
|
|
|
let resize = async e => {
|
|
if (!("windows" in browser)) {
|
|
// tabbed (mobile?) - ensure buttons are visible
|
|
document.querySelector("#buttons").scrollIntoView();
|
|
return;
|
|
}
|
|
let win = await browser.windows.getCurrent();
|
|
let delta = document.documentElement.offsetHeight - window.innerHeight;
|
|
let geometry = {
|
|
width: win.width, height: win.height + delta,
|
|
left: win.left, top: win.top - Math.round(delta / 2)
|
|
};
|
|
for (let j = 2; j-- > 0;) await browser.windows.update(win.id, geometry);
|
|
}
|
|
if (document.readyState === "complete") {
|
|
resize();
|
|
} else {
|
|
window.addEventListener("load", resize);
|
|
}
|
|
})();
|