LEFT | RIGHT |
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-2016 Eyeo GmbH | 3 * Copyright (C) 2006-2016 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 161 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
172 { | 172 { |
173 let container = document.getElementById("items"); | 173 let container = document.getElementById("items"); |
174 let table = container.querySelector("tbody"); | 174 let table = container.querySelector("tbody"); |
175 let template = document.querySelector("template").content.firstElementChild; | 175 let template = document.querySelector("template").content.firstElementChild; |
176 | 176 |
177 document.getElementById("reload").addEventListener("click", () => | 177 document.getElementById("reload").addEventListener("click", () => |
178 { | 178 { |
179 ext.devtools.inspectedWindow.reload(); | 179 ext.devtools.inspectedWindow.reload(); |
180 }, false); | 180 }, false); |
181 | 181 |
182 document.getElementById("filter-state").addEventListener("change", event => | 182 document.getElementById("filter-state").addEventListener("change", (event) => |
183 { | 183 { |
184 container.dataset.filterState = event.target.value; | 184 container.dataset.filterState = event.target.value; |
185 }, false); | 185 }, false); |
186 | 186 |
187 document.getElementById("filter-type").addEventListener("change", event => | 187 document.getElementById("filter-type").addEventListener("change", (event) => |
188 { | 188 { |
189 container.dataset.filterType = event.target.value; | 189 container.dataset.filterType = event.target.value; |
190 }, false); | 190 }, false); |
191 | 191 |
192 ext.onMessage.addListener(message => | 192 ext.onMessage.addListener((message) => |
193 { | 193 { |
194 switch (message.type) | 194 switch (message.type) |
195 { | 195 { |
196 case "add-record": | 196 case "add-record": |
197 table.appendChild(createRecord(message.request, message.filter, | 197 table.appendChild(createRecord(message.request, message.filter, |
198 template)); | 198 template)); |
199 break; | 199 break; |
200 | 200 |
201 case "update-record": | 201 case "update-record": |
202 let oldRow = table.getElementsByTagName("tr")[message.index]; | 202 let oldRow = table.getElementsByTagName("tr")[message.index]; |
203 let newRow = createRecord(message.request, message.filter, template); | 203 let newRow = createRecord(message.request, message.filter, template); |
204 oldRow.parentNode.replaceChild(newRow, oldRow); | 204 oldRow.parentNode.replaceChild(newRow, oldRow); |
205 newRow.classList.add("changed"); | 205 newRow.classList.add("changed"); |
206 container.classList.add("has-changes"); | 206 container.classList.add("has-changes"); |
207 break; | 207 break; |
208 | 208 |
209 case "remove-record": | 209 case "remove-record": |
210 let row = table.getElementsByTagName("tr")[message.index]; | 210 let row = table.getElementsByTagName("tr")[message.index]; |
211 row.parentNode.removeChild(row); | 211 row.parentNode.removeChild(row); |
212 container.classList.add("has-changes"); | 212 container.classList.add("has-changes"); |
213 break; | 213 break; |
214 | 214 |
215 case "reset": | 215 case "reset": |
216 table.innerHTML = ""; | 216 table.innerHTML = ""; |
217 container.classList.remove("has-changes"); | 217 container.classList.remove("has-changes"); |
218 break; | 218 break; |
219 } | 219 } |
220 }); | 220 }); |
221 | 221 |
222 window.addEventListener("message", event => | 222 window.addEventListener("message", (event) => |
223 { | 223 { |
224 switch (event.data.type) | 224 switch (event.data.type) |
225 { | 225 { |
226 case "performSearch": | 226 case "performSearch": |
227 performSearch(table, event.data.queryString); | 227 performSearch(table, event.data.queryString); |
228 lastFilterQuery = event.data.queryString; | 228 lastFilterQuery = event.data.queryString; |
229 break; | 229 break; |
230 case "cancelSearch": | 230 case "cancelSearch": |
231 cancelSearch(table); | 231 cancelSearch(table); |
232 lastFilterQuery = null; | 232 lastFilterQuery = null; |
233 break; | 233 break; |
234 } | 234 } |
235 }); | 235 }); |
236 | 236 |
237 // Since Chrome 54 the themeName is accessible, for earlier versions we must | 237 // Since Chrome 54 the themeName is accessible, for earlier versions we must |
238 // assume the default theme is being used. | 238 // assume the default theme is being used. |
239 // https://bugs.chromium.org/p/chromium/issues/detail?id=608869 | 239 // https://bugs.chromium.org/p/chromium/issues/detail?id=608869 |
240 let theme = chrome.devtools.panels.themeName || "default"; | 240 let theme = chrome.devtools.panels.themeName || "default"; |
241 document.body.classList.add(theme); | 241 document.body.classList.add(theme); |
242 }, false); | 242 }, false); |
LEFT | RIGHT |