| 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-2015 Eyeo GmbH | 3 * Copyright (C) 2006-2015 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 14 matching lines...) Expand all Loading... |
| 25 */ | 25 */ |
| 26 var objTabs = | 26 var objTabs = |
| 27 { | 27 { |
| 28 /** | 28 /** |
| 29 * Number of milliseconds to wait until hiding tab after the mouse moves away. | 29 * Number of milliseconds to wait until hiding tab after the mouse moves away. |
| 30 * @type Integer | 30 * @type Integer |
| 31 */ | 31 */ |
| 32 HIDE_DELAY: 1000, | 32 HIDE_DELAY: 1000, |
| 33 | 33 |
| 34 /** | 34 /** |
| 35 * Flag used to trigger object tabs initialization first time object tabs are | |
| 36 * used. | |
| 37 * @type Boolean | |
| 38 */ | |
| 39 initialized: false, | |
| 40 | |
| 41 /** | |
| 42 * Will be set to true while initialization is in progress. | |
| 43 * @type Boolean | |
| 44 */ | |
| 45 initializing: false, | |
| 46 | |
| 47 /** | |
| 48 * Parameters for _showTab, to be called once initialization is complete. | |
| 49 */ | |
| 50 delayedShowParams: null, | |
| 51 | |
| 52 /** | |
| 53 * Randomly generated class to be used for visible object tabs on top of objec
t. | |
| 54 * @type String | |
| 55 */ | |
| 56 objTabClassVisibleTop: null, | |
| 57 | |
| 58 /** | |
| 59 * Randomly generated class to be used for visible object tabs at the bottom o
f the object. | |
| 60 * @type String | |
| 61 */ | |
| 62 objTabClassVisibleBottom: null, | |
| 63 | |
| 64 /** | |
| 65 * Randomly generated class to be used for invisible object tabs. | |
| 66 * @type String | |
| 67 */ | |
| 68 objTabClassHidden: null, | |
| 69 | |
| 70 /** | |
| 71 * Document element the object tab is currently being displayed for. | 35 * Document element the object tab is currently being displayed for. |
| 72 * @type Element | 36 * @type Element |
| 73 */ | 37 */ |
| 74 currentElement: null, | 38 currentElement: null, |
| 75 | 39 |
| 76 /** | 40 /** |
| 77 * Windows that the window event handler is currently registered for. | 41 * Windows that the window event handler is currently registered for. |
| 78 * @type Window[] | 42 * @type Window[] |
| 79 */ | 43 */ |
| 80 windowListeners: null, | 44 windowListeners: null, |
| (...skipping 22 matching lines...) Expand all Loading... |
| 103 */ | 67 */ |
| 104 hideTimer: null, | 68 hideTimer: null, |
| 105 | 69 |
| 106 /** | 70 /** |
| 107 * Used when hideTimer is running, time when the tab should be hidden. | 71 * Used when hideTimer is running, time when the tab should be hidden. |
| 108 * @type Integer | 72 * @type Integer |
| 109 */ | 73 */ |
| 110 hideTargetTime: 0, | 74 hideTargetTime: 0, |
| 111 | 75 |
| 112 /** | 76 /** |
| 113 * Initializes object tabs (generates random classes and registers stylesheet)
. | 77 * Localized texts and class names to be used for the tab. |
| 78 * @type Object |
| 114 */ | 79 */ |
| 115 _initCSS: function() | 80 texts: null, |
| 116 { | |
| 117 function processCSSData(request) | |
| 118 { | |
| 119 if (onShutdown.done) | |
| 120 return; | |
| 121 | |
| 122 let data = request.responseText; | |
| 123 | |
| 124 let rnd = []; | |
| 125 let offset = "a".charCodeAt(0); | |
| 126 for (let i = 0; i < 60; i++) | |
| 127 rnd.push(offset + Math.random() * 26); | |
| 128 | |
| 129 this.objTabClassVisibleTop = String.fromCharCode.apply(String, rnd.slice(0
, 20)); | |
| 130 this.objTabClassVisibleBottom = String.fromCharCode.apply(String, rnd.slic
e(20, 40)); | |
| 131 this.objTabClassHidden = String.fromCharCode.apply(String, rnd.slice(40, 6
0)); | |
| 132 | |
| 133 let {Utils} = require("utils"); | |
| 134 let url = Utils.makeURI("data:text/css," + encodeURIComponent(data.replace
(/%%CLASSVISIBLETOP%%/g, this.objTabClassVisibleTop) | |
| 135 .replace
(/%%CLASSVISIBLEBOTTOM%%/g, this.objTabClassVisibleBottom) | |
| 136 .replace
(/%%CLASSHIDDEN%%/g, this.objTabClassHidden))); | |
| 137 Utils.styleService.loadAndRegisterSheet(url, Ci.nsIStyleSheetService.USER_
SHEET); | |
| 138 onShutdown.add(function() | |
| 139 { | |
| 140 Utils.styleService.unregisterSheet(url, Ci.nsIStyleSheetService.USER_SHE
ET); | |
| 141 }); | |
| 142 | |
| 143 this.initializing = false; | |
| 144 this.initialized = true; | |
| 145 | |
| 146 if (this.delayedShowParams) | |
| 147 this._showTab.apply(this, this.delayedShowParams); | |
| 148 } | |
| 149 | |
| 150 this.delayedShowParams = arguments; | |
| 151 | |
| 152 if (!this.initializing) | |
| 153 { | |
| 154 this.initializing = true; | |
| 155 | |
| 156 // Load CSS asynchronously | |
| 157 try { | |
| 158 let request = new XMLHttpRequest(); | |
| 159 request.mozBackgroundRequest = true; | |
| 160 request.open("GET", "chrome://adblockplus/content/objtabs.css"); | |
| 161 request.overrideMimeType("text/plain"); | |
| 162 | |
| 163 request.addEventListener("load", processCSSData.bind(this, request), fal
se); | |
| 164 request.send(null); | |
| 165 } | |
| 166 catch (e) | |
| 167 { | |
| 168 Cu.reportError(e); | |
| 169 this.initializing = false; | |
| 170 } | |
| 171 } | |
| 172 }, | |
| 173 | 81 |
| 174 /** | 82 /** |
| 175 * Called to show object tab for an element. | 83 * Called to show object tab for an element. |
| 176 */ | 84 */ |
| 177 showTabFor: function(/**Element*/ element) | 85 showTabFor: function(/**Element*/ element) |
| 178 { | 86 { |
| 179 // Object tabs aren't usable in Fennec | 87 // Object tabs aren't usable in Fennec |
| 180 let {application} = require("info"); | 88 let {application} = require("info"); |
| 181 if (application == "fennec" || application == "fennec2" || | 89 if (application == "fennec" || application == "fennec2" || |
| 182 application == "adblockbrowser") | 90 application == "adblockbrowser") |
| 183 return; | 91 return; |
| 184 | 92 |
| 185 let {Prefs} = require("prefs"); | 93 if (!sendSyncMessage("AdblockPlus:GetObjectTabsStatus")) |
| 186 if (!Prefs.frameobjects) | |
| 187 return; | 94 return; |
| 188 | 95 |
| 189 if (this.hideTimer) | 96 if (this.hideTimer) |
| 190 { | 97 { |
| 191 this.hideTimer.cancel(); | 98 this.hideTimer.cancel(); |
| 192 this.hideTimer = null; | 99 this.hideTimer = null; |
| 193 } | 100 } |
| 194 | 101 |
| 195 if (this.objtabElement) | 102 if (this.objtabElement) |
| 196 this.objtabElement.style.setProperty("opacity", "1", "important"); | 103 this.objtabElement.style.setProperty("opacity", "1", "important"); |
| 197 | 104 |
| 198 if (this.currentElement != element) | 105 if (this.currentElement != element) |
| 199 { | 106 { |
| 200 this._hideTab(); | 107 this._hideTab(); |
| 201 | 108 |
| 202 let {Policy} = require("contentPolicy"); | 109 let {RequestNotifier} = require("child/requestNotifier"); |
| 203 let {RequestNotifier} = require("requestNotifier"); | |
| 204 let data = RequestNotifier.getDataForNode(element, true, "OBJECT"); | 110 let data = RequestNotifier.getDataForNode(element, true, "OBJECT"); |
| 205 if (data) | 111 if (data) |
| 206 { | 112 this._showTab(element, data[1]); |
| 207 if (this.initialized) | |
| 208 this._showTab(element, data[1]); | |
| 209 else | |
| 210 this._initCSS(element, data[1]); | |
| 211 } | |
| 212 } | 113 } |
| 213 }, | 114 }, |
| 214 | 115 |
| 215 /** | 116 /** |
| 216 * Called to hide object tab for an element (actual hiding happens delayed). | 117 * Called to hide object tab for an element (actual hiding happens delayed). |
| 217 */ | 118 */ |
| 218 hideTabFor: function(/**Element*/ element) | 119 hideTabFor: function(/**Element*/ element) |
| 219 { | 120 { |
| 220 if (element != this.currentElement || this.hideTimer) | 121 if (element != this.currentElement || this.hideTimer) |
| 221 return; | 122 return; |
| 222 | 123 |
| 223 this.hideTargetTime = Date.now() + this.HIDE_DELAY; | 124 this.hideTargetTime = Date.now() + this.HIDE_DELAY; |
| 224 this.hideTimer = Cc["@mozilla.org/timer;1"].createInstance(Ci.nsITimer); | 125 this.hideTimer = Cc["@mozilla.org/timer;1"].createInstance(Ci.nsITimer); |
| 225 this.hideTimer.init(this, 40, Ci.nsITimer.TYPE_REPEATING_SLACK); | 126 this.hideTimer.init(this, 40, Ci.nsITimer.TYPE_REPEATING_SLACK); |
| 226 }, | 127 }, |
| 227 | 128 |
| 228 /** | 129 /** |
| 229 * Makes the tab element visible. | 130 * Makes the tab element visible. |
| 230 * @param {Element} element | 131 * @param {Element} element |
| 231 * @param {RequestEntry} data | 132 * @param {RequestEntry} data |
| 232 */ | 133 */ |
| 233 _showTab: function(element, data) | 134 _showTab: function(element, data) |
| 234 { | 135 { |
| 235 let {UI} = require("ui"); | 136 if (!this.texts) |
| 236 if (!UI.overlay) | 137 this.texts = sendSyncMessage("AdblockPlus:GetObjectTabsTexts"); |
| 237 return; | |
| 238 | 138 |
| 239 let doc = element.ownerDocument.defaultView.top.document; | 139 let doc = element.ownerDocument.defaultView.top.document; |
| 240 | 140 |
| 241 this.objtabElement = doc.createElementNS("http://www.w3.org/1999/xhtml", "a"
); | 141 this.objtabElement = doc.createElementNS("http://www.w3.org/1999/xhtml", "a"
); |
| 242 this.objtabElement.textContent = UI.overlay.attributes.objtabtext; | 142 this.objtabElement.textContent = this.texts.label; |
| 243 this.objtabElement.setAttribute("title", UI.overlay.attributes.objtabtooltip
); | 143 this.objtabElement.setAttribute("title", this.texts.tooltip); |
| 244 this.objtabElement.setAttribute("href", data.location); | 144 this.objtabElement.setAttribute("href", data.location); |
| 245 this.objtabElement.setAttribute("class", this.objTabClassHidden); | 145 this.objtabElement.setAttribute("class", this.texts.classHidden); |
| 246 this.objtabElement.style.setProperty("opacity", "1", "important"); | 146 this.objtabElement.style.setProperty("opacity", "1", "important"); |
| 247 this.objtabElement.nodeData = data; | 147 this.objtabElement.nodeData = data; |
| 248 | 148 |
| 249 this.currentElement = element; | 149 this.currentElement = element; |
| 250 | 150 |
| 251 // Register paint listeners for the relevant windows | 151 // Register paint listeners for the relevant windows |
| 252 this.windowListeners = []; | 152 this.windowListeners = []; |
| 253 let wnd = element.ownerDocument.defaultView; | 153 let wnd = element.ownerDocument.defaultView; |
| 254 while (wnd) | 154 while (wnd) |
| 255 { | 155 { |
| (...skipping 15 matching lines...) Expand all Loading... |
| 271 this.positionTimer.init(this, 200, Ci.nsITimer.TYPE_REPEATING_SLACK); | 171 this.positionTimer.init(this, 200, Ci.nsITimer.TYPE_REPEATING_SLACK); |
| 272 } | 172 } |
| 273 this._positionTab(); | 173 this._positionTab(); |
| 274 }, | 174 }, |
| 275 | 175 |
| 276 /** | 176 /** |
| 277 * Hides the tab element. | 177 * Hides the tab element. |
| 278 */ | 178 */ |
| 279 _hideTab: function() | 179 _hideTab: function() |
| 280 { | 180 { |
| 281 this.delayedShowParams = null; | |
| 282 | |
| 283 if (this.objtabElement) | 181 if (this.objtabElement) |
| 284 { | 182 { |
| 285 // Prevent recursive calls via popuphidden handler | 183 // Prevent recursive calls via popuphidden handler |
| 286 let objtab = this.objtabElement; | 184 let objtab = this.objtabElement; |
| 287 this.objtabElement = null; | 185 this.objtabElement = null; |
| 288 this.currentElement = null; | 186 this.currentElement = null; |
| 289 | 187 |
| 290 if (this.hideTimer) | 188 if (this.hideTimer) |
| 291 { | 189 { |
| 292 this.hideTimer.cancel(); | 190 this.hideTimer.cancel(); |
| (...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 325 } catch (e) {} // Ignore "can't access dead object" error | 223 } catch (e) {} // Ignore "can't access dead object" error |
| 326 if (!elementDoc || !this.currentElement.offsetWidth || !this.currentElement.
offsetHeight || | 224 if (!elementDoc || !this.currentElement.offsetWidth || !this.currentElement.
offsetHeight || |
| 327 !elementDoc.defaultView || !elementDoc.documentElement) | 225 !elementDoc.defaultView || !elementDoc.documentElement) |
| 328 { | 226 { |
| 329 this._hideTab(); | 227 this._hideTab(); |
| 330 return; | 228 return; |
| 331 } | 229 } |
| 332 | 230 |
| 333 let objRect = this._getElementPosition(this.currentElement); | 231 let objRect = this._getElementPosition(this.currentElement); |
| 334 | 232 |
| 335 let className = this.objTabClassVisibleTop; | 233 let className = this.texts.classVisibleTop; |
| 336 let left = objRect.right - this.objtabElement.offsetWidth; | 234 let left = objRect.right - this.objtabElement.offsetWidth; |
| 337 let top = objRect.top - this.objtabElement.offsetHeight; | 235 let top = objRect.top - this.objtabElement.offsetHeight; |
| 338 if (top < 0) | 236 if (top < 0) |
| 339 { | 237 { |
| 340 top = objRect.bottom; | 238 top = objRect.bottom; |
| 341 className = this.objTabClassVisibleBottom; | 239 className = this.texts.classVisibleBottom; |
| 342 } | 240 } |
| 343 | 241 |
| 344 if (this.objtabElement.style.left != left + "px") | 242 if (this.objtabElement.style.left != left + "px") |
| 345 this.objtabElement.style.setProperty("left", left + "px", "important"); | 243 this.objtabElement.style.setProperty("left", left + "px", "important"); |
| 346 if (this.objtabElement.style.top != top + "px") | 244 if (this.objtabElement.style.top != top + "px") |
| 347 this.objtabElement.style.setProperty("top", top + "px", "important"); | 245 this.objtabElement.style.setProperty("top", top + "px", "important"); |
| 348 | 246 |
| 349 if (this.objtabElement.getAttribute("class") != className) | 247 if (this.objtabElement.getAttribute("class") != className) |
| 350 this.objtabElement.setAttribute("class", className); | 248 this.objtabElement.setAttribute("class", className); |
| 351 | 249 |
| (...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 408 rect.right += relLeft; | 306 rect.right += relLeft; |
| 409 rect.top += relTop; | 307 rect.top += relTop; |
| 410 rect.bottom += relTop; | 308 rect.bottom += relTop; |
| 411 } | 309 } |
| 412 | 310 |
| 413 return rect; | 311 return rect; |
| 414 }, | 312 }, |
| 415 | 313 |
| 416 doBlock: function() | 314 doBlock: function() |
| 417 { | 315 { |
| 418 let {UI} = require("ui"); | 316 // TODO: Store this.currentElement for the filter assistant |
| 419 let {Utils} = require("utils"); | 317 sendAsyncMessage("AdblockPlus:BlockItem", this.objtabElement.nodeData); |
| 420 let chromeWindow = Utils.getChromeWindow(this.currentElement.ownerDocument.d
efaultView); | |
| 421 UI.blockItem(chromeWindow, this.currentElement, this.objtabElement.nodeData)
; | |
| 422 }, | 318 }, |
| 423 | 319 |
| 424 /** | 320 /** |
| 425 * Called whenever a timer fires. | 321 * Called whenever a timer fires. |
| 426 * @param {nsISupport} subject | 322 * @param {nsISupport} subject |
| 427 * @param {string} topic | 323 * @param {string} topic |
| 428 * @param {string} data | 324 * @param {string} data |
| 429 */ | 325 */ |
| 430 observe: function(subject, topic, data) | 326 observe: function(subject, topic, data) |
| 431 { | 327 { |
| (...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 489 event.stopPropagation(); | 385 event.stopPropagation(); |
| 490 | 386 |
| 491 objTabs.doBlock(); | 387 objTabs.doBlock(); |
| 492 } | 388 } |
| 493 else if (event.type == "mouseover") | 389 else if (event.type == "mouseover") |
| 494 objTabs.showTabFor(objTabs.currentElement); | 390 objTabs.showTabFor(objTabs.currentElement); |
| 495 else if (event.type == "mouseout") | 391 else if (event.type == "mouseout") |
| 496 objTabs.hideTabFor(objTabs.currentElement); | 392 objTabs.hideTabFor(objTabs.currentElement); |
| 497 } | 393 } |
| 498 exports.objectMouseEventHander = objectMouseEventHander; | 394 exports.objectMouseEventHander = objectMouseEventHander; |
| OLD | NEW |