| OLD | NEW |
| 1 /* | 1 /* |
| 2 * This file is part of Adblock Plus <https://adblockplus.org/>, | 2 * This file is part of Adblock Plus <https://adblockplus.org/>, |
| 3 * Copyright (C) 2006-present eyeo GmbH | 3 * Copyright (C) 2006-present eyeo GmbH |
| 4 * | 4 * |
| 5 * Adblock Plus is free software: you can redistribute it and/or modify | 5 * Adblock Plus is free software: you can redistribute it and/or modify |
| 6 * it under the terms of the GNU General Public License version 3 as | 6 * it under the terms of the GNU General Public License version 3 as |
| 7 * published by the Free Software Foundation. | 7 * published by the Free Software Foundation. |
| 8 * | 8 * |
| 9 * Adblock Plus is distributed in the hope that it will be useful, | 9 * Adblock Plus is distributed in the hope that it will be useful, |
| 10 * but WITHOUT ANY WARRANTY; without even the implied warranty of | 10 * but WITHOUT ANY WARRANTY; without even the implied warranty of |
| (...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 64 | 64 |
| 65 button.textContent = label; | 65 button.textContent = label; |
| 66 button.classList.add("action"); | 66 button.classList.add("action"); |
| 67 | 67 |
| 68 button.addEventListener("click", () => | 68 button.addEventListener("click", () => |
| 69 { | 69 { |
| 70 chrome.runtime.sendMessage({ | 70 chrome.runtime.sendMessage({ |
| 71 type: "filters." + action, | 71 type: "filters." + action, |
| 72 text: filter | 72 text: filter |
| 73 }); | 73 }); |
| 74 }, false); | 74 }); |
| 75 | 75 |
| 76 return button; | 76 return button; |
| 77 } | 77 } |
| 78 | 78 |
| 79 function createRecord(request, filter, template) | 79 function createRecord(request, filter, template) |
| 80 { | 80 { |
| 81 let row = document.importNode(template, true); | 81 let row = document.importNode(template, true); |
| 82 row.dataset.type = request.type; | 82 row.dataset.type = request.type; |
| 83 | 83 |
| 84 row.querySelector(".domain").textContent = request.docDomain; | 84 row.querySelector(".domain").textContent = request.docDomain; |
| 85 row.querySelector(".type").textContent = request.type; | 85 row.querySelector(".type").textContent = request.type; |
| 86 | 86 |
| 87 let urlElement = row.querySelector(".url"); | 87 let urlElement = row.querySelector(".url"); |
| 88 let actionWrapper = row.querySelector(".action-wrapper"); | 88 let actionWrapper = row.querySelector(".action-wrapper"); |
| 89 | 89 |
| 90 if (request.url) | 90 if (request.url) |
| 91 { | 91 { |
| 92 urlElement.textContent = request.url; | 92 urlElement.textContent = request.url; |
| 93 | 93 |
| 94 if (request.type != "POPUP") | 94 if (request.type != "POPUP") |
| 95 { | 95 { |
| 96 urlElement.classList.add("resourceLink"); | 96 urlElement.classList.add("resourceLink"); |
| 97 urlElement.addEventListener("click", () => | 97 urlElement.addEventListener("click", () => |
| 98 { | 98 { |
| 99 ext.devtools.panels.openResource(request.url); | 99 chrome.devtools.panels.openResource(request.url); |
| 100 }, false); | 100 }); |
| 101 } | 101 } |
| 102 } | 102 } |
| 103 | 103 |
| 104 if (filter) | 104 if (filter) |
| 105 { | 105 { |
| 106 let filterElement = row.querySelector(".filter"); | 106 let filterElement = row.querySelector(".filter"); |
| 107 let originElement = row.querySelector(".origin"); | 107 let originElement = row.querySelector(".origin"); |
| 108 | 108 |
| 109 filterElement.textContent = filter.text; | 109 filterElement.textContent = filter.text; |
| 110 row.dataset.state = filter.whitelisted ? "whitelisted" : "blocked"; | 110 row.dataset.state = filter.whitelisted ? "whitelisted" : "blocked"; |
| (...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 186 } | 186 } |
| 187 | 187 |
| 188 document.addEventListener("DOMContentLoaded", () => | 188 document.addEventListener("DOMContentLoaded", () => |
| 189 { | 189 { |
| 190 let container = document.getElementById("items"); | 190 let container = document.getElementById("items"); |
| 191 let table = container.querySelector("tbody"); | 191 let table = container.querySelector("tbody"); |
| 192 let template = document.querySelector("template").content.firstElementChild; | 192 let template = document.querySelector("template").content.firstElementChild; |
| 193 | 193 |
| 194 document.getElementById("reload").addEventListener("click", () => | 194 document.getElementById("reload").addEventListener("click", () => |
| 195 { | 195 { |
| 196 ext.devtools.inspectedWindow.reload(); | 196 chrome.devtools.inspectedWindow.reload(); |
| 197 }, false); | 197 }); |
| 198 | 198 |
| 199 document.getElementById("filter-state").addEventListener("change", (event) => | 199 document.getElementById("filter-state").addEventListener("change", (event) => |
| 200 { | 200 { |
| 201 container.dataset.filterState = event.target.value; | 201 container.dataset.filterState = event.target.value; |
| 202 }, false); | 202 }); |
| 203 | 203 |
| 204 document.getElementById("filter-type").addEventListener("change", (event) => | 204 document.getElementById("filter-type").addEventListener("change", (event) => |
| 205 { | 205 { |
| 206 container.dataset.filterType = event.target.value; | 206 container.dataset.filterType = event.target.value; |
| 207 }, false); | 207 }); |
| 208 | 208 |
| 209 ext.onMessage.addListener((message) => | 209 ext.onMessage.addListener((message) => |
| 210 { | 210 { |
| 211 switch (message.type) | 211 switch (message.type) |
| 212 { | 212 { |
| 213 case "add-record": | 213 case "add-record": |
| 214 table.appendChild(createRecord(message.request, message.filter, | 214 table.appendChild(createRecord(message.request, message.filter, |
| 215 template)); | 215 template)); |
| 216 break; | 216 break; |
| 217 | 217 |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 249 lastFilterQuery = null; | 249 lastFilterQuery = null; |
| 250 break; | 250 break; |
| 251 } | 251 } |
| 252 }); | 252 }); |
| 253 | 253 |
| 254 // Since Chrome 54 the themeName is accessible, for earlier versions we must | 254 // Since Chrome 54 the themeName is accessible, for earlier versions we must |
| 255 // assume the default theme is being used. | 255 // assume the default theme is being used. |
| 256 // https://bugs.chromium.org/p/chromium/issues/detail?id=608869 | 256 // https://bugs.chromium.org/p/chromium/issues/detail?id=608869 |
| 257 let theme = chrome.devtools.panels.themeName || "default"; | 257 let theme = chrome.devtools.panels.themeName || "default"; |
| 258 document.body.classList.add(theme); | 258 document.body.classList.add(theme); |
| 259 }, false); | 259 }); |
| OLD | NEW |