Left: | ||
Right: |
LEFT | RIGHT |
---|---|
1 var backgroundPage = chrome.extension.getBackgroundPage(); | 1 var backgroundPage = chrome.extension.getBackgroundPage(); |
2 var require = backgroundPage.require; | 2 var require = backgroundPage.require; |
3 var Prefs = require("prefs").Prefs; | 3 var Prefs = require("prefs").Prefs; |
4 var Utils = require("utils").Utils; | 4 var Utils = require("utils").Utils; |
5 | 5 |
6 function openSharePopup(url) | 6 function openSharePopup(url) |
7 { | 7 { |
8 var iframe = document.getElementById("share-popup"); | 8 var iframe = document.getElementById("share-popup"); |
9 var glassPane = document.getElementById("glass-pane"); | 9 var glassPane = document.getElementById("glass-pane"); |
10 var popupMessageReceived = false; | 10 var popupMessageReceived = false; |
11 var popupVisible = false; | |
12 | 11 |
13 var popupMessageListener = function(event) | 12 var popupMessageListener = function(event) |
14 { | 13 { |
15 if (event.origin !== url) | 14 if (event.origin !== url) |
16 return; | 15 return; |
17 | 16 |
18 iframe.width = event.data.width; | 17 iframe.width = event.data.width; |
19 iframe.height = event.data.height; | 18 iframe.height = event.data.height; |
20 popupMessageReceived = true; | 19 popupMessageReceived = true; |
21 window.removeEventListener("message", popupMessageListener); | 20 window.removeEventListener("message", popupMessageListener); |
22 }; | 21 }; |
23 window.addEventListener("message", popupMessageListener, false); | 22 window.addEventListener("message", popupMessageListener, false); |
24 | 23 |
25 var popupLoadListener = function() | 24 var popupLoadListener = function() |
26 { | 25 { |
27 if (popupMessageReceived) | 26 if (popupMessageReceived) |
28 { | 27 { |
29 iframe.className = "visible"; | 28 iframe.className = "visible"; |
30 popupVisible = true; | |
31 | 29 |
32 var popupCloseListener = function() | 30 var popupCloseListener = function() |
33 { | 31 { |
34 iframe.className = glassPane.className = ""; | 32 iframe.className = glassPane.className = ""; |
35 document.removeEventListener("click", popupCloseListener); | 33 document.removeEventListener("click", popupCloseListener); |
36 }; | 34 }; |
37 document.addEventListener("click", popupCloseListener, false); | 35 document.addEventListener("click", popupCloseListener, false); |
38 } | 36 } |
37 else | |
38 glassPane.className = ""; | |
Wladimir Palant
2012/10/25 15:54:15
Also remove message listener here?
Felix Dahlke
2012/10/25 15:57:11
Done.
| |
39 | |
39 iframe.removeEventListener("load", popupLoadListener); | 40 iframe.removeEventListener("load", popupLoadListener); |
40 }; | 41 }; |
41 iframe.addEventListener("load", popupLoadListener, false); | 42 iframe.addEventListener("load", popupLoadListener, false); |
42 | 43 |
43 iframe.src = url; | 44 iframe.src = url; |
44 glassPane.className = "visible"; | 45 glassPane.className = "visible"; |
45 | |
46 setTimeout(function() | |
47 { | |
48 if (!popupVisible) | |
49 glassPane.className = ""; | |
50 }, 2000); | |
Wladimir Palant
2012/10/25 15:32:51
This timeout should be 20 seconds at least, otherw
Felix Dahlke
2012/10/25 15:39:27
You're right, the load event will even arrive even
| |
51 } | 46 } |
52 | 47 |
53 function initSocialLinks(variant) | 48 function initSocialLinks(variant) |
54 { | 49 { |
55 var networks = ["twitter", "facebook"]; | 50 var networks = ["twitter", "facebook"]; |
56 networks.forEach(function(network) | 51 networks.forEach(function(network) |
57 { | 52 { |
58 var links = document.getElementsByClassName("share-" + network); | 53 var links = document.getElementsByClassName("share-" + network); |
59 for (var i = 0; i < links.length; i++) | 54 for (var i = 0; i < links.length; i++) |
60 { | 55 { |
(...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
116 } | 111 } |
117 } | 112 } |
118 } | 113 } |
119 | 114 |
120 function getDocLink(page, anchor) | 115 function getDocLink(page, anchor) |
121 { | 116 { |
122 return Prefs.documentation_link | 117 return Prefs.documentation_link |
123 .replace(/%LINK%/g, page) | 118 .replace(/%LINK%/g, page) |
124 .replace(/%LANG%/g, Utils.appLocale) + (anchor ? "#" + anchor : "" ); | 119 .replace(/%LANG%/g, Utils.appLocale) + (anchor ? "#" + anchor : "" ); |
125 } | 120 } |
LEFT | RIGHT |