| 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 | 
|---|