security-and-privacy/CanvasBlocker
security-and-privacy
/
CanvasBlocker
mirror of https://github.com/kkapsner/CanvasBlocker
1
0
Fork 0
Code Releases Activity

Switched from prompt() to inputs.

This commit is contained in:
kkapsner 2017-12-08 20:20:42 +01:00
parent 9e27dedb4b
commit 74863d3c98
2 changed files with 31 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
options/options.css
View File

@ -94,6 +94,14 @@ input[type=""], input[type="text"], input[type="number"], select {
}
.urlValues table .reset, .urlValues table .add, .urlValues table .url {
cursor: pointer;
margin: 0 0.2em;
}
.urlValues table .url {
min-width: 4em;
}
.urlValues table .urlInput {
padding: 1px;
margin: -1px;
}
.urlValues .collapser {
position: absolute;

29
options/optionsGui.js
View File

@ -148,13 +148,17 @@
let footRow = document.createElement("tr");
let footCell = document.createElement("td");
footCell.colSpan = 3;
let newInput = document.createElement("input");
newInput.title = browser.i18n.getMessage("inputURL");
footCell.appendChild(newInput);
let footPlus = document.createElement("span");
footPlus.classList.add("add");
footPlus.textContent = "+";
footPlus.addEventListener("click", function(){
var url = prompt(browser.i18n.getMessage("inputURL")).trim();
var url = newInput.value.trim();
if (url){
setting.set(setting.get(url), url);
newInput.value = "";
}
});
footCell.appendChild(footPlus);
@ -170,11 +174,24 @@
let urlCell = document.createElement("td");
urlCell.classList.add("url");
urlCell.addEventListener("click", function(){
var url = prompt(browser.i18n.getMessage("inputURL"), entry.url).trim();
if (url){
entry.url = url;
setting.urlContainer.refresh();
}
var input = document.createElement("input");
input.classList.add("urlInput");
input.style.width = urlCell.clientWidth + "px";
input.style.height = urlCell.clientHeight + "px";
urlCell.innerHTML = "";
urlCell.appendChild(input);
input.title = browser.i18n.getMessage("inputURL");
input.value = entry.url;
input.focus();
input.addEventListener("blur", function(){
var url = input.value.trim();
if (url){
entry.url = url;
setting.urlContainer.refresh();
}
urlCell.removeChild(input);
urlCell.textContent = entry.url;
});
});
urlCell.textContent = entry.url;
row.appendChild(urlCell);