Jaidyn Ann
a41b7a70cf
Now we don’t run a hardcoded command when the address-bar button is pressed, but the command configured for that URL. Also, we only enable the address-bar button for tabs whose URL is matched by some command.
72 lines
2.2 KiB
JavaScript
72 lines
2.2 KiB
JavaScript
// Iterate over the commands-table and save each of the user’s valid
|
||
// regex+command rows to storage.
|
||
function saveCommands() {
|
||
let commands = [];
|
||
for (commandTr of document.getElementsByClassName("regexCommandRow")) {
|
||
let regex = commandTr.getElementsByClassName("regex")[0].value;
|
||
let command = commandTr.getElementsByClassName("command")[0].value;
|
||
if (regex && command)
|
||
commands.push([regex, command]);
|
||
}
|
||
localStorage.setItem("commands", JSON.stringify(commands));
|
||
}
|
||
|
||
|
||
// Read the user’s saved command-regex pairs from storage, and populate the
|
||
// command-table with them.
|
||
function populateCommandTable() {
|
||
let commandTable = document.getElementById("commandTable");
|
||
try {
|
||
let savedCommands = JSON.parse(localStorage.getItem("commands"));
|
||
for (cmdRegex of savedCommands) {
|
||
let commandTr = createCommandTr(cmdRegex[0], cmdRegex[1]);
|
||
commandTable.appendChild(commandTr);
|
||
}
|
||
} catch { };
|
||
// Always add a spare entry.
|
||
commandTable.appendChild(createCommandTr("", ""));
|
||
}
|
||
|
||
|
||
// Create a table-row for the command-table, with the command & regex inputs’
|
||
// values set to the given parameters. If they are undefined, the inputs will
|
||
// have no value.
|
||
function createCommandTr(regex, command) {
|
||
let regexInput = document.createElement("INPUT");
|
||
regexInput.setAttribute("class", "regex");
|
||
regexInput.setAttribute("type", "text");
|
||
regexInput.setAttribute("placeholder", "https://example.com/*");
|
||
if (regex && command)
|
||
regexInput.setAttribute("value", regex);
|
||
|
||
let regexTd = document.createElement("TD");
|
||
regexTd.appendChild(regexInput);
|
||
|
||
let commandInput = document.createElement("INPUT");
|
||
commandInput.setAttribute("class", "command");
|
||
commandInput.setAttribute("type", "text");
|
||
commandInput.setAttribute("placeholder", "curl %s > /tmp/downloaded");
|
||
if (regex && command)
|
||
commandInput.setAttribute("value", command);
|
||
|
||
let commandTd = document.createElement("TD");
|
||
commandTd.appendChild(commandInput);
|
||
|
||
let tr = document.createElement("TR");
|
||
tr.setAttribute("class", "regexCommandRow");
|
||
tr.appendChild(regexTd);
|
||
tr.appendChild(commandTd);
|
||
return tr;
|
||
}
|
||
|
||
|
||
document.addEventListener("click", e => {
|
||
if (e.target.id == ("save")) {
|
||
saveCommands();
|
||
location.reload();
|
||
}
|
||
});
|
||
|
||
|
||
populateCommandTable();
|