stonewareslord/treestyletab
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

support tab contents modified by Tab Mix Plus

Browse Source
This commit is contained in:
Piro / SHIMODA Hiroshi 2012-02-04 20:28:30 +09:00
parent ce047d6d73
commit 6ab0543a32
1 changed files with 105 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

144
modules/browser.js
View File

@ -323,6 +323,12 @@ TreeStyleTabBrowser.prototype = {
{ {
return this.document.getAnonymousElementByAttribute(aTab, 'class', this.kTWISTY); return this.document.getAnonymousElementByAttribute(aTab, 'class', this.kTWISTY);
}, },
getTabTwistyAnchorNode : function TSTBrowser_getTabTwistyAnchorNode(aTab)
{
return this.document.getAnonymousElementByAttribute(aTab, 'class', 'tab-icon') || // Tab Mix Plus
this.document.getAnonymousElementByAttribute(aTab, 'class', 'tab-throbber');
},
getTabFromTabbarEvent : function TSTBrowser_getTabFromTabbarEvent(aEvent) getTabFromTabbarEvent : function TSTBrowser_getTabFromTabbarEvent(aEvent)
{ {
@ -897,12 +903,12 @@ TreeStyleTabBrowser.prototype = {
{ {
var d = this.document; var d = this.document;
var throbber = d.getAnonymousElementByAttribute(aTab, 'class', 'tab-throbber'); var twisty = this.getTabTwisty(aTab);
var twisty = d.getAnonymousElementByAttribute(aTab, 'class', this.kTWISTY); var anchor = this.getTabTwistyAnchorNode(aTab);
if (throbber && !twisty) { if (anchor && !twisty) {
twisty = d.createElement('image'); twisty = d.createElement('image');
twisty.setAttribute('class', this.kTWISTY); twisty.setAttribute('class', this.kTWISTY);
throbber.parentNode.appendChild(twisty); anchor.parentNode.appendChild(twisty);
} }
var label = this.getTabLabel(aTab); var label = this.getTabLabel(aTab);
@ -941,50 +947,108 @@ TreeStyleTabBrowser.prototype = {
{ {
var d = this.document; var d = this.document;
var label = this.getTabLabel(aTab); var namedNodes = {
var close = this.getTabClosebox(aTab); label : this.getTabLabel(aTab),
var throbber = d.getAnonymousElementByAttribute(aTab, 'class', 'tab-throbber'); close : this.getTabClosebox(aTab),
twistyAnchor : this.getTabTwistyAnchorNode(aTab),
twisty : this.getTabTwisty(aTab),
counter : d.getAnonymousElementByAttribute(aTab, 'class', this.kCOUNTER_CONTAINER)
};
var twisty = d.getAnonymousElementByAttribute(aTab, 'class', this.kTWISTY); namedNodes.closeAnchor = namedNodes.label;
var counter = d.getAnonymousElementByAttribute(aTab, 'class', this.kCOUNTER_CONTAINER); if (namedNodes.closeAnchor.parentNode != namedNodes.close.parentNode) {
let containerFinder = d.createRange();
containerFinder.selectNode(namedNodes.closeAnchor);
containerFinder.setEndAfter(namedNodes.close);
let container = containerFinder.getCommonAncestor();
while (namedNodes.closeAnchor.parentNode != container)
{
namedNodes.closeAnchor = namedNodes.closeAnchor.parentNode;
}
while (namedNodes.close.parentNode != container)
{
namedNodes.close = namedNodes.close.parentNode;
}
}
var nodesContainer = d.getAnonymousElementByAttribute(aTab, 'class', 'tab-content') || aTab; namedNodes.counterAnchor = namedNodes.label;
var nodes = Array.slice(d.getAnonymousNodes(nodesContainer) || nodesContainer.childNodes); if (namedNodes.counterAnchor.parentNode != namedNodes.counter.parentNode) {
let containerFinder = d.createRange();
containerFinder.selectNode(namedNodes.counterAnchor);
containerFinder.setEndAfter(namedNodes.counter);
let container = containerFinder.getCommonAncestor();
while (namedNodes.counterAnchor.parentNode != container)
{
namedNodes.counterAnchor = namedNodes.counterAnchor.parentNode;
}
while (namedNodes.counter.parentNode != container)
{
namedNodes.counter = namedNodes.counter.parentNode;
}
}
var foundContainers = [];
var containers = [
namedNodes.twistyAnchor.parentNode,
namedNodes.label.parentNode,
namedNodes.counter.parentNode,
namedNodes.closeAnchor.parentNode
];
for (let [, container] in Iterator(containers))
{
if (foundContainers.indexOf(container) > -1)
return;
this.initTabContentsOrderInternal(container, namedNodes, aForce);
foundContainers.push(container);
}
},
initTabContentsOrderInternal : function TSTBrowser_initTabContentsOrderInternal(aContainer, aNamedNodes, aForce)
{
var nodes = Array.slice(this.document.getAnonymousNodes(aContainer) || aContainer.childNodes);
// reset order at first! // reset order at first!
nodes.forEach(function(aNode, aIndex) { for (let [i, node] in Iterator(nodes))
if (aNode.getAttribute('class') == 'informationaltab-thumbnail-container') {
return; if (node.getAttribute('class') == 'informationaltab-thumbnail-container')
aNode.setAttribute('ordinal', aIndex); continue;
}, this); node.setAttribute('ordinal', i);
}
// after that, rearrange contents // after that, rearrange contents
nodes.splice(nodes.indexOf(close), 1);
if (this.mTabBrowser.getAttribute(this.kCLOSEBOX_INVERTED) == 'true')
nodes.splice(nodes.indexOf(label), 0, close);
else
nodes.splice(nodes.indexOf(label)+1, 0, close);
if (twisty) { var index = nodes.indexOf(aNamedNodes.close);
nodes.splice(nodes.indexOf(twisty), 1); if (index > -1) {
nodes.splice(nodes.indexOf(throbber), 0, twisty); nodes.splice(index, 1);
if (this.mTabBrowser.getAttribute(this.kCLOSEBOX_INVERTED) == 'true')
nodes.splice(nodes.indexOf(aNamedNodes.closeAnchor), 0, aNamedNodes.close);
else
nodes.splice(nodes.indexOf(aNamedNodes.closeAnchor)+1, 0, aNamedNodes.close);
}
index = nodes.indexOf(aNamedNodes.twisty);
if (index > -1) {
nodes.splice(index, 1);
nodes.splice(nodes.indexOf(aNamedNodes.twistyAnchor), 0, aNamedNodes.twisty);
} }
if (this.mTabBrowser.getAttribute(this.kTAB_CONTENTS_INVERTED) == 'true') if (this.mTabBrowser.getAttribute(this.kTAB_CONTENTS_INVERTED) == 'true')
nodes.reverse(); nodes.reverse();
if (counter) { // counter must rightside of the label! // counter must rightside of the label!
nodes.splice(nodes.indexOf(counter), 1); index = nodes.indexOf(aNamedNodes.counter);
nodes.splice(nodes.indexOf(label)+1, 0, counter); if (index > -1) {
nodes.splice(index, 1);
nodes.splice(nodes.indexOf(aNamedNodes.counterAnchor)+1, 0, aNamedNodes.counter);
} }
var count = nodes.length; var count = nodes.length;
nodes.reverse() nodes.reverse();
.forEach(function(aNode, aIndex) { for (let [i, node] in Iterator(nodes))
if (aNode.getAttribute('class') == 'informationaltab-thumbnail-container') {
return; if (node.getAttribute('class') == 'informationaltab-thumbnail-container')
aNode.setAttribute('ordinal', (count - aIndex + 1) * 100); continue;
}); node.setAttribute('ordinal', (count - i + 1) * 100);
}
if (aForce) { if (aForce) {
/** /**
@ -992,13 +1056,15 @@ TreeStyleTabBrowser.prototype = {
* Gecko doesn't re-render them in the new order. * Gecko doesn't re-render them in the new order.
* Changing of "display" or "position" can fix this problem. * Changing of "display" or "position" can fix this problem.
*/ */
nodes.forEach(function(aNode) { for (let [, node] in Iterator(nodes))
aNode.style.position = 'fixed'; {
}); node.style.position = 'fixed';
}
this.Deferred.wait(0.1).next(function() { this.Deferred.wait(0.1).next(function() {
nodes.forEach(function(aNode) { for (let [, node] in Iterator(nodes))
aNode.style.position = ''; {
}); node.style.position = '';
}
}); });
} }
}, },