2007-03-22 10:30:00 -07:00
|
|
|
<?xml version="1.0"?>
|
|
|
|
|
|
|
|
|
|
<bindings id="tabBindings"
|
|
|
|
|
xmlns="http://www.mozilla.org/xbl"
|
|
|
|
|
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
|
|
|
|
xmlns:xbl="http://www.mozilla.org/xbl">
|
|
|
|
|
|
|
|
|
|
<binding id="tab-base">
|
|
|
|
|
<resources>
|
|
|
|
|
<stylesheet src="chrome://global/skin/tabbox.css"/>
|
|
|
|
|
</resources>
|
|
|
|
|
</binding>
|
|
|
|
|
|
|
|
|
|
<binding id="tabbox"
|
|
|
|
|
extends="chrome://global/content/bindings/tabbox.xml#tab-base">
|
2010-05-14 02:55:00 -07:00
|
|
|
<implementation implements="nsIDOMEventListener">
|
2007-03-22 10:30:00 -07:00
|
|
|
<property name="handleCtrlTab">
|
|
|
|
|
<setter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
this.setAttribute("handleCtrlTab", val);
|
|
|
|
|
return val;
|
|
|
|
|
]]>
|
|
|
|
|
</setter>
|
|
|
|
|
<getter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
return (this.getAttribute("handleCtrlTab") != "false");
|
|
|
|
|
]]>
|
|
|
|
|
</getter>
|
|
|
|
|
</property>
|
|
|
|
|
|
|
|
|
|
<property name="handleCtrlPageUpDown">
|
|
|
|
|
<setter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
this.setAttribute("handleCtrlPageUpDown", val);
|
|
|
|
|
return val;
|
|
|
|
|
]]>
|
|
|
|
|
</setter>
|
|
|
|
|
<getter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
return (this.getAttribute("handleCtrlPageUpDown") != "false");
|
|
|
|
|
]]>
|
|
|
|
|
</getter>
|
|
|
|
|
</property>
|
|
|
|
|
|
|
|
|
|
<field name="_handleMetaAltArrows" readonly="true">
|
|
|
|
|
#ifdef XP_MACOSX
|
|
|
|
|
true
|
|
|
|
|
#else
|
|
|
|
|
false
|
|
|
|
|
#endif
|
|
|
|
|
</field>
|
|
|
|
|
|
2010-03-11 12:38:34 -08:00
|
|
|
<!-- _tabs and _tabpanels are deprecated, they exist only for
|
|
|
|
|
backwards compatibility. -->
|
2007-03-22 10:30:00 -07:00
|
|
|
<property name="_tabs" readonly="true" onget="return this.tabs;"/>
|
|
|
|
|
<property name="_tabpanels" readonly="true" onget="return this.tabpanels;"/>
|
|
|
|
|
|
|
|
|
|
<property name="tabs" readonly="true">
|
|
|
|
|
<getter>
|
|
|
|
|
<![CDATA[
|
2007-11-15 13:59:34 -08:00
|
|
|
return this.getElementsByTagNameNS(
|
2007-03-22 10:30:00 -07:00
|
|
|
"http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul",
|
2007-11-15 13:59:34 -08:00
|
|
|
"tabs").item(0);
|
2007-03-22 10:30:00 -07:00
|
|
|
]]>
|
|
|
|
|
</getter>
|
|
|
|
|
</property>
|
|
|
|
|
|
|
|
|
|
<property name="tabpanels" readonly="true">
|
|
|
|
|
<getter>
|
|
|
|
|
<![CDATA[
|
2007-11-15 13:59:34 -08:00
|
|
|
return this.getElementsByTagNameNS(
|
2007-03-22 10:30:00 -07:00
|
|
|
"http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul",
|
2007-11-15 13:59:34 -08:00
|
|
|
"tabpanels").item(0);
|
2007-03-22 10:30:00 -07:00
|
|
|
]]>
|
|
|
|
|
</getter>
|
|
|
|
|
</property>
|
|
|
|
|
|
2007-11-15 13:59:34 -08:00
|
|
|
<property name="selectedIndex">
|
|
|
|
|
<getter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
var tabs = this.tabs;
|
|
|
|
|
return tabs ? tabs.selectedIndex : -1;
|
|
|
|
|
]]>
|
|
|
|
|
</getter>
|
|
|
|
|
|
2007-03-22 10:30:00 -07:00
|
|
|
<setter>
|
|
|
|
|
<![CDATA[
|
2007-11-15 13:59:34 -08:00
|
|
|
var tabs = this.tabs;
|
|
|
|
|
if (tabs)
|
|
|
|
|
tabs.selectedIndex = val;
|
2007-03-22 10:30:00 -07:00
|
|
|
this.setAttribute("selectedIndex", val);
|
|
|
|
|
return val;
|
|
|
|
|
]]>
|
|
|
|
|
</setter>
|
|
|
|
|
</property>
|
|
|
|
|
|
2007-11-15 13:59:34 -08:00
|
|
|
<property name="selectedTab">
|
|
|
|
|
<getter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
var tabs = this.tabs;
|
|
|
|
|
return tabs && tabs.selectedItem;
|
|
|
|
|
]]>
|
|
|
|
|
</getter>
|
|
|
|
|
|
2007-03-22 10:30:00 -07:00
|
|
|
<setter>
|
|
|
|
|
<![CDATA[
|
2007-11-15 13:59:34 -08:00
|
|
|
if (val) {
|
|
|
|
|
var tabs = this.tabs;
|
|
|
|
|
if (tabs)
|
|
|
|
|
tabs.selectedItem = val;
|
|
|
|
|
}
|
2007-03-22 10:30:00 -07:00
|
|
|
return val;
|
|
|
|
|
]]>
|
|
|
|
|
</setter>
|
|
|
|
|
</property>
|
|
|
|
|
|
2007-11-15 13:59:34 -08:00
|
|
|
<property name="selectedPanel">
|
|
|
|
|
<getter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
var tabpanels = this.tabpanels;
|
|
|
|
|
return tabpanels && tabpanels.selectedPanel;
|
|
|
|
|
]]>
|
|
|
|
|
</getter>
|
|
|
|
|
|
2007-03-22 10:30:00 -07:00
|
|
|
<setter>
|
|
|
|
|
<![CDATA[
|
2007-11-15 13:59:34 -08:00
|
|
|
if (val) {
|
|
|
|
|
var tabpanels = this.tabpanels;
|
|
|
|
|
if (tabpanels)
|
|
|
|
|
tabpanels.selectedPanel = val;
|
|
|
|
|
}
|
2007-03-22 10:30:00 -07:00
|
|
|
return val;
|
|
|
|
|
]]>
|
|
|
|
|
</setter>
|
|
|
|
|
</property>
|
|
|
|
|
|
2007-11-15 13:45:23 -08:00
|
|
|
<method name="handleEvent">
|
|
|
|
|
<parameter name="event"/>
|
|
|
|
|
<body>
|
|
|
|
|
<![CDATA[
|
2007-03-22 10:30:00 -07:00
|
|
|
if (!event.isTrusted) {
|
|
|
|
|
// Don't let untrusted events mess with tabs.
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
switch (event.keyCode) {
|
|
|
|
|
case event.DOM_VK_TAB:
|
|
|
|
|
if (event.ctrlKey && !event.altKey && !event.metaKey)
|
2007-11-15 13:45:23 -08:00
|
|
|
if (this.tabs && this.handleCtrlTab) {
|
|
|
|
|
this.tabs.advanceSelectedTab(event.shiftKey ? -1 : 1, true);
|
2007-03-22 10:30:00 -07:00
|
|
|
event.stopPropagation();
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
case event.DOM_VK_PAGE_UP:
|
|
|
|
|
if (event.ctrlKey && !event.shiftKey && !event.altKey && !event.metaKey)
|
2007-11-15 13:45:23 -08:00
|
|
|
if (this.tabs && this.handleCtrlPageUpDown) {
|
|
|
|
|
this.tabs.advanceSelectedTab(-1, true);
|
2007-03-22 10:30:00 -07:00
|
|
|
event.stopPropagation();
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
case event.DOM_VK_PAGE_DOWN:
|
|
|
|
|
if (event.ctrlKey && !event.shiftKey && !event.altKey && !event.metaKey)
|
2007-11-15 13:45:23 -08:00
|
|
|
if (this.tabs && this.handleCtrlPageUpDown) {
|
|
|
|
|
this.tabs.advanceSelectedTab(1, true);
|
2007-03-22 10:30:00 -07:00
|
|
|
event.stopPropagation();
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
case event.DOM_VK_LEFT:
|
|
|
|
|
if (event.metaKey && event.altKey && !event.shiftKey && !event.ctrlKey)
|
2007-11-20 10:36:47 -08:00
|
|
|
if (this.tabs && this._handleMetaAltArrows) {
|
|
|
|
|
var offset = window.getComputedStyle(this, "")
|
2007-03-22 10:30:00 -07:00
|
|
|
.direction == "ltr" ? -1 : 1;
|
2007-11-20 10:36:47 -08:00
|
|
|
this.tabs.advanceSelectedTab(offset, true);
|
2007-03-22 10:30:00 -07:00
|
|
|
event.stopPropagation();
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
case event.DOM_VK_RIGHT:
|
|
|
|
|
if (event.metaKey && event.altKey && !event.shiftKey && !event.ctrlKey)
|
2007-11-20 10:36:47 -08:00
|
|
|
if (this.tabs && this._handleMetaAltArrows) {
|
|
|
|
|
var offset = window.getComputedStyle(this, "")
|
2007-03-22 10:30:00 -07:00
|
|
|
.direction == "ltr" ? 1 : -1;
|
2007-11-20 10:36:47 -08:00
|
|
|
this.tabs.advanceSelectedTab(offset, true);
|
2007-03-22 10:30:00 -07:00
|
|
|
event.stopPropagation();
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
}
|
2007-11-15 13:45:23 -08:00
|
|
|
]]>
|
|
|
|
|
</body>
|
|
|
|
|
</method>
|
2007-03-22 10:30:00 -07:00
|
|
|
|
|
|
|
|
<field name="_eventNode">this</field>
|
|
|
|
|
|
|
|
|
|
<property name="eventNode" onget="return this._eventNode;">
|
|
|
|
|
<setter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
if (val != this._eventNode) {
|
2007-11-15 13:45:23 -08:00
|
|
|
val.addEventListener("keypress", this, false);
|
|
|
|
|
this._eventNode.removeEventListener("keypress", this, false);
|
2007-03-22 10:30:00 -07:00
|
|
|
this._eventNode = val;
|
|
|
|
|
}
|
|
|
|
|
return val;
|
|
|
|
|
]]>
|
|
|
|
|
</setter>
|
|
|
|
|
</property>
|
|
|
|
|
|
|
|
|
|
<constructor>
|
|
|
|
|
switch (this.getAttribute("eventnode")) {
|
|
|
|
|
case "parent": this._eventNode = this.parentNode; break;
|
|
|
|
|
case "window": this._eventNode = window; break;
|
|
|
|
|
case "document": this._eventNode = document; break;
|
|
|
|
|
}
|
2007-11-15 13:45:23 -08:00
|
|
|
this._eventNode.addEventListener("keypress", this, false);
|
2007-03-22 10:30:00 -07:00
|
|
|
</constructor>
|
|
|
|
|
|
|
|
|
|
<destructor>
|
2007-11-15 13:45:23 -08:00
|
|
|
this._eventNode.removeEventListener("keypress", this, false);
|
2007-03-22 10:30:00 -07:00
|
|
|
</destructor>
|
|
|
|
|
</implementation>
|
|
|
|
|
</binding>
|
|
|
|
|
|
|
|
|
|
<binding id="tabs"
|
|
|
|
|
extends="chrome://global/content/bindings/general.xml#basecontrol">
|
|
|
|
|
<resources>
|
|
|
|
|
<stylesheet src="chrome://global/skin/tabbox.css"/>
|
|
|
|
|
</resources>
|
|
|
|
|
|
|
|
|
|
<content>
|
|
|
|
|
<xul:spacer class="tabs-left"/>
|
|
|
|
|
<children/>
|
|
|
|
|
<xul:spacer class="tabs-right" flex="1"/>
|
|
|
|
|
</content>
|
|
|
|
|
|
2010-05-14 02:55:00 -07:00
|
|
|
<implementation implements="nsIDOMXULSelectControlElement, nsIDOMXULRelatedElement, nsIAccessibleProvider">
|
2007-03-22 10:30:00 -07:00
|
|
|
<constructor>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
// first and last tabs need to be able to have unique styles
|
|
|
|
|
// and also need to select first tab on startup.
|
|
|
|
|
if (this.firstChild)
|
|
|
|
|
this.firstChild.setAttribute("first-tab", "true");
|
|
|
|
|
if (this.lastChild)
|
|
|
|
|
this.lastChild.setAttribute("last-tab", "true");
|
|
|
|
|
|
2008-10-27 15:42:20 -07:00
|
|
|
if (!this.hasAttribute("orient"))
|
2007-03-22 10:30:00 -07:00
|
|
|
this.setAttribute("orient", "horizontal");
|
|
|
|
|
|
2010-03-11 12:38:34 -08:00
|
|
|
if (this.tabbox && this.tabbox.hasAttribute("selectedIndex")) {
|
|
|
|
|
let selectedIndex = parseInt(this.tabbox.getAttribute("selectedIndex"));
|
2008-10-27 15:42:20 -07:00
|
|
|
this.selectedIndex = selectedIndex > 0 ? selectedIndex : 0;
|
|
|
|
|
return;
|
2007-03-22 10:30:00 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var children = this.childNodes;
|
|
|
|
|
var length = children.length;
|
|
|
|
|
for (var i = 0; i < length; i++) {
|
|
|
|
|
if (children[i].getAttribute("selected") == "true") {
|
|
|
|
|
this.selectedIndex = i;
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var value = this.value;
|
|
|
|
|
if (value)
|
|
|
|
|
this.value = value;
|
|
|
|
|
else
|
|
|
|
|
this.selectedIndex = 0;
|
|
|
|
|
]]>
|
|
|
|
|
</constructor>
|
2010-05-14 02:55:00 -07:00
|
|
|
|
|
|
|
|
<!-- nsIAccessibleProvider -->
|
2007-03-22 10:30:00 -07:00
|
|
|
<property name="accessibleType" readonly="true">
|
|
|
|
|
<getter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
return Components.interfaces.nsIAccessibleProvider.XULTabs;
|
|
|
|
|
]]>
|
|
|
|
|
</getter>
|
|
|
|
|
</property>
|
|
|
|
|
|
2010-05-14 02:55:00 -07:00
|
|
|
<!-- nsIDOMXULRelatedElement -->
|
|
|
|
|
<method name="getRelatedElement">
|
|
|
|
|
<parameter name="aTabElm"/>
|
|
|
|
|
<body>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
if (!aTabElm)
|
|
|
|
|
return null;
|
|
|
|
|
|
|
|
|
|
let tabboxElm = this.tabbox;
|
|
|
|
|
if (!tabboxElm)
|
|
|
|
|
return null;
|
|
|
|
|
|
|
|
|
|
let tabpanelsElm = tabboxElm.tabpanels;
|
|
|
|
|
if (!tabpanelsElm)
|
|
|
|
|
return null;
|
|
|
|
|
|
|
|
|
|
// Get linked tab panel by 'linkedpanel' attribute on the given tab
|
|
|
|
|
// element.
|
|
|
|
|
let linkedPanelElm = null;
|
|
|
|
|
|
|
|
|
|
let linkedPanelId = aTabElm.linkedPanel;
|
|
|
|
|
if (linkedPanelId) {
|
|
|
|
|
let ownerDoc = this.ownerDocument;
|
|
|
|
|
|
|
|
|
|
// XXX bug 565858: if XUL tab element is anonymous element then
|
|
|
|
|
// suppose linked tab panel is hosted within the same XBL binding
|
|
|
|
|
// and search it by ID attribute inside an anonymous content of
|
|
|
|
|
// the binding. This is not robust assumption since tab elements may
|
|
|
|
|
// live outside a tabbox element so that for example tab elements
|
|
|
|
|
// can be explicit content but tab panels can be anonymous.
|
|
|
|
|
|
|
|
|
|
let bindingParent = ownerDoc.getBindingParent(aTabElm);
|
|
|
|
|
if (bindingParent)
|
|
|
|
|
return ownerDoc.getAnonymousElementByAttribute(bindingParent,
|
|
|
|
|
"id",
|
|
|
|
|
linkedPanelId);
|
|
|
|
|
|
|
|
|
|
return ownerDoc.getElementById(linkedPanelId);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// otherwise linked tabpanel element has the same index as the given
|
|
|
|
|
// tab element.
|
|
|
|
|
let tabElmIdx = this.getIndexOfItem(aTabElm);
|
|
|
|
|
return tabpanelsElm.childNodes[tabElmIdx];
|
|
|
|
|
]]>
|
|
|
|
|
</body>
|
|
|
|
|
</method>
|
|
|
|
|
|
|
|
|
|
<!-- nsIDOMXULSelectControlElement -->
|
2007-03-22 10:30:00 -07:00
|
|
|
<property name="itemCount" readonly="true"
|
|
|
|
|
onget="return this.childNodes.length"/>
|
|
|
|
|
|
|
|
|
|
<property name="value" onget="return this.getAttribute('value');">
|
|
|
|
|
<setter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
this.setAttribute("value", val);
|
|
|
|
|
var children = this.childNodes;
|
|
|
|
|
for (var c = children.length - 1; c >= 0; c--) {
|
|
|
|
|
if (children[c].value == val) {
|
|
|
|
|
this.selectedIndex = c;
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return val;
|
|
|
|
|
]]>
|
|
|
|
|
</setter>
|
|
|
|
|
</property>
|
|
|
|
|
|
2010-03-11 12:38:34 -08:00
|
|
|
<field name="tabbox" readonly="true"><![CDATA[
|
2008-10-27 15:42:20 -07:00
|
|
|
var parent = this.parentNode;
|
|
|
|
|
while (parent) {
|
|
|
|
|
if (parent.localName == "tabbox")
|
|
|
|
|
break;
|
|
|
|
|
parent = parent.parentNode;
|
|
|
|
|
}
|
|
|
|
|
parent;
|
|
|
|
|
]]></field>
|
|
|
|
|
|
2010-03-11 12:38:34 -08:00
|
|
|
<!-- _tabbox is deprecated, it exists only for backwards compatibility. -->
|
|
|
|
|
<field name="_tabbox" readonly="true"><![CDATA[
|
|
|
|
|
this.tabbox;
|
|
|
|
|
]]></field>
|
|
|
|
|
|
2007-03-22 10:30:00 -07:00
|
|
|
<property name="selectedIndex">
|
|
|
|
|
<getter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
const tabs = this.childNodes;
|
|
|
|
|
for (var i = 0; i < tabs.length; i++) {
|
|
|
|
|
if (tabs[i].selected)
|
|
|
|
|
return i;
|
|
|
|
|
}
|
|
|
|
|
return -1;
|
|
|
|
|
]]>
|
|
|
|
|
</getter>
|
|
|
|
|
|
|
|
|
|
<setter>
|
|
|
|
|
<![CDATA[
|
2007-11-15 13:59:34 -08:00
|
|
|
var tab = this.getItemAtIndex(val);
|
|
|
|
|
if (tab) {
|
|
|
|
|
var alreadySelected = tab.selected;
|
|
|
|
|
|
|
|
|
|
Array.forEach(this.childNodes, function (aTab) {
|
|
|
|
|
if (aTab.selected && aTab != tab)
|
|
|
|
|
aTab._selected = false;
|
|
|
|
|
});
|
|
|
|
|
tab._selected = true;
|
2007-03-22 10:30:00 -07:00
|
|
|
|
2007-11-15 13:59:34 -08:00
|
|
|
this.setAttribute("value", tab.value);
|
2007-03-22 10:30:00 -07:00
|
|
|
|
2010-05-14 02:55:00 -07:00
|
|
|
let linkedPanel = this.getRelatedElement(tab);
|
|
|
|
|
if (linkedPanel) {
|
2010-03-11 12:38:34 -08:00
|
|
|
this.tabbox.setAttribute("selectedIndex", val);
|
2010-05-14 02:55:00 -07:00
|
|
|
|
|
|
|
|
// This will cause an onselect event to fire for the tabpanel
|
|
|
|
|
// element.
|
|
|
|
|
this.tabbox.tabpanels.selectedPanel = linkedPanel;
|
2007-03-22 10:30:00 -07:00
|
|
|
}
|
|
|
|
|
|
2007-11-14 19:43:41 -08:00
|
|
|
if (!alreadySelected) {
|
|
|
|
|
// Fire an onselect event for the tabs element.
|
|
|
|
|
var event = document.createEvent('Events');
|
|
|
|
|
event.initEvent('select', true, true);
|
|
|
|
|
this.dispatchEvent(event);
|
|
|
|
|
}
|
2007-03-22 10:30:00 -07:00
|
|
|
}
|
|
|
|
|
return val;
|
|
|
|
|
]]>
|
|
|
|
|
</setter>
|
|
|
|
|
</property>
|
|
|
|
|
|
|
|
|
|
<property name="selectedItem">
|
|
|
|
|
<getter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
const tabs = this.childNodes;
|
|
|
|
|
for (var i = 0; i < tabs.length; i++) {
|
|
|
|
|
if (tabs[i].selected)
|
|
|
|
|
return tabs[i];
|
|
|
|
|
}
|
|
|
|
|
return null;
|
|
|
|
|
]]>
|
|
|
|
|
</getter>
|
|
|
|
|
|
|
|
|
|
<setter>
|
|
|
|
|
<![CDATA[
|
2007-11-15 13:59:34 -08:00
|
|
|
if (val && !val.selected)
|
|
|
|
|
// The selectedIndex setter ignores invalid values
|
|
|
|
|
// such as -1 if |val| isn't one of our child nodes.
|
|
|
|
|
this.selectedIndex = this.getIndexOfItem(val);
|
2007-03-22 10:30:00 -07:00
|
|
|
return val;
|
|
|
|
|
]]>
|
|
|
|
|
</setter>
|
|
|
|
|
</property>
|
|
|
|
|
|
|
|
|
|
<method name="getIndexOfItem">
|
|
|
|
|
<parameter name="item"/>
|
|
|
|
|
<body>
|
|
|
|
|
<![CDATA[
|
2007-11-15 13:59:34 -08:00
|
|
|
return Array.indexOf(this.childNodes, item);
|
2007-03-22 10:30:00 -07:00
|
|
|
]]>
|
|
|
|
|
</body>
|
|
|
|
|
</method>
|
|
|
|
|
|
|
|
|
|
<method name="getItemAtIndex">
|
|
|
|
|
<parameter name="index"/>
|
|
|
|
|
<body>
|
|
|
|
|
<![CDATA[
|
2007-11-15 13:59:34 -08:00
|
|
|
return this.childNodes.item(index);
|
2007-03-22 10:30:00 -07:00
|
|
|
]]>
|
|
|
|
|
</body>
|
|
|
|
|
</method>
|
|
|
|
|
|
|
|
|
|
<method name="_selectNewTab">
|
|
|
|
|
<parameter name="aNewTab"/>
|
|
|
|
|
<parameter name="aFallbackDir"/>
|
|
|
|
|
<parameter name="aWrap"/>
|
|
|
|
|
<body>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
var requestedTab = aNewTab;
|
2010-08-25 06:16:33 -07:00
|
|
|
while (aNewTab.hidden || aNewTab.disabled || !this._canAdvanceToTab(aNewTab)) {
|
2007-03-22 10:30:00 -07:00
|
|
|
aNewTab = aFallbackDir == -1 ? aNewTab.previousSibling : aNewTab.nextSibling;
|
|
|
|
|
if (!aNewTab && aWrap)
|
|
|
|
|
aNewTab = aFallbackDir == -1 ? this.childNodes[this.childNodes.length - 1] :
|
|
|
|
|
this.childNodes[0];
|
2010-08-25 06:16:33 -07:00
|
|
|
if (!aNewTab || aNewTab == requestedTab)
|
2007-03-22 10:30:00 -07:00
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var isTabFocused = false;
|
|
|
|
|
try {
|
|
|
|
|
isTabFocused =
|
|
|
|
|
(document.commandDispatcher.focusedElement == this.selectedItem);
|
|
|
|
|
} catch (e) {}
|
|
|
|
|
this.selectedItem = aNewTab;
|
|
|
|
|
if (isTabFocused) {
|
|
|
|
|
aNewTab.focus();
|
|
|
|
|
}
|
|
|
|
|
else if (this.getAttribute("setfocus") != "false") {
|
|
|
|
|
document.commandDispatcher.advanceFocusIntoSubtree(aNewTab);
|
|
|
|
|
|
|
|
|
|
// Make sure that the focus doesn't move outside the tabbox
|
2010-03-11 12:38:34 -08:00
|
|
|
if (this.tabbox) {
|
2008-10-27 15:42:20 -07:00
|
|
|
try {
|
|
|
|
|
let el = document.commandDispatcher.focusedElement;
|
2010-03-11 12:38:34 -08:00
|
|
|
while (el && el != this.tabbox)
|
2008-10-27 15:42:20 -07:00
|
|
|
el = el.parentNode;
|
2010-03-11 12:38:34 -08:00
|
|
|
if (el != this.tabbox)
|
2008-10-27 15:42:20 -07:00
|
|
|
aNewTab.focus();
|
|
|
|
|
} catch(e) {
|
2008-10-27 10:52:29 -07:00
|
|
|
}
|
2007-03-22 10:30:00 -07:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
]]>
|
|
|
|
|
</body>
|
|
|
|
|
</method>
|
|
|
|
|
|
2010-08-25 06:16:33 -07:00
|
|
|
<method name="_canAdvanceToTab">
|
|
|
|
|
<parameter name="aTab"/>
|
|
|
|
|
<body>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
return true;
|
|
|
|
|
]]>
|
|
|
|
|
</body>
|
|
|
|
|
</method>
|
|
|
|
|
|
2007-03-22 10:30:00 -07:00
|
|
|
<method name="advanceSelectedTab">
|
|
|
|
|
<parameter name="aDir"/>
|
|
|
|
|
<parameter name="aWrap"/>
|
|
|
|
|
<body>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
var startTab = this.selectedItem;
|
|
|
|
|
var next = startTab[aDir == -1 ? "previousSibling" : "nextSibling"];
|
|
|
|
|
if (!next && aWrap) {
|
|
|
|
|
next = aDir == -1 ? this.childNodes[this.childNodes.length - 1] :
|
|
|
|
|
this.childNodes[0];
|
|
|
|
|
}
|
|
|
|
|
if (next && next != startTab) {
|
|
|
|
|
this._selectNewTab(next, aDir, aWrap);
|
|
|
|
|
}
|
|
|
|
|
]]>
|
|
|
|
|
</body>
|
|
|
|
|
</method>
|
|
|
|
|
|
|
|
|
|
<method name="appendItem">
|
|
|
|
|
<parameter name="label"/>
|
|
|
|
|
<parameter name="value"/>
|
|
|
|
|
<body>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
var XULNS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
|
|
|
|
var tab = document.createElementNS(XULNS, "tab");
|
|
|
|
|
tab.setAttribute("label", label);
|
|
|
|
|
tab.setAttribute("value", value);
|
|
|
|
|
this.appendChild(tab);
|
|
|
|
|
return tab;
|
|
|
|
|
]]>
|
|
|
|
|
</body>
|
|
|
|
|
</method>
|
|
|
|
|
|
|
|
|
|
<method name="insertItemAt">
|
|
|
|
|
<parameter name="index"/>
|
|
|
|
|
<parameter name="label"/>
|
|
|
|
|
<parameter name="value"/>
|
|
|
|
|
<body>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
var XULNS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
|
|
|
|
var tab = document.createElementNS(XULNS, "tab");
|
|
|
|
|
tab.setAttribute("label", label);
|
|
|
|
|
tab.setAttribute("value", value);
|
|
|
|
|
var before = this.getItemAtIndex(index);
|
|
|
|
|
if (before)
|
|
|
|
|
this.insertBefore(tab, before);
|
|
|
|
|
else
|
|
|
|
|
this.appendChild(tab);
|
|
|
|
|
return tab;
|
|
|
|
|
]]>
|
|
|
|
|
</body>
|
|
|
|
|
</method>
|
|
|
|
|
|
|
|
|
|
<method name="removeItemAt">
|
|
|
|
|
<parameter name="index"/>
|
|
|
|
|
<body>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
var remove = this.getItemAtIndex(index);
|
|
|
|
|
if (remove)
|
|
|
|
|
this.removeChild(remove);
|
|
|
|
|
return remove;
|
|
|
|
|
]]>
|
|
|
|
|
</body>
|
|
|
|
|
</method>
|
|
|
|
|
</implementation>
|
2010-01-04 23:29:51 -08:00
|
|
|
|
|
|
|
|
#ifdef MOZ_WIDGET_GTK2
|
|
|
|
|
<handlers>
|
|
|
|
|
<handler event="DOMMouseScroll">
|
|
|
|
|
<![CDATA[
|
|
|
|
|
if (event.detail > 0)
|
|
|
|
|
this.advanceSelectedTab(1, false);
|
|
|
|
|
else
|
|
|
|
|
this.advanceSelectedTab(-1, false);
|
|
|
|
|
|
|
|
|
|
event.stopPropagation();
|
|
|
|
|
]]>
|
|
|
|
|
</handler>
|
|
|
|
|
</handlers>
|
|
|
|
|
#endif
|
2007-03-22 10:30:00 -07:00
|
|
|
</binding>
|
|
|
|
|
|
|
|
|
|
<binding id="tabpanels"
|
|
|
|
|
extends="chrome://global/content/bindings/tabbox.xml#tab-base">
|
2010-05-14 02:55:00 -07:00
|
|
|
<implementation implements="nsIAccessibleProvider, nsIDOMXULRelatedElement">
|
|
|
|
|
|
|
|
|
|
<!-- nsIAccessibleProvider -->
|
|
|
|
|
<property name="accessibleType" readonly="true">
|
|
|
|
|
<getter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
return Components.interfaces.nsIAccessibleProvider.XULTabpanels;
|
|
|
|
|
]]>
|
|
|
|
|
</getter>
|
|
|
|
|
</property>
|
|
|
|
|
|
|
|
|
|
<!-- nsIDOMXULRelatedElement -->
|
|
|
|
|
<method name="getRelatedElement">
|
|
|
|
|
<parameter name="aTabPanelElm"/>
|
|
|
|
|
<body>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
if (!aTabPanelElm)
|
|
|
|
|
return null;
|
|
|
|
|
|
|
|
|
|
let tabboxElm = this.tabbox;
|
|
|
|
|
if (!tabboxElm)
|
|
|
|
|
return null;
|
|
|
|
|
|
|
|
|
|
let tabsElm = tabboxElm.tabs;
|
|
|
|
|
if (!tabsElm)
|
|
|
|
|
return null;
|
|
|
|
|
|
|
|
|
|
// Return tab element having 'linkedpanel' attribute equal to the id
|
|
|
|
|
// of the tab panel or the same index as the tab panel element.
|
|
|
|
|
let tabpanelIdx = Array.indexOf(this.childNodes, aTabPanelElm);
|
|
|
|
|
if (tabpanelIdx == -1)
|
|
|
|
|
return null;
|
|
|
|
|
|
|
|
|
|
let tabElms = tabsElm.childNodes;
|
|
|
|
|
let tabElmFromIndex = tabElms[tabpanelIdx];
|
|
|
|
|
|
|
|
|
|
let tabpanelId = aTabPanelElm.id;
|
|
|
|
|
if (tabpanelId) {
|
|
|
|
|
for (let idx = 0; idx < tabElms.length; idx++) {
|
|
|
|
|
var tabElm = tabElms[idx];
|
|
|
|
|
if (tabElm.linkedPanel == tabpanelId)
|
|
|
|
|
return tabElm;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return tabElmFromIndex;
|
|
|
|
|
]]>
|
|
|
|
|
</body>
|
|
|
|
|
</method>
|
|
|
|
|
|
|
|
|
|
<!-- public -->
|
|
|
|
|
<field name="tabbox" readonly="true"><![CDATA[
|
|
|
|
|
var parent = this.parentNode;
|
|
|
|
|
while (parent) {
|
|
|
|
|
if (parent.localName == "tabbox")
|
|
|
|
|
break;
|
|
|
|
|
parent = parent.parentNode;
|
|
|
|
|
}
|
|
|
|
|
parent;
|
|
|
|
|
]]></field>
|
2007-03-22 10:30:00 -07:00
|
|
|
|
2008-03-05 12:44:27 -08:00
|
|
|
<field name="_selectedPanel">this.childNodes.item(this.selectedIndex)</field>
|
2007-03-22 10:30:00 -07:00
|
|
|
|
|
|
|
|
<property name="selectedIndex">
|
|
|
|
|
<getter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
var indexStr = this.getAttribute("selectedIndex");
|
|
|
|
|
return indexStr ? parseInt(indexStr) : -1;
|
|
|
|
|
]]>
|
|
|
|
|
</getter>
|
|
|
|
|
|
|
|
|
|
<setter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
if (val < 0 || val >= this.childNodes.length)
|
|
|
|
|
return val;
|
|
|
|
|
var panel = this._selectedPanel;
|
|
|
|
|
this._selectedPanel = this.childNodes[val];
|
|
|
|
|
this.setAttribute("selectedIndex", val);
|
|
|
|
|
if (this._selectedPanel != panel) {
|
|
|
|
|
var event = document.createEvent("Events");
|
|
|
|
|
event.initEvent("select", true, true);
|
|
|
|
|
this.dispatchEvent(event);
|
|
|
|
|
}
|
|
|
|
|
return val;
|
|
|
|
|
]]>
|
|
|
|
|
</setter>
|
|
|
|
|
</property>
|
|
|
|
|
|
|
|
|
|
<property name="selectedPanel">
|
|
|
|
|
<getter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
return this._selectedPanel;
|
|
|
|
|
]]>
|
|
|
|
|
</getter>
|
|
|
|
|
|
|
|
|
|
<setter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
var selectedIndex = -1;
|
|
|
|
|
for (var panel = val; panel != null; panel = panel.previousSibling)
|
|
|
|
|
++selectedIndex;
|
|
|
|
|
this.selectedIndex = selectedIndex;
|
|
|
|
|
return val;
|
|
|
|
|
]]>
|
|
|
|
|
</setter>
|
|
|
|
|
</property>
|
|
|
|
|
</implementation>
|
|
|
|
|
</binding>
|
|
|
|
|
|
|
|
|
|
<binding id="tab" display="xul:button"
|
|
|
|
|
extends="chrome://global/content/bindings/general.xml#control-item">
|
|
|
|
|
<resources>
|
|
|
|
|
<stylesheet src="chrome://global/skin/tabbox.css"/>
|
|
|
|
|
</resources>
|
|
|
|
|
|
2009-07-29 11:33:53 -07:00
|
|
|
<content>
|
2007-03-22 10:30:00 -07:00
|
|
|
<xul:hbox class="tab-middle box-inherit" xbl:inherits="align,dir,pack,orient,selected" flex="1">
|
2010-01-18 20:35:08 -08:00
|
|
|
<xul:image class="tab-icon"
|
|
|
|
|
xbl:inherits="validate,src=image"
|
|
|
|
|
role="presentation"/>
|
|
|
|
|
<xul:label class="tab-text"
|
|
|
|
|
xbl:inherits="value=label,accesskey,crop,disabled"
|
|
|
|
|
flex="1"
|
|
|
|
|
role="presentation"/>
|
2007-03-22 10:30:00 -07:00
|
|
|
</xul:hbox>
|
|
|
|
|
</content>
|
|
|
|
|
|
|
|
|
|
<implementation implements="nsIDOMXULSelectControlItemElement, nsIAccessibleProvider">
|
|
|
|
|
<property name="accessibleType" readonly="true">
|
|
|
|
|
<getter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
return Components.interfaces.nsIAccessibleProvider.XULTab;
|
|
|
|
|
]]>
|
|
|
|
|
</getter>
|
|
|
|
|
</property>
|
|
|
|
|
|
|
|
|
|
<property name="control" readonly="true">
|
|
|
|
|
<getter>
|
|
|
|
|
<![CDATA[
|
|
|
|
|
var parent = this.parentNode;
|
|
|
|
|
if (parent instanceof Components.interfaces.nsIDOMXULSelectControlElement)
|
|
|
|
|
return parent;
|
|
|
|
|
return null;
|
|
|
|
|
]]>
|
|
|
|
|
</getter>
|
|
|
|
|
</property>
|
|
|
|
|
|
|
|
|
|
<property name="selected" readonly="true"
|
|
|
|
|
onget="return this.getAttribute('selected') == 'true';"/>
|
|
|
|
|
|
|
|
|
|
<property name="_selected">
|
|
|
|
|
<setter>
|
|
|
|
|
<![CDATA[
|
2009-01-09 01:57:57 -08:00
|
|
|
if (val)
|
|
|
|
|
this.setAttribute("selected", "true");
|
|
|
|
|
else
|
|
|
|
|
this.removeAttribute("selected");
|
|
|
|
|
|
2007-03-22 10:30:00 -07:00
|
|
|
if (this.previousSibling && this.previousSibling.localName == "tab") {
|
|
|
|
|
if (val)
|
2009-01-09 01:57:57 -08:00
|
|
|
this.previousSibling.setAttribute("beforeselected", "true");
|
2007-03-22 10:30:00 -07:00
|
|
|
else
|
|
|
|
|
this.previousSibling.removeAttribute("beforeselected");
|
|
|
|
|
this.removeAttribute("first-tab");
|
|
|
|
|
}
|
|
|
|
|
else
|
|
|
|
|
this.setAttribute("first-tab", "true");
|
|
|
|
|
|
|
|
|
|
if (this.nextSibling && this.nextSibling.localName == "tab") {
|
|
|
|
|
if (val)
|
2009-01-09 01:57:57 -08:00
|
|
|
this.nextSibling.setAttribute("afterselected", "true");
|
2007-03-22 10:30:00 -07:00
|
|
|
else
|
|
|
|
|
this.nextSibling.removeAttribute("afterselected");
|
|
|
|
|
this.removeAttribute("last-tab");
|
|
|
|
|
}
|
|
|
|
|
else
|
|
|
|
|
this.setAttribute("last-tab", "true");
|
|
|
|
|
return val;
|
|
|
|
|
]]>
|
|
|
|
|
</setter>
|
|
|
|
|
</property>
|
|
|
|
|
|
|
|
|
|
<property name="linkedPanel" onget="return this.getAttribute('linkedpanel')"
|
|
|
|
|
onset="this.setAttribute('linkedpanel', val); return val;"/>
|
|
|
|
|
|
|
|
|
|
<field name="arrowKeysShouldWrap" readonly="true">
|
|
|
|
|
#ifdef XP_MACOSX
|
|
|
|
|
true
|
|
|
|
|
#else
|
|
|
|
|
false
|
|
|
|
|
#endif
|
|
|
|
|
</field>
|
|
|
|
|
</implementation>
|
|
|
|
|
|
|
|
|
|
<handlers>
|
|
|
|
|
<handler event="mousedown" button="0">
|
|
|
|
|
<![CDATA[
|
|
|
|
|
if (this.disabled)
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
|
|
if (this != this.parentNode.selectedItem) { // Not selected yet
|
|
|
|
|
// Select new tab after short delay so that PostHandleEvent() doesn't see
|
|
|
|
|
// the tab as selected yet, otherwise it will focus the tab for us --
|
|
|
|
|
// the CSS for tab has -moz-user-focus: normal only for selected="true".
|
|
|
|
|
function setTab(tab) {
|
|
|
|
|
tab.parentNode._selectNewTab(tab);
|
|
|
|
|
}
|
|
|
|
|
setTimeout(setTab, 0, this);
|
|
|
|
|
}
|
|
|
|
|
// Otherwise this tab is already selected and we will fall
|
|
|
|
|
// through to mousedown behavior which sets focus on the current tab,
|
|
|
|
|
// Only a click on an already selected tab should focus the tab itself.
|
|
|
|
|
]]>
|
|
|
|
|
</handler>
|
|
|
|
|
|
|
|
|
|
<handler event="keypress" keycode="VK_LEFT">
|
|
|
|
|
<![CDATA[
|
|
|
|
|
var direction = window.getComputedStyle(this.parentNode, null).direction;
|
|
|
|
|
this.parentNode.advanceSelectedTab(direction == 'ltr' ? -1 : 1, this.arrowKeysShouldWrap);
|
|
|
|
|
]]>
|
|
|
|
|
</handler>
|
|
|
|
|
|
|
|
|
|
<handler event="keypress" keycode="VK_RIGHT">
|
|
|
|
|
<![CDATA[
|
|
|
|
|
var direction = window.getComputedStyle(this.parentNode, null).direction;
|
|
|
|
|
this.parentNode.advanceSelectedTab(direction == 'ltr' ? 1 : -1, this.arrowKeysShouldWrap);
|
|
|
|
|
]]>
|
|
|
|
|
</handler>
|
|
|
|
|
|
|
|
|
|
<handler event="keypress" keycode="VK_UP">
|
|
|
|
|
<![CDATA[
|
|
|
|
|
this.parentNode.advanceSelectedTab(-1, this.arrowKeysShouldWrap);
|
|
|
|
|
]]>
|
|
|
|
|
</handler>
|
|
|
|
|
|
|
|
|
|
<handler event="keypress" keycode="VK_DOWN">
|
|
|
|
|
<![CDATA[
|
|
|
|
|
this.parentNode.advanceSelectedTab(1, this.arrowKeysShouldWrap);
|
|
|
|
|
]]>
|
|
|
|
|
</handler>
|
|
|
|
|
|
|
|
|
|
<handler event="keypress" keycode="VK_HOME">
|
|
|
|
|
<![CDATA[
|
|
|
|
|
this.parentNode._selectNewTab(this.parentNode.childNodes[0]);
|
|
|
|
|
]]>
|
|
|
|
|
</handler>
|
|
|
|
|
|
|
|
|
|
<handler event="keypress" keycode="VK_END">
|
|
|
|
|
<![CDATA[
|
2007-11-15 13:59:34 -08:00
|
|
|
var tabs = this.parentNode.childNodes;
|
|
|
|
|
this.parentNode._selectNewTab(tabs[tabs.length - 1], -1);
|
2007-03-22 10:30:00 -07:00
|
|
|
]]>
|
|
|
|
|
</handler>
|
|
|
|
|
</handlers>
|
|
|
|
|
</binding>
|
|
|
|
|
|
|
|
|
|
</bindings>
|
|
|
|
|
|
