зеркало из https://github.com/mozilla/gecko-dev.git
Bug 598331 - Stop using a single notificationbox for all browsers (part 2) [r=mfinkle r=stechz]
This commit is contained in:
Родитель
32b1d31069
Коммит
ed54682d8c
|
@ -697,7 +697,8 @@ var BrowserUI = {
|
|||
let tab = null;
|
||||
let ss = Cc["@mozilla.org/browser/sessionstore;1"].getService(Ci.nsISessionStore);
|
||||
if (ss.getClosedTabCount(window) > (aIndex || 0)) {
|
||||
tab = ss.undoCloseTab(window, aIndex || 0);
|
||||
let chromeTab = ss.undoCloseTab(window, aIndex || 0);
|
||||
tab = Browser.getTabFromChrome(chromeTab);
|
||||
}
|
||||
return tab;
|
||||
},
|
||||
|
@ -1121,11 +1122,16 @@ var BrowserUI = {
|
|||
|
||||
var TapHighlightHelper = {
|
||||
get _overlay() {
|
||||
delete this._overlay;
|
||||
return this._overlay = document.getElementById("content-overlay");
|
||||
if (Browser.selectedTab)
|
||||
return Browser.selectedTab.overlay;
|
||||
return null;
|
||||
},
|
||||
|
||||
show: function show(aRects) {
|
||||
let overlay = this._overlay;
|
||||
if (!overlay)
|
||||
return;
|
||||
|
||||
let browser = getBrowser();
|
||||
let scroll = browser.getPosition();
|
||||
|
||||
|
@ -1134,7 +1140,6 @@ var TapHighlightHelper = {
|
|||
}, new Rect(0, 0, 0, 0)).map(function(val) val * browser.scale)
|
||||
.translate(-scroll.x, -scroll.y);
|
||||
|
||||
let overlay = this._overlay;
|
||||
overlay.setAttribute("width", canvasArea.width);
|
||||
overlay.setAttribute("height", canvasArea.height);
|
||||
|
||||
|
@ -1145,6 +1150,7 @@ var TapHighlightHelper = {
|
|||
|
||||
overlay.setAttribute("left", canvasArea.left);
|
||||
overlay.setAttribute("top", canvasArea.top);
|
||||
ctx.clearRect(0, 0, canvasArea.width, canvasArea.height);
|
||||
ctx.fillStyle = "rgba(0, 145, 255, .5)";
|
||||
for (let i = aRects.length - 1; i >= 0; i--) {
|
||||
let rect = aRects[i];
|
||||
|
@ -1162,7 +1168,7 @@ var TapHighlightHelper = {
|
|||
* highlight should be shown before it disappears.
|
||||
*/
|
||||
hide: function hide(aGuaranteeShowMsecs) {
|
||||
if (this._overlay.style.display == "none")
|
||||
if (!this._overlay || this._overlay.style.display == "none")
|
||||
return;
|
||||
|
||||
this._guaranteeShow = Math.max(0, aGuaranteeShowMsecs);
|
||||
|
|
|
@ -46,7 +46,8 @@ setting[type="string"] {
|
|||
-moz-binding: url("chrome://browser/content/bindings/setting.xml#setting-string");
|
||||
}
|
||||
|
||||
notificationbox {
|
||||
#browsers > notificationbox {
|
||||
-moz-binding: url("chrome://browser/content/notification.xml#stacked-notificationbox");
|
||||
overflow: -moz-hidden-unscrollable;
|
||||
}
|
||||
|
||||
|
|
|
@ -141,7 +141,7 @@ function onDebugKeyPress(ev) {
|
|||
let e = document.createEvent("SimpleGestureEvent");
|
||||
e.initSimpleGestureEvent("MozMagnifyGesture"+aName, true, true, window, null,
|
||||
0, 0, 0, 0, false, false, false, false, 0, null, 0, aDelta);
|
||||
document.getElementById("inputhandler-overlay").dispatchEvent(e);
|
||||
Browser.selectedTab.inputHandler.dispatchEvent(e);
|
||||
}
|
||||
dispatchMagnifyEvent("Start", 0);
|
||||
|
||||
|
@ -193,13 +193,12 @@ var Browser = {
|
|||
// XXX change
|
||||
|
||||
/* handles dispatching clicks on browser into clicks in content or zooms */
|
||||
let inputHandlerOverlay = document.getElementById("inputhandler-overlay");
|
||||
inputHandlerOverlay.customDragger = new Browser.MainDragger();
|
||||
Elements.browsers.customDragger = new Browser.MainDragger();
|
||||
|
||||
let keySender = new ContentCustomKeySender(inputHandlerOverlay);
|
||||
let keySender = new ContentCustomKeySender(Elements.browsers);
|
||||
let mouseModule = new MouseModule();
|
||||
let gestureModule = new GestureModule();
|
||||
let scrollWheelModule = new ScrollwheelModule(inputHandlerOverlay);
|
||||
let scrollWheelModule = new ScrollwheelModule(Elements.browsers);
|
||||
|
||||
ContentTouchHandler.init();
|
||||
|
||||
|
@ -720,7 +719,7 @@ var Browser = {
|
|||
if (this._selectedTab == tab) {
|
||||
// Deck does not update its selectedIndex when children
|
||||
// are removed. See bug 602708
|
||||
Elements.browsers.selectedPanel = tab.browser;
|
||||
Elements.browsers.selectedPanel = tab.notification;
|
||||
return;
|
||||
}
|
||||
|
||||
|
@ -746,12 +745,10 @@ var Browser = {
|
|||
BrowserUI.lockToolbar();
|
||||
|
||||
if (lastTab)
|
||||
lastTab.updateBrowser(false);
|
||||
lastTab.active = false;
|
||||
|
||||
if (tab)
|
||||
tab.updateBrowser(true);
|
||||
|
||||
document.getElementById("tabs").selectedTab = tab.chromeTab;
|
||||
tab.active = true;
|
||||
|
||||
if (!isFirstTab) {
|
||||
// Update all of our UI to reflect the new tab's location
|
||||
|
@ -1497,7 +1494,7 @@ const ContentTouchHandler = {
|
|||
*/
|
||||
_targetIsContent: function _targetIsContent(aEvent) {
|
||||
let target = aEvent.target;
|
||||
return target && target.id == "inputhandler-overlay";
|
||||
return target && target.classList.contains("inputHandler");
|
||||
},
|
||||
|
||||
_dispatchMouseEvent: function _dispatchMouseEvent(aName, aX, aY, aModifiers) {
|
||||
|
@ -2469,6 +2466,7 @@ var OfflineApps = {
|
|||
function Tab(aURI, aParams) {
|
||||
this._id = null;
|
||||
this._browser = null;
|
||||
this._notification = null;
|
||||
this._state = null;
|
||||
this._listener = null;
|
||||
this._loading = false;
|
||||
|
@ -2490,6 +2488,10 @@ Tab.prototype = {
|
|||
return this._browser;
|
||||
},
|
||||
|
||||
get notification() {
|
||||
return this._notification;
|
||||
},
|
||||
|
||||
get chromeTab() {
|
||||
return this._chromeTab;
|
||||
},
|
||||
|
@ -2498,6 +2500,18 @@ Tab.prototype = {
|
|||
return this._metadata || kDefaultMetadata;
|
||||
},
|
||||
|
||||
get inputHandler() {
|
||||
if (!this._notification)
|
||||
return null;
|
||||
return this._notification.inputHandler;
|
||||
},
|
||||
|
||||
get overlay() {
|
||||
if (!this._notification)
|
||||
return null;
|
||||
return this._notification.overlay;
|
||||
},
|
||||
|
||||
/** Update browser styles when the viewport metadata changes. */
|
||||
updateViewportMetadata: function updateViewportMetadata(aMetadata) {
|
||||
this._metadata = aMetadata;
|
||||
|
@ -2617,6 +2631,7 @@ Tab.prototype = {
|
|||
|
||||
// Create a notification box around the browser
|
||||
let notification = this._notification = document.createElement("notificationbox");
|
||||
notification.classList.add("inputHandler");
|
||||
|
||||
// Create the browser using the current width the dynamically size the height
|
||||
let browser = this._browser = document.createElement("browser");
|
||||
|
@ -2654,15 +2669,17 @@ Tab.prototype = {
|
|||
|
||||
_destroyBrowser: function _destroyBrowser() {
|
||||
if (this._browser) {
|
||||
let notification = this._notification;
|
||||
let browser = this._browser;
|
||||
browser.removeProgressListener(this._listener);
|
||||
browser.messageManager.sendAsyncMessage("Browser:Blur", {});
|
||||
|
||||
this._notification = null;
|
||||
this._browser = null;
|
||||
this._listener = null;
|
||||
this._loading = false;
|
||||
|
||||
Elements.browsers.removeChild(browser);
|
||||
Elements.browsers.removeChild(notification);
|
||||
}
|
||||
},
|
||||
|
||||
|
@ -2751,21 +2768,31 @@ Tab.prototype = {
|
|||
this._chromeTab.updateThumbnail(browser, browser.contentWindowWidth, browser.contentWindowHeight);
|
||||
},
|
||||
|
||||
updateBrowser: function updateBrowser(aDisplay) {
|
||||
set active(aActive) {
|
||||
if (!this._browser)
|
||||
return;
|
||||
|
||||
let notification = this._notification;
|
||||
let browser = this._browser;
|
||||
if (aDisplay) {
|
||||
|
||||
if (aActive) {
|
||||
browser.setAttribute("type", "content-primary");
|
||||
notification.style.display = "";
|
||||
Elements.browsers.selectedPanel = notification;
|
||||
browser.messageManager.sendAsyncMessage("Browser:Focus", {});
|
||||
document.getElementById("tabs").selectedTab = this._chromeTab;
|
||||
}
|
||||
else {
|
||||
browser.setAttribute("type", "content");
|
||||
notification.style.display = "none";
|
||||
browser.messageManager.sendAsyncMessage("Browser:Blur", {});
|
||||
}
|
||||
},
|
||||
|
||||
get active() {
|
||||
if (!this._browser)
|
||||
return false;
|
||||
return this._browser.getAttribute("type") == "content-primary";
|
||||
},
|
||||
|
||||
toString: function() {
|
||||
return "[Tab " + (this._browser ? this._browser.currentURI.spec : "(no browser)") + "]";
|
||||
}
|
||||
|
|
|
@ -277,12 +277,8 @@
|
|||
|
||||
<!-- Content viewport -->
|
||||
<vbox id="content-viewport" class="window-width window-height">
|
||||
<stack id="content-stack" flex="1">
|
||||
<!-- Content viewport -->
|
||||
<deck id="browsers" flex="1"/>
|
||||
<html:canvas id="content-overlay" style="display: none; z-index: 1000;" left="0" top="0"/>
|
||||
<html:div id="inputhandler-overlay" style="z-index: 1001" tabindex="-1"/>
|
||||
</stack>
|
||||
<deck id="browsers" flex="1"/>
|
||||
<box id="content-navigator-spacer" hidden="true"/>
|
||||
</vbox>
|
||||
</vbox>
|
||||
|
|
|
@ -525,6 +525,9 @@ var ScrollUtils = {
|
|||
scrollbox = elem;
|
||||
qinterface = elem.scrollBoxObject;
|
||||
break;
|
||||
} else if (elem.customDragger) {
|
||||
scrollbox = elem;
|
||||
break;
|
||||
} else if (elem.boxObject) {
|
||||
let qi = (elem._cachedSBO) ? elem._cachedSBO
|
||||
: elem.boxObject.QueryInterface(Ci.nsIScrollBoxObject);
|
||||
|
@ -533,9 +536,6 @@ var ScrollUtils = {
|
|||
scrollbox._cachedSBO = qinterface = qi;
|
||||
break;
|
||||
}
|
||||
} else if (elem.customDragger) {
|
||||
scrollbox = elem;
|
||||
break;
|
||||
}
|
||||
} catch (e) { /* we aren't here to deal with your exceptions, we'll just keep
|
||||
traversing until we find something more well-behaved, as we
|
||||
|
@ -1072,8 +1072,7 @@ GestureModule.prototype = {
|
|||
event.initEvent("CancelTouchSequence", true, true);
|
||||
let success = aEvent.target.dispatchEvent(event);
|
||||
|
||||
if (!success || (aEvent.target instanceof XULElement) ||
|
||||
!Browser.selectedTab.allowZoom)
|
||||
if (!success || (aEvent.target instanceof XULElement) || !Browser.selectedTab.allowZoom)
|
||||
return;
|
||||
|
||||
// create the AnimatedZoom object for fast arbitrary zooming
|
||||
|
|
|
@ -8,7 +8,41 @@
|
|||
<bindings
|
||||
xmlns="http://www.mozilla.org/xbl"
|
||||
xmlns:xbl="http://www.mozilla.org/xbl"
|
||||
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
||||
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<binding id="stacked-notificationbox" extends="chrome://global/content/bindings/notification.xml#notificationbox">
|
||||
<content>
|
||||
<xul:stack xbl:inherits="hidden=notificationshidden">
|
||||
<xul:spacer/>
|
||||
<children includes="notification"/>
|
||||
</xul:stack>
|
||||
<xul:stack flex="1">
|
||||
<children/>
|
||||
<html:canvas anonid="content-overlay"/>
|
||||
<html:div flex="1" class="input-overlay" anonid="input-overlay"/>
|
||||
</xul:stack>
|
||||
</content>
|
||||
<implementation>
|
||||
<property name="inputHandler">
|
||||
<getter>
|
||||
return document.getAnonymousElementByAttribute(this, "anonid", "input-overlay");
|
||||
</getter>
|
||||
</property>
|
||||
|
||||
<property name="overlay">
|
||||
<getter>
|
||||
return document.getAnonymousElementByAttribute(this, "anonid", "content-overlay");
|
||||
</getter>
|
||||
</property>
|
||||
|
||||
<property name="customDragger">
|
||||
<getter>
|
||||
return this.parentNode.customDragger;
|
||||
</getter>
|
||||
</property>
|
||||
</implementation>
|
||||
</binding>
|
||||
|
||||
<binding id="notification" extends="chrome://global/content/bindings/notification.xml#notification">
|
||||
<resources>
|
||||
|
|
|
@ -41,22 +41,22 @@ function load_tabs() {
|
|||
function tab_switch_01() {
|
||||
BrowserUI.selectTab(new_tab_01);
|
||||
is(Browser.selectedTab.browser.currentURI.spec, testURL_01, "Tab Switch 01 URL Matches");
|
||||
is(Browser.selectedTab.browser, Elements.browsers.selectedPanel, "Deck has correct browser");
|
||||
is(Browser.selectedTab.notification, Elements.browsers.selectedPanel, "Deck has correct browser");
|
||||
|
||||
//Add new tab
|
||||
new_tab_02 = Browser.addTab(testURL_02,false);
|
||||
new_tab_02.browser.addEventListener("load", tab_switch_02, true);
|
||||
is(Browser.selectedTab.browser, Elements.browsers.selectedPanel, "Deck has correct browser");
|
||||
is(Browser.selectedTab.notification, Elements.browsers.selectedPanel, "Deck has correct browser");
|
||||
}
|
||||
|
||||
function tab_switch_02() {
|
||||
BrowserUI.selectTab(new_tab_02);
|
||||
is(Browser.selectedTab.browser.currentURI.spec, testURL_02, "Tab Switch 02 URL Matches");
|
||||
is(Browser.selectedTab.browser, Elements.browsers.selectedPanel, "Deck has correct browser");
|
||||
is(Browser.selectedTab.notification, Elements.browsers.selectedPanel, "Deck has correct browser");
|
||||
|
||||
BrowserUI.selectTab(new_tab_01);
|
||||
is(Browser.selectedTab.browser.currentURI.spec, testURL_01, "Tab Switch 01 URL Matches");
|
||||
is(Browser.selectedTab.browser, Elements.browsers.selectedPanel, "Deck has correct browser");
|
||||
is(Browser.selectedTab.notification, Elements.browsers.selectedPanel, "Deck has correct browser");
|
||||
|
||||
//Add new tab
|
||||
new_tab_03 = Browser.addTab(testURL_03, true, new_tab_01);
|
||||
|
@ -66,11 +66,11 @@ function tab_switch_02() {
|
|||
function tab_switch_03() {
|
||||
is(Browser.selectedTab.browser.currentURI.spec, testURL_03, "Tab Switch 03 URL Matches");
|
||||
is(new_tab_03.owner, new_tab_01, "Tab 03 owned by tab 01");
|
||||
is(Browser.selectedTab.browser, Elements.browsers.selectedPanel, "Deck has correct browser");
|
||||
is(Browser.selectedTab.notification, Elements.browsers.selectedPanel, "Deck has correct browser");
|
||||
|
||||
Browser.closeTab(new_tab_03);
|
||||
is(Browser.selectedTab, new_tab_01, "Closing tab 03 returns to owner");
|
||||
is(Browser.selectedTab.browser, Elements.browsers.selectedPanel, "Deck has correct browser");
|
||||
is(Browser.selectedTab.notification, Elements.browsers.selectedPanel, "Deck has correct browser");
|
||||
|
||||
new_tab_03 = Browser.addTab(testURL_03, true, new_tab_01);
|
||||
new_tab_03.browser.addEventListener("load", tab_switch_04, true);
|
||||
|
@ -79,12 +79,12 @@ function tab_switch_03() {
|
|||
function tab_switch_04() {
|
||||
is(Browser.selectedTab.browser.currentURI.spec, testURL_03, "Tab Switch 03 URL Matches");
|
||||
is(new_tab_03.owner, new_tab_01, "Tab 03 owned by tab 01");
|
||||
is(Browser.selectedTab.browser, Elements.browsers.selectedPanel, "Deck has correct browser");
|
||||
is(Browser.selectedTab.notification, Elements.browsers.selectedPanel, "Deck has correct browser");
|
||||
|
||||
Browser.closeTab(new_tab_01);
|
||||
is(Browser.selectedTab, new_tab_03, "Closing tab 01 keeps selectedTab");
|
||||
is(new_tab_03.owner, null, "Closing tab 01 nulls tab3 owner");
|
||||
is(Browser.selectedTab.browser, Elements.browsers.selectedPanel, "Deck has correct browser");
|
||||
is(Browser.selectedTab.notification, Elements.browsers.selectedPanel, "Deck has correct browser");
|
||||
|
||||
done();
|
||||
}
|
||||
|
|
Загрузка…
Ссылка в новой задаче