lordwelch/gloader
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Start moving the Firefox extension to using a table instead of a list

Browse Source
This commit is contained in:
lordwelch 2020-12-09 13:27:19 -08:00
parent 4c1e7a4310
commit 17d26242d2
4 changed files with 46 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
extensions/firefox/manifest.json
View File

@ -11,9 +11,9 @@
}, },
"permissions": [ "permissions": [
// "<all_urls>", "<all_urls>",
"activeTab" "activeTab"
// "cookies" "cookies"
], ],
"browser_action": { "browser_action": {

16
extensions/firefox/menu/dl.css Normal file
View File

@ -0,0 +1,16 @@
.tdn {
border-right: 5px solid #82092d;
}
#links .link:nth-child(even){background-color: #BBBBBB;}
#links .link:hover {
cursor: pointer;
background-color: grey;
}
#links {
border-collapse: collapse;
border-spacing: -1, 1px;
}

8
extensions/firefox/menu/links.html
View File

@ -3,13 +3,15 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<!--link rel="stylesheet" href="dl.css"/--> <link rel="stylesheet" href="dl.css"/>
</head> </head>
<body> <body>
<input type="text" id="linkFilter" placeholder="Fiter links..."> <input type="text" id="linkFilter" placeholder="Fiter links...">
<ul id="links"> <table id="links">
</ul> <tbody>
</tbody>
</table>
</body> </body>
<script src="links.js"></script> <script src="links.js"></script>

36
extensions/firefox/menu/links.js
View File

@ -27,26 +27,36 @@ function getlinks(request,sender,sendResponse) {
var linkel = document.getElementById("links"); var linkel = document.getElementById("links");
clearChildren(linkel); clearChildren(linkel);
for (var i = pageLinks.length - 1; i >= 0; i--) { for (var i = pageLinks.length - 1; i >= 0; i--) {
var li = document.createElement("li"); var tr = document.createElement("tr");
li.setAttribute("index", i); var tdn = document.createElement("td");
li.textContent = pageLinks[i].text + " " + pageLinks[i].href; var tdl = document.createElement("td");
linkel.appendChild(li); tr.setAttribute("index", i);
tr.setAttribute("class", "link");
tdn.textContent = pageLinks[i].text;
tdn.setAttribute("class", "tdn")
tdl.textContent = pageLinks[i].href;
tr.appendChild(tdn);
tr.appendChild(tdl);
linkel.appendChild(tr);
} }
} }
function filter(inputID, ulID) { function filter(inputID, ElementId) {
var input, filter, ul, li, i, txtValue; var input, filter, element, tr, i, txtValue;
input = document.getElementById(inputID); input = document.getElementById(inputID);
ul = document.getElementById(ulID); element = document.getElementById(ElementId);
filter = input.value.toUpperCase(); filter = input.value.toUpperCase();
ul = document.getElementById(ulID); element = document.getElementById(ElementId);
li = ul.getElementsByTagName("li"); tr = element.getElementsByTagName("tr");
for (i = 0; i < li.length; i++) { for (i = 0; i < tr.length; i++) {
txtValue = li[i].textContent || li[i].innerText; txtValue = tr[i].textContent || tr[i].innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) { if (txtValue.toUpperCase().indexOf(filter) > -1) {
li[i].style.display = ""; tr[i].style.display = "";
} else { } else {
li[i].style.display = "none"; tr[i].style.display = "none";
} }
} }
} }