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 11 matching lines...) Expand all Loading... |
22 | 22 |
23 const shareLinks = { | 23 const shareLinks = { |
24 facebook: ["https://www.facebook.com/dialog/feed", { | 24 facebook: ["https://www.facebook.com/dialog/feed", { |
25 app_id: "475542399197328", | 25 app_id: "475542399197328", |
26 link: shareURL, | 26 link: shareURL, |
27 redirect_uri: "https://www.facebook.com/", | 27 redirect_uri: "https://www.facebook.com/", |
28 ref: "adcounter", | 28 ref: "adcounter", |
29 name: messageMark, | 29 name: messageMark, |
30 actions: JSON.stringify([ | 30 actions: JSON.stringify([ |
31 { | 31 { |
32 name: chrome.i18n.getMessage("stats_share_download"), | 32 name: browser.i18n.getMessage("stats_share_download"), |
33 link: shareURL | 33 link: shareURL |
34 } | 34 } |
35 ]) | 35 ]) |
36 }], | 36 }], |
37 gplus: ["https://plus.google.com/share", { | 37 gplus: ["https://plus.google.com/share", { |
38 url: shareURL | 38 url: shareURL |
39 }], | 39 }], |
40 twitter: ["https://twitter.com/intent/tweet", { | 40 twitter: ["https://twitter.com/intent/tweet", { |
41 text: messageMark, | 41 text: messageMark, |
42 url: shareURL, | 42 url: shareURL, |
43 via: "AdblockPlus" | 43 via: "AdblockPlus" |
44 }] | 44 }] |
45 }; | 45 }; |
46 | 46 |
47 let tab = null; | 47 let tab = null; |
48 | 48 |
49 function getPref(key, callback) | 49 function getPref(key, callback) |
50 { | 50 { |
51 chrome.runtime.sendMessage({type: "prefs.get", key}, callback); | 51 browser.runtime.sendMessage({type: "prefs.get", key}, callback); |
52 } | 52 } |
53 | 53 |
54 function setPref(key, value, callback) | 54 function setPref(key, value, callback) |
55 { | 55 { |
56 chrome.runtime.sendMessage({type: "prefs.set", key, value}, callback); | 56 browser.runtime.sendMessage({type: "prefs.set", key, value}, callback); |
57 } | 57 } |
58 | 58 |
59 function togglePref(key, callback) | 59 function togglePref(key, callback) |
60 { | 60 { |
61 chrome.runtime.sendMessage({type: "prefs.toggle", key}, callback); | 61 browser.runtime.sendMessage({type: "prefs.toggle", key}, callback); |
62 } | 62 } |
63 | 63 |
64 function isPageWhitelisted(callback) | 64 function isPageWhitelisted(callback) |
65 { | 65 { |
66 chrome.runtime.sendMessage({type: "filters.isWhitelisted", tab}, callback); | 66 browser.runtime.sendMessage({type: "filters.isWhitelisted", tab}, callback); |
67 } | 67 } |
68 | 68 |
69 function whenPageReady() | 69 function whenPageReady() |
70 { | 70 { |
71 return new Promise(resolve => | 71 return new Promise(resolve => |
72 { | 72 { |
73 function onMessage(message, sender) | 73 function onMessage(message, sender) |
74 { | 74 { |
75 if (message.type == "composer.ready" && sender.page && | 75 if (message.type == "composer.ready" && sender.page && |
76 sender.page.id == tab.id) | 76 sender.page.id == tab.id) |
77 { | 77 { |
78 chrome.runtime.onMessage.removeListener(onMessage); | 78 browser.runtime.onMessage.removeListener(onMessage); |
79 resolve(); | 79 resolve(); |
80 } | 80 } |
81 } | 81 } |
82 | 82 |
83 chrome.runtime.onMessage.addListener(onMessage); | 83 browser.runtime.onMessage.addListener(onMessage); |
84 | 84 |
85 chrome.runtime.sendMessage({ | 85 browser.runtime.sendMessage({ |
86 type: "composer.isPageReady", | 86 type: "composer.isPageReady", |
87 pageId: tab.id | 87 pageId: tab.id |
88 }, | 88 }, |
89 ready => | 89 ready => |
90 { | 90 { |
91 if (ready) | 91 if (ready) |
92 { | 92 { |
93 chrome.runtime.onMessage.removeListener(onMessage); | 93 browser.runtime.onMessage.removeListener(onMessage); |
94 resolve(); | 94 resolve(); |
95 } | 95 } |
96 }); | 96 }); |
97 }); | 97 }); |
98 } | 98 } |
99 | 99 |
100 function toggleEnabled() | 100 function toggleEnabled() |
101 { | 101 { |
102 let disabled = document.body.classList.toggle("disabled"); | 102 let disabled = document.body.classList.toggle("disabled"); |
103 chrome.runtime.sendMessage({ | 103 browser.runtime.sendMessage({ |
104 type: disabled ? "filters.whitelist" : "filters.unwhitelist", | 104 type: disabled ? "filters.whitelist" : "filters.unwhitelist", |
105 tab | 105 tab |
106 }); | 106 }); |
107 } | 107 } |
108 | 108 |
109 function activateClickHide() | 109 function activateClickHide() |
110 { | 110 { |
111 document.body.classList.add("clickhide-active"); | 111 document.body.classList.add("clickhide-active"); |
112 chrome.tabs.sendMessage(tab.id, { | 112 browser.tabs.sendMessage(tab.id, { |
113 type: "composer.content.startPickingElement" | 113 type: "composer.content.startPickingElement" |
114 }); | 114 }); |
115 | 115 |
116 // Close the popup after a few seconds, so user doesn't have to | 116 // Close the popup after a few seconds, so user doesn't have to |
117 activateClickHide.timeout = window.setTimeout(window.close, 5000); | 117 activateClickHide.timeout = window.setTimeout(window.close, 5000); |
118 } | 118 } |
119 | 119 |
120 function cancelClickHide() | 120 function cancelClickHide() |
121 { | 121 { |
122 if (activateClickHide.timeout) | 122 if (activateClickHide.timeout) |
123 { | 123 { |
124 window.clearTimeout(activateClickHide.timeout); | 124 window.clearTimeout(activateClickHide.timeout); |
125 activateClickHide.timeout = null; | 125 activateClickHide.timeout = null; |
126 } | 126 } |
127 document.body.classList.remove("clickhide-active"); | 127 document.body.classList.remove("clickhide-active"); |
128 chrome.tabs.sendMessage(tab.id, {type: "composer.content.finished"}); | 128 browser.tabs.sendMessage(tab.id, {type: "composer.content.finished"}); |
129 } | 129 } |
130 | 130 |
131 function toggleCollapse(event) | 131 function toggleCollapse(event) |
132 { | 132 { |
133 let collapser = event.currentTarget; | 133 let collapser = event.currentTarget; |
134 let collapsible = document.getElementById(collapser.dataset.collapsible); | 134 let collapsible = document.getElementById(collapser.dataset.collapsible); |
135 collapsible.classList.toggle("collapsed"); | 135 collapsible.classList.toggle("collapsed"); |
136 togglePref(collapser.dataset.option); | 136 togglePref(collapser.dataset.option); |
137 } | 137 } |
138 | 138 |
139 function getDocLinks(notification) | 139 function getDocLinks(notification) |
140 { | 140 { |
141 if (!notification.links) | 141 if (!notification.links) |
142 return Promise.resolve([]); | 142 return Promise.resolve([]); |
143 | 143 |
144 return Promise.all( | 144 return Promise.all( |
145 notification.links.map(link => | 145 notification.links.map(link => |
146 { | 146 { |
147 return new Promise((resolve, reject) => | 147 return new Promise((resolve, reject) => |
148 { | 148 { |
149 chrome.runtime.sendMessage({ | 149 browser.runtime.sendMessage({ |
150 type: "app.get", | 150 type: "app.get", |
151 what: "doclink", | 151 what: "doclink", |
152 link | 152 link |
153 }, resolve); | 153 }, resolve); |
154 }); | 154 }); |
155 }) | 155 }) |
156 ); | 156 ); |
157 } | 157 } |
158 | 158 |
159 function insertMessage(element, text, links) | 159 function insertMessage(element, text, links) |
(...skipping 24 matching lines...) Expand all Loading... |
184 function createShareLink(network, blockedCount) | 184 function createShareLink(network, blockedCount) |
185 { | 185 { |
186 let url = shareLinks[network][0]; | 186 let url = shareLinks[network][0]; |
187 let params = shareLinks[network][1]; | 187 let params = shareLinks[network][1]; |
188 | 188 |
189 let querystring = []; | 189 let querystring = []; |
190 for (let key in params) | 190 for (let key in params) |
191 { | 191 { |
192 let value = params[key]; | 192 let value = params[key]; |
193 if (value == messageMark) | 193 if (value == messageMark) |
194 value = chrome.i18n.getMessage("stats_share_message", blockedCount); | 194 value = browser.i18n.getMessage("stats_share_message", blockedCount); |
195 querystring.push( | 195 querystring.push( |
196 encodeURIComponent(key) + "=" + encodeURIComponent(value) | 196 encodeURIComponent(key) + "=" + encodeURIComponent(value) |
197 ); | 197 ); |
198 } | 198 } |
199 return url + "?" + querystring.join("&"); | 199 return url + "?" + querystring.join("&"); |
200 } | 200 } |
201 | 201 |
202 function updateStats() | 202 function updateStats() |
203 { | 203 { |
204 let statsPage = document.getElementById("stats-page"); | 204 let statsPage = document.getElementById("stats-page"); |
205 chrome.runtime.sendMessage({ | 205 browser.runtime.sendMessage({ |
206 type: "stats.getBlockedPerPage", | 206 type: "stats.getBlockedPerPage", |
207 tab | 207 tab |
208 }, | 208 }, |
209 blockedPage => | 209 blockedPage => |
210 { | 210 { |
211 ext.i18n.setElementText(statsPage, "stats_label_page", | 211 ext.i18n.setElementText(statsPage, "stats_label_page", |
212 [blockedPage.toLocaleString()]); | 212 [blockedPage.toLocaleString()]); |
213 }); | 213 }); |
214 | 214 |
215 let statsTotal = document.getElementById("stats-total"); | 215 let statsTotal = document.getElementById("stats-total"); |
216 getPref("blocked_total", blockedTotal => | 216 getPref("blocked_total", blockedTotal => |
217 { | 217 { |
218 ext.i18n.setElementText(statsTotal, "stats_label_total", | 218 ext.i18n.setElementText(statsTotal, "stats_label_total", |
219 [blockedTotal.toLocaleString()]); | 219 [blockedTotal.toLocaleString()]); |
220 }); | 220 }); |
221 } | 221 } |
222 | 222 |
223 function share(event) | 223 function share(event) |
224 { | 224 { |
225 getPref("blocked_total", blockedTotal => | 225 getPref("blocked_total", blockedTotal => |
226 { | 226 { |
227 // Easter Egg | 227 // Easter Egg |
228 if (blockedTotal <= 9000 || blockedTotal >= 10000) | 228 if (blockedTotal <= 9000 || blockedTotal >= 10000) |
229 { | 229 { |
230 blockedTotal = blockedTotal.toLocaleString(); | 230 blockedTotal = blockedTotal.toLocaleString(); |
231 } | 231 } |
232 else | 232 else |
233 { | 233 { |
234 blockedTotal = chrome.i18n.getMessage("stats_over", | 234 blockedTotal = browser.i18n.getMessage("stats_over", |
235 (9000).toLocaleString()); | 235 (9000).toLocaleString()); |
236 } | 236 } |
237 | 237 |
238 chrome.tabs.create({ | 238 browser.tabs.create({ |
239 url: createShareLink(event.target.dataset.social, blockedTotal) | 239 url: createShareLink(event.target.dataset.social, blockedTotal) |
240 }); | 240 }); |
241 }); | 241 }); |
242 } | 242 } |
243 | 243 |
244 function toggleIconNumber() | 244 function toggleIconNumber() |
245 { | 245 { |
246 togglePref("show_statsinicon", showStatsInIcon => | 246 togglePref("show_statsinicon", showStatsInIcon => |
247 { | 247 { |
248 document.getElementById("show-iconnumber").setAttribute( | 248 document.getElementById("show-iconnumber").setAttribute( |
249 "aria-checked", showStatsInIcon | 249 "aria-checked", showStatsInIcon |
250 ); | 250 ); |
251 }); | 251 }); |
252 } | 252 } |
253 | 253 |
254 document.addEventListener("DOMContentLoaded", () => | 254 document.addEventListener("DOMContentLoaded", () => |
255 { | 255 { |
256 chrome.tabs.query({active: true, lastFocusedWindow: true}, tabs => | 256 browser.tabs.query({active: true, lastFocusedWindow: true}, tabs => |
257 { | 257 { |
258 if (tabs.length > 0) | 258 if (tabs.length > 0) |
259 tab = {id: tabs[0].id, url: tabs[0].url}; | 259 tab = {id: tabs[0].id, url: tabs[0].url}; |
260 | 260 |
261 let urlProtocol = tab && tab.url && new URL(tab.url).protocol; | 261 let urlProtocol = tab && tab.url && new URL(tab.url).protocol; |
262 | 262 |
263 // Mark page as 'local' to hide non-relevant elements | 263 // Mark page as 'local' to hide non-relevant elements |
264 if (urlProtocol != "http:" && urlProtocol != "https:") | 264 if (urlProtocol != "http:" && urlProtocol != "https:") |
265 { | 265 { |
266 document.body.classList.add("local"); | 266 document.body.classList.add("local"); |
(...skipping 12 matching lines...) Expand all Loading... |
279 // whether it has cached filters. If so, ask the user whether she | 279 // whether it has cached filters. If so, ask the user whether she |
280 // wants those filters. Otherwise, we are in default state. | 280 // wants those filters. Otherwise, we are in default state. |
281 if (tab) | 281 if (tab) |
282 { | 282 { |
283 isPageWhitelisted(whitelisted => | 283 isPageWhitelisted(whitelisted => |
284 { | 284 { |
285 if (whitelisted) | 285 if (whitelisted) |
286 document.body.classList.add("disabled"); | 286 document.body.classList.add("disabled"); |
287 }); | 287 }); |
288 | 288 |
289 chrome.tabs.sendMessage(tab.id, { | 289 browser.tabs.sendMessage(tab.id, { |
290 type: "composer.content.getState" | 290 type: "composer.content.getState" |
291 }, | 291 }, |
292 response => | 292 response => |
293 { | 293 { |
294 if (response && response.active) | 294 if (response && response.active) |
295 document.body.classList.add("clickhide-active"); | 295 document.body.classList.add("clickhide-active"); |
296 }); | 296 }); |
297 } | 297 } |
298 | 298 |
299 updateStats(); | 299 updateStats(); |
300 document.getElementById("stats-container").removeAttribute("hidden"); | 300 document.getElementById("stats-container").removeAttribute("hidden"); |
301 }); | 301 }); |
302 | 302 |
303 document.getElementById("enabled").addEventListener( | 303 document.getElementById("enabled").addEventListener( |
304 "click", toggleEnabled | 304 "click", toggleEnabled |
305 ); | 305 ); |
306 document.getElementById("clickhide").addEventListener( | 306 document.getElementById("clickhide").addEventListener( |
307 "click", activateClickHide | 307 "click", activateClickHide |
308 ); | 308 ); |
309 document.getElementById("clickhide-cancel").addEventListener( | 309 document.getElementById("clickhide-cancel").addEventListener( |
310 "click", cancelClickHide | 310 "click", cancelClickHide |
311 ); | 311 ); |
312 document.getElementById("options").addEventListener("click", () => | 312 document.getElementById("options").addEventListener("click", () => |
313 { | 313 { |
314 chrome.runtime.sendMessage({type: "app.open", what: "options"}); | 314 browser.runtime.sendMessage({type: "app.open", what: "options"}); |
315 window.close(); | 315 window.close(); |
316 }); | 316 }); |
317 | 317 |
318 // Set up collapsing of menu items | 318 // Set up collapsing of menu items |
319 for (let collapser of document.getElementsByClassName("collapse")) | 319 for (let collapser of document.getElementsByClassName("collapse")) |
320 { | 320 { |
321 collapser.addEventListener("click", toggleCollapse); | 321 collapser.addEventListener("click", toggleCollapse); |
322 getPref(collapser.dataset.option, value => | 322 getPref(collapser.dataset.option, value => |
323 { | 323 { |
324 if (value) | 324 if (value) |
(...skipping 12 matching lines...) Expand all Loading... |
337 showIconNumber.setAttribute("aria-checked", showStatsInIcon); | 337 showIconNumber.setAttribute("aria-checked", showStatsInIcon); |
338 }); | 338 }); |
339 showIconNumber.addEventListener("click", toggleIconNumber); | 339 showIconNumber.addEventListener("click", toggleIconNumber); |
340 document.querySelector("label[for='show-iconnumber']").addEventListener( | 340 document.querySelector("label[for='show-iconnumber']").addEventListener( |
341 "click", toggleIconNumber | 341 "click", toggleIconNumber |
342 ); | 342 ); |
343 }); | 343 }); |
344 | 344 |
345 window.addEventListener("load", () => | 345 window.addEventListener("load", () => |
346 { | 346 { |
347 chrome.runtime.sendMessage({ | 347 browser.runtime.sendMessage({ |
348 type: "notifications.get", | 348 type: "notifications.get", |
349 displayMethod: "popup" | 349 displayMethod: "popup" |
350 }, notification => | 350 }, notification => |
351 { | 351 { |
352 if (!notification) | 352 if (!notification) |
353 return; | 353 return; |
354 | 354 |
355 let titleElement = document.getElementById("notification-title"); | 355 let titleElement = document.getElementById("notification-title"); |
356 let messageElement = document.getElementById("notification-message"); | 356 let messageElement = document.getElementById("notification-message"); |
357 | 357 |
358 titleElement.textContent = notification.texts.title; | 358 titleElement.textContent = notification.texts.title; |
359 | 359 |
360 getDocLinks(notification).then(docLinks => | 360 getDocLinks(notification).then(docLinks => |
361 { | 361 { |
362 insertMessage(messageElement, notification.texts.message, docLinks); | 362 insertMessage(messageElement, notification.texts.message, docLinks); |
363 | 363 |
364 messageElement.addEventListener("click", event => | 364 messageElement.addEventListener("click", event => |
365 { | 365 { |
366 let link = event.target; | 366 let link = event.target; |
367 while (link && link != messageElement && link.localName != "a") | 367 while (link && link != messageElement && link.localName != "a") |
368 link = link.parentNode; | 368 link = link.parentNode; |
369 if (!link) | 369 if (!link) |
370 return; | 370 return; |
371 event.preventDefault(); | 371 event.preventDefault(); |
372 event.stopPropagation(); | 372 event.stopPropagation(); |
373 chrome.tabs.create({url: link.href}); | 373 browser.tabs.create({url: link.href}); |
374 }); | 374 }); |
375 }); | 375 }); |
376 | 376 |
377 let notificationElement = document.getElementById("notification"); | 377 let notificationElement = document.getElementById("notification"); |
378 notificationElement.className = notification.type; | 378 notificationElement.className = notification.type; |
379 notificationElement.hidden = false; | 379 notificationElement.hidden = false; |
380 notificationElement.addEventListener("click", event => | 380 notificationElement.addEventListener("click", event => |
381 { | 381 { |
382 if (event.target.id == "notification-close") | 382 if (event.target.id == "notification-close") |
383 notificationElement.classList.add("closing"); | 383 notificationElement.classList.add("closing"); |
384 else if (event.target.id == "notification-optout" || | 384 else if (event.target.id == "notification-optout" || |
385 event.target.id == "notification-hide") | 385 event.target.id == "notification-hide") |
386 { | 386 { |
387 if (event.target.id == "notification-optout") | 387 if (event.target.id == "notification-optout") |
388 setPref("notifications_ignoredcategories", true); | 388 setPref("notifications_ignoredcategories", true); |
389 | 389 |
390 notificationElement.hidden = true; | 390 notificationElement.hidden = true; |
391 notification.onClicked(); | 391 notification.onClicked(); |
392 } | 392 } |
393 }, true); | 393 }, true); |
394 }); | 394 }); |
395 }); | 395 }); |
OLD | NEW |