2008-04-18 06:41:49 -07:00
|
|
|
<?xml version="1.0"?>
|
|
|
|
|
<!DOCTYPE bindings PUBLIC "-//MOZILLA//DTD XBL V1.0//EN" "http://www.mozilla.org/xbl">
|
|
|
|
|
|
|
|
|
|
<bindings
|
|
|
|
|
xmlns="http://www.mozilla.org/xbl"
|
|
|
|
|
xmlns:xbl="http://www.mozilla.org/xbl"
|
|
|
|
|
xmlns:html="http://www.w3.org/1999/xhtml"
|
|
|
|
|
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
|
|
|
|
|
|
|
|
|
<binding id="deckpage">
|
|
|
|
|
<content>
|
|
|
|
|
<xul:stack anonid="page" class="deckpage-container" flex="1">
|
|
|
|
|
<html:canvas anonid="canvas" class="deckpage-canvas"/>
|
|
|
|
|
<xul:vbox align="start">
|
|
|
|
|
<xul:image anonid="close" class="deckpage-close"/>
|
|
|
|
|
</xul:vbox>
|
|
|
|
|
</xul:stack>
|
|
|
|
|
</content>
|
|
|
|
|
|
|
|
|
|
</binding>
|
|
|
|
|
|
|
|
|
|
<binding id="deckbrowser">
|
|
|
|
|
<content>
|
2008-05-08 15:59:16 -07:00
|
|
|
<xul:stack flex="1">
|
|
|
|
|
<xul:deck anonid="container" class="deckbrowser-container" flex="1">
|
|
|
|
|
</xul:deck>
|
|
|
|
|
<xul:scrollbox anonid="renderspace" class="deckbrowser-renderspace" style="visibility: hidden" flex="1">
|
|
|
|
|
<html:canvas anonid="canvas"/>
|
|
|
|
|
</xul:scrollbox>
|
|
|
|
|
</xul:stack>
|
2008-04-18 06:41:49 -07:00
|
|
|
<xul:vbox anonid="tabspace" class="deckbrowser-tabspace" collapsed="true" align="center" flex="1">
|
|
|
|
|
<xul:description anonid="title" class="deckbrowser-title" crop="end"/>
|
|
|
|
|
<xul:description anonid="uri" class="deckbrowser-uri" crop="center"/>
|
|
|
|
|
<xul:hbox anonid="tabs" class="deckbrowser-tabs" flex="1" style="overflow-x: auto">
|
|
|
|
|
</xul:hbox>
|
|
|
|
|
</xul:vbox>
|
|
|
|
|
</content>
|
|
|
|
|
|
|
|
|
|
<implementation>
|
|
|
|
|
<constructor>
|
|
|
|
|
</constructor>
|
|
|
|
|
|
|
|
|
|
<field name="_container" readonly="true">
|
|
|
|
|
document.getAnonymousElementByAttribute(this, "anonid", "container");
|
|
|
|
|
</field>
|
|
|
|
|
|
2008-05-07 16:57:23 -07:00
|
|
|
<field name="_tabspace" readonly="true">
|
|
|
|
|
document.getAnonymousElementByAttribute(this, "anonid", "tabspace");
|
|
|
|
|
</field>
|
|
|
|
|
|
|
|
|
|
<field name="_renderspace" readonly="true">
|
|
|
|
|
document.getAnonymousElementByAttribute(this, "anonid", "renderspace");
|
|
|
|
|
</field>
|
|
|
|
|
|
2008-04-18 06:41:49 -07:00
|
|
|
<field name="_browsers">
|
|
|
|
|
null
|
|
|
|
|
</field>
|
|
|
|
|
|
|
|
|
|
<property name="browser" readonly="true">
|
|
|
|
|
<getter>
|
|
|
|
|
return this._container.selectedPanel;
|
|
|
|
|
</getter>
|
|
|
|
|
</property>
|
|
|
|
|
|
|
|
|
|
<property name="browsers" readonly="true">
|
|
|
|
|
<getter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
if (!this._browsers) {
|
|
|
|
|
var browsers = [];
|
|
|
|
|
for (var i = 0; i < this._container.childNodes.length; i++)
|
|
|
|
|
browsers.push(this._container.childNodes[i]);
|
|
|
|
|
this._browsers = browsers;
|
|
|
|
|
}
|
|
|
|
|
return this._browsers;
|
|
|
|
|
]]>
|
|
|
|
|
</getter>
|
|
|
|
|
</property>
|
|
|
|
|
|
|
|
|
|
<method name="addBrowser">
|
|
|
|
|
<parameter name="aURI"/>
|
|
|
|
|
<parameter name="aReferrer"/>
|
|
|
|
|
<parameter name="aPostData"/>
|
|
|
|
|
<parameter name="aFixUp"/>
|
|
|
|
|
<body>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
var b = document.createElement("browser");
|
|
|
|
|
b.setAttribute("class", "deckbrowser-browser");
|
|
|
|
|
b.setAttribute("flex", "1");
|
|
|
|
|
b.setAttribute("type", "content-targetable");
|
|
|
|
|
if (this.hasAttribute("autocompletepopup"))
|
|
|
|
|
b.setAttribute("autocompletepopup", this.getAttribute("autocompletepopup"));
|
|
|
|
|
if (this.hasAttribute("contentcontextmenu"))
|
|
|
|
|
b.setAttribute("contextmenu", this.getAttribute("contentcontextmenu"));
|
|
|
|
|
|
|
|
|
|
this._container.appendChild(b);
|
|
|
|
|
this._container.selectedPanel = b;
|
|
|
|
|
this._browsers = null;
|
|
|
|
|
|
|
|
|
|
if (aURI != "about:blank") {
|
|
|
|
|
b.stop();
|
2008-05-08 15:59:16 -07:00
|
|
|
b.loadURI(aURI, aReferrer, aPostData, aFixup);
|
2008-04-18 06:41:49 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Broadcast creation
|
|
|
|
|
var event = document.createEvent("Event");
|
|
|
|
|
event.initEvent("TabOpen", true, false);
|
|
|
|
|
b.dispatchEvent(event);
|
|
|
|
|
|
|
|
|
|
return b;
|
|
|
|
|
]]>
|
|
|
|
|
</body>
|
|
|
|
|
</method>
|
|
|
|
|
|
|
|
|
|
<method name="removeBrowser">
|
|
|
|
|
<parameter name="aBrowser"/>
|
|
|
|
|
<body>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
this._browsers = null;
|
|
|
|
|
if (!aBrowser)
|
|
|
|
|
aBrowser = this.browser;
|
|
|
|
|
|
|
|
|
|
var count = this._container.childNodes.length;
|
|
|
|
|
if (count == 1) {
|
|
|
|
|
var self = this;
|
|
|
|
|
setTimeout(function() { self.addBrowser("about:blank"); }, 0);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var currentIndex = this._container.selectedIndex;
|
|
|
|
|
var index = -1;
|
|
|
|
|
for (var i = 0; i<count; i++) {
|
|
|
|
|
if (this._container.childNodes[i] == aBrowser)
|
|
|
|
|
index = i;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Broadcast removal
|
|
|
|
|
var event = document.createEvent("Event");
|
|
|
|
|
event.initEvent("TabClose", true, false);
|
|
|
|
|
aBrowser.dispatchEvent(event);
|
|
|
|
|
|
|
|
|
|
this._container.removeChild(aBrowser);
|
|
|
|
|
|
|
|
|
|
// Select the new tab
|
|
|
|
|
var newIndex = -1;
|
|
|
|
|
if (currentIndex > index)
|
|
|
|
|
newIndex = currentIndex - 1;
|
|
|
|
|
else if (currentIndex < index)
|
|
|
|
|
newIndex = currentIndex;
|
|
|
|
|
else {
|
|
|
|
|
newIndex = (index == count - 1) ? index - 1 : index;
|
|
|
|
|
}
|
|
|
|
|
this._container.selectedIndex = newIndex;
|
|
|
|
|
]]>
|
|
|
|
|
</body>
|
|
|
|
|
</method>
|
|
|
|
|
|
|
|
|
|
<method name="show">
|
|
|
|
|
<parameter name="aBrowser"/>
|
|
|
|
|
<body>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
if (aBrowser.constructor.name == "Number")
|
|
|
|
|
aBrowser = this.browsers[aBrowser];
|
|
|
|
|
this._container.selectedPanel = aBrowser;
|
|
|
|
|
|
|
|
|
|
var event = document.createEvent("Event");
|
|
|
|
|
event.initEvent("TabSelect", true, false);
|
|
|
|
|
aBrowser.dispatchEvent(event);
|
|
|
|
|
]]>
|
|
|
|
|
</body>
|
|
|
|
|
</method>
|
|
|
|
|
|
|
|
|
|
<method name="select">
|
|
|
|
|
<body>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
var tabs = document.getAnonymousElementByAttribute(this, "anonid", "tabs");
|
|
|
|
|
while (tabs.childNodes.length > 0)
|
|
|
|
|
tabs.removeChild(tabs.childNodes[0]);
|
|
|
|
|
|
|
|
|
|
var browsers = this.browsers;
|
|
|
|
|
for (var i=0; i<browsers.length; i++) {
|
2008-05-06 07:56:21 -07:00
|
|
|
var domWin = browsers[i].contentWindow;
|
|
|
|
|
var viewW = domWin.innerWidth;
|
|
|
|
|
var viewH = domWin.innerHeight;
|
2008-04-18 06:41:49 -07:00
|
|
|
var canvasW = this.boxObject.width / 1.5;
|
|
|
|
|
var canvasH = (viewH / viewW) * canvasW;
|
|
|
|
|
|
|
|
|
|
var deckpage = document.createElementNS("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul", "deckpage");
|
|
|
|
|
tabs.appendChild(deckpage);
|
|
|
|
|
|
|
|
|
|
var canvas = document.getAnonymousElementByAttribute(deckpage, "anonid", "canvas");
|
|
|
|
|
canvas.setAttribute("width", canvasW);
|
|
|
|
|
canvas.setAttribute("height", canvasH);
|
|
|
|
|
canvas.setAttribute("left", "10");
|
|
|
|
|
canvas.setAttribute("top", "10");
|
|
|
|
|
|
|
|
|
|
let self = this;
|
|
|
|
|
let target = browsers[i];
|
|
|
|
|
|
|
|
|
|
var page = document.getAnonymousElementByAttribute(deckpage, "anonid", "page");
|
|
|
|
|
function _selectTab(aEvent) {
|
|
|
|
|
self.show(target);
|
2008-05-07 16:57:23 -07:00
|
|
|
self._tabspace.collapsed = true;
|
2008-04-18 06:41:49 -07:00
|
|
|
self._container.collapsed = false;
|
|
|
|
|
}
|
|
|
|
|
page.addEventListener("click", _selectTab, false);
|
|
|
|
|
|
|
|
|
|
var close = document.getAnonymousElementByAttribute(deckpage, "anonid", "close");
|
|
|
|
|
function _closeTab(aEvent) {
|
|
|
|
|
self.removeBrowser(target);
|
2008-05-07 16:57:23 -07:00
|
|
|
self._tabspace.collapsed = true;
|
2008-04-18 06:41:49 -07:00
|
|
|
self._container.collapsed = false;
|
|
|
|
|
};
|
|
|
|
|
close.addEventListener("click", _closeTab, false);
|
|
|
|
|
|
|
|
|
|
let title = document.getAnonymousElementByAttribute(this, "anonid", "title");
|
|
|
|
|
let uri = document.getAnonymousElementByAttribute(this, "anonid", "uri");
|
|
|
|
|
function _hoverTab(aEvent) {
|
|
|
|
|
title.value = target.contentDocument.title;
|
|
|
|
|
uri.value = target.currentURI.spec;
|
|
|
|
|
};
|
|
|
|
|
page.addEventListener("mouseover", _hoverTab, false);
|
|
|
|
|
|
|
|
|
|
var ctx = canvas.getContext("2d");
|
|
|
|
|
ctx.clearRect(0, 0, canvasW, canvasH);
|
|
|
|
|
ctx.save();
|
|
|
|
|
ctx.scale(canvasW/viewW, canvasH/viewH);
|
2008-05-06 07:56:21 -07:00
|
|
|
ctx.drawWindow(domWin, 0, 0, viewW, viewH, "rgba(0,0,0,0)");
|
2008-04-18 06:41:49 -07:00
|
|
|
ctx.restore();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this._container.collapsed = true;
|
2008-05-07 16:57:23 -07:00
|
|
|
this._renderspace.collapse = true;
|
|
|
|
|
this._tabspace.collapsed = false;
|
2008-04-18 06:41:49 -07:00
|
|
|
]]>
|
|
|
|
|
</body>
|
|
|
|
|
</method>
|
|
|
|
|
|
2008-05-08 15:59:16 -07:00
|
|
|
<field name="_updateTimer">
|
|
|
|
|
null
|
|
|
|
|
</field>
|
|
|
|
|
|
2008-05-06 07:56:21 -07:00
|
|
|
<method name="_updateCanvas">
|
2008-05-08 15:59:16 -07:00
|
|
|
<parameter name="aOffsetX"/>
|
|
|
|
|
<parameter name="aOffsetY"/>
|
2008-05-06 07:56:21 -07:00
|
|
|
<body>
|
|
|
|
|
<![CDATA[
|
2008-05-08 15:59:16 -07:00
|
|
|
var posX = aOffsetX;
|
|
|
|
|
var posY = aOffsetY;
|
|
|
|
|
|
2008-05-06 07:56:21 -07:00
|
|
|
var canvas = document.getAnonymousElementByAttribute(this, "anonid", "canvas");
|
|
|
|
|
var domWin = this.browser.contentWindow;
|
|
|
|
|
var ctx = canvas.getContext("2d");
|
2008-05-08 15:59:16 -07:00
|
|
|
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
2008-05-06 07:56:21 -07:00
|
|
|
var stime = Date.now();
|
2008-05-08 15:59:16 -07:00
|
|
|
ctx.save();
|
|
|
|
|
ctx.translate(posX, posY);
|
|
|
|
|
ctx.drawWindow(domWin, posX, posY, domWin.innerWidth, domWin.innerHeight, "rgba(0,0,0,0)");
|
|
|
|
|
ctx.restore();
|
2008-05-06 07:56:21 -07:00
|
|
|
var etime = Date.now();
|
|
|
|
|
dump("drawWindow: " + (etime - stime) + " ms\n");
|
|
|
|
|
]]>
|
|
|
|
|
</body>
|
|
|
|
|
</method>
|
|
|
|
|
|
|
|
|
|
<method name="startPan">
|
|
|
|
|
<parameter name="aEvent"/>
|
|
|
|
|
<body>
|
|
|
|
|
<![CDATA[
|
2008-05-08 15:59:16 -07:00
|
|
|
var canvas = document.getAnonymousElementByAttribute(this, "anonid", "canvas");
|
|
|
|
|
var domWin = this.browser.contentWindow;
|
|
|
|
|
var canvasW = domWin.innerWidth + domWin.scrollMaxX;
|
|
|
|
|
var canvasH = domWin.innerHeight + domWin.scrollMaxY;
|
|
|
|
|
canvas.width = canvasW;
|
|
|
|
|
canvas.height = canvasH;
|
|
|
|
|
|
|
|
|
|
this._updateCanvas(domWin.scrollX, domWin.scrollY);
|
|
|
|
|
this._updateTimer = null;
|
|
|
|
|
|
|
|
|
|
// Must uncollapse the scroller before scrolling it into position.
|
|
|
|
|
// It fails to scroll otherwise.
|
|
|
|
|
this._container.style.visibility = "hidden";
|
|
|
|
|
this._renderspace.style.visibility = "visible";
|
2008-05-07 16:57:23 -07:00
|
|
|
|
|
|
|
|
var domWin = this.browser.contentWindow;
|
|
|
|
|
var scroller = this._renderspace.boxObject.QueryInterface(Components.interfaces.nsIScrollBoxObject);
|
2008-05-08 15:59:16 -07:00
|
|
|
scroller.scrollTo(domWin.scrollX, domWin.scrollY);
|
2008-05-06 07:56:21 -07:00
|
|
|
]]>
|
|
|
|
|
</body>
|
|
|
|
|
</method>
|
|
|
|
|
|
|
|
|
|
<method name="doPan">
|
|
|
|
|
<parameter name="aEvent"/>
|
|
|
|
|
<parameter name="aDeltaX"/>
|
|
|
|
|
<parameter name="aDeltaY"/>
|
|
|
|
|
<body>
|
|
|
|
|
<![CDATA[
|
2008-05-07 16:57:23 -07:00
|
|
|
var scroller = this._renderspace.boxObject.QueryInterface(Components.interfaces.nsIScrollBoxObject);
|
2008-05-06 07:56:21 -07:00
|
|
|
scroller.scrollBy(aDeltaX, aDeltaY);
|
2008-05-08 15:59:16 -07:00
|
|
|
var sx = {}; var sy = {};
|
|
|
|
|
scroller.getPosition(sx, sy);
|
|
|
|
|
|
|
|
|
|
if (this._updateTimer) {
|
|
|
|
|
clearTimeout(this._updateTimer);
|
|
|
|
|
this._updateTimer = null;
|
|
|
|
|
}
|
|
|
|
|
var self = this;
|
|
|
|
|
this._updateTimer = setTimeout(function() { self._updateCanvas(sx.value, sy.value); }, 250);
|
2008-05-06 07:56:21 -07:00
|
|
|
]]>
|
|
|
|
|
</body>
|
|
|
|
|
</method>
|
|
|
|
|
|
|
|
|
|
<method name="endPan">
|
|
|
|
|
<parameter name="aEvent"/>
|
|
|
|
|
<body>
|
|
|
|
|
<![CDATA[
|
2008-05-08 15:59:16 -07:00
|
|
|
if (this._updateTimer) {
|
|
|
|
|
clearTimeout(this._updateTimer);
|
|
|
|
|
this._updateTimer = null;
|
|
|
|
|
}
|
|
|
|
|
|
2008-05-07 16:57:23 -07:00
|
|
|
var scroller = this._renderspace.boxObject.QueryInterface(Components.interfaces.nsIScrollBoxObject);
|
2008-05-06 07:56:21 -07:00
|
|
|
var sx = {}; var sy = {};
|
|
|
|
|
scroller.getPosition(sx, sy);
|
2008-05-08 15:59:16 -07:00
|
|
|
|
2008-05-06 07:56:21 -07:00
|
|
|
var domWin = this.browser.contentWindow;
|
2008-05-08 15:59:16 -07:00
|
|
|
domWin.scrollTo(sx.value, sy.value);
|
|
|
|
|
|
|
|
|
|
scroller.scrollTo(0, 0);
|
2008-05-06 07:56:21 -07:00
|
|
|
|
2008-05-08 15:59:16 -07:00
|
|
|
this._renderspace.style.visibility = "hidden";
|
|
|
|
|
this._container.style.visibility = "visible";
|
2008-05-06 07:56:21 -07:00
|
|
|
]]>
|
|
|
|
|
</body>
|
|
|
|
|
</method>
|
|
|
|
|
|
2008-04-18 06:41:49 -07:00
|
|
|
</implementation>
|
|
|
|
|
|
|
|
|
|
<handlers>
|
|
|
|
|
</handlers>
|
|
|
|
|
</binding>
|
|
|
|
|
|
|
|
|
|
</bindings>
|
