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

ドラッグ&ドロップでのタブツリーの編集を実装

Browse Source 
（ドロップ位置の表示はまだ）

git-svn-id: http://www.cozmixng.org/repos/piro/treestyletab/trunk@1239 599a83e7-65a4-db11-8015-0010dcdd6dc2
This commit is contained in:
piro 2007-10-20 03:38:46 +00:00
parent 8175f5707a
commit 5818882a06
1 changed files with 72 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

112
content/treestyletab/treestyletab.js
View File

@ -342,6 +342,7 @@ var TreeStyleTabService = {
/return true;/, /return true;/,
<><![CDATA[ <><![CDATA[
if (!(function(aEvent, aDragSession, aSelf) { if (!(function(aEvent, aDragSession, aSelf) {
try{
if (!aDragSession.sourceNode || if (!aDragSession.sourceNode ||
aDragSession.sourceNode.parentNode != aSelf.mTabContainer || aDragSession.sourceNode.parentNode != aSelf.mTabContainer ||
aEvent.target.localName != 'tab') aEvent.target.localName != 'tab')
@ -354,17 +355,20 @@ var TreeStyleTabService = {
if (!(info.action & TreeStyleTabService.kACTION_ATTACH)) if (!(info.action & TreeStyleTabService.kACTION_ATTACH))
return true; return true;
//dump(' target : '+info.tab._tPos+'\n position : '+info.position+'\n index : '+info.index+'\n action : '+info.action+'\n');
// is the tab is in the subtree? // is the tab is in the subtree?
var orig = aDragSession.sourceNode; var orig = aDragSession.sourceNode;
var tab = info.tab; var tab = info.target;
while (tab = TreeStyleTabService.getParentTab(tab)) while (tab = TreeStyleTabService.getParentTab(tab))
{ {
if (tab == orig) if (tab == orig)
return false; return false;
} }
return true; return true;
}
catch(e) {
dump('TreeStyleTabService::canDrop\n'+e+'\n');
return false;
}
})(aEvent, aDragSession, this)) })(aEvent, aDragSession, this))
return false; return false;
return true; return true;
@ -377,6 +381,7 @@ var TreeStyleTabService = {
'{', '{',
<><![CDATA[ <><![CDATA[
{ {
try{
var xpathResult = TreeStyleTabService.evaluateXPath( var xpathResult = TreeStyleTabService.evaluateXPath(
'child::xul:tab[@'+TreeStyleTabService.kDROP_POSITION+']', 'child::xul:tab[@'+TreeStyleTabService.kDROP_POSITION+']',
this.mTabContainer this.mTabContainer
@ -386,15 +391,42 @@ var TreeStyleTabService = {
xpathResult.snapshotItem(i).removeAttribute(TreeStyleTabService.kDROP_POSITION); xpathResult.snapshotItem(i).removeAttribute(TreeStyleTabService.kDROP_POSITION);
} }
var info = TreeStyleTabService.getDropAction(aEvent); var info = TreeStyleTabService.getDropAction(aEvent);
if (info.tab) { info.target.setAttribute(
info.tab.setAttribute( TreeStyleTabService.kDROP_POSITION,
TreeStyleTabService.kDROP_POSITION, info.position == TreeStyleTabService.kDROP_BEFORE ? 'before' :
info.position == TreeStyleTabService.kDROP_BEFORE ? 'before' : info.position == TreeStyleTabService.kDROP_AFTER ? 'after' :
info.position == TreeStyleTabService.kDROP_AFTER ? 'after' : 'self'
'self' );
); }
catch(e) {
dump('TreeStyleTabService::onDragOver\n'+e+'\n');
}
return;
]]></>
)
);
eval('aTabBrowser.onDrop = '+
aTabBrowser.onDrop.toSource().replace(
/(if \([^\)]+\) \{)/,
'$1'+<><![CDATA[
var info = TreeStyleTabService.getDropAction(aEvent);
var tab = aDragSession.sourceNode;
var tabs = this.mTabContainer.childNodes;
if (info.action & TreeStyleTabService.kACTION_PART) {
TreeStyleTabService.partTab(tab);
if (info.action & TreeStyleTabService.kACTION_MOVE) {
this.moveTabTo(tab, (info.insertBefore ? info.insertBefore._tPos : tabs.length - 1 ));
} }
return; return;
}
else if (info.action & TreeStyleTabService.kACTION_ATTACH) {
TreeStyleTabService.attachTabTo(tab, info.parent);
if (info.action & TreeStyleTabService.kACTION_MOVE) {
this.moveTabTo(tab, info.insertBefore ? info.insertBefore._tPos : tabs.length - 1 );
}
return;
}
]]></> ]]></>
) )
); );
@ -751,8 +783,8 @@ var TreeStyleTabService = {
var backupChildren = this.getTabValue(tab, this.kCHILDREN); var backupChildren = this.getTabValue(tab, this.kCHILDREN);
var children = this.getChildTabs(tab); var children = this.getChildTabs(tab);
var self = this; var self = this;
var attachion = this.getPref('extensions.treestyletab.attachChildrenToGrandParentOnRemoveTab'); var attach = this.getPref('extensions.treestyletab.attachChildrenToGrandParentOnRemoveTab');
var processTab = !attachion ? function(aTab) { var processTab = !attach ? function(aTab) {
self.partTab(aTab, true); self.partTab(aTab, true);
self.moveTabSubTreeTo(aTab, b.mTabContainer.lastChild._tPos); self.moveTabSubTreeTo(aTab, b.mTabContainer.lastChild._tPos);
} : } :
@ -767,7 +799,7 @@ var TreeStyleTabService = {
processTab(children[i]); processTab(children[i]);
} }
this.updateTabsIndent(children); this.updateTabsIndent(children);
if (attachion) { if (attach) {
nextFocusedTab = firstChild; nextFocusedTab = firstChild;
} }
this.setTabValue(tab, this.kCHILDREN, backupChildren); this.setTabValue(tab, this.kCHILDREN, backupChildren);
@ -1101,38 +1133,34 @@ var TreeStyleTabService = {
var tabs = b.mTabContainer.childNodes; var tabs = b.mTabContainer.childNodes;
var isInverted = this.isTabVertical(b) ? false : window.getComputedStyle(b.parentNode, null).direction == 'ltr'; var isInverted = this.isTabVertical(b) ? false : window.getComputedStyle(b.parentNode, null).direction == 'ltr';
var info = { var info = {
tab : null, target : null,
target : null, position : null,
position : null, action : null,
index : null, parent : null,
action : null insertBefore : null
}; };
if (tab.localName != 'tab') { if (tab.localName != 'tab') {
if (aEvent[this.positionProp] < tabs[0].boxObject[this.positionProp]) { if (aEvent[this.positionProp] < tabs[0].boxObject[this.positionProp]) {
info.tab = info.target = tabs[0]; info.target = info.parent = info.insertBefore = tabs[0];
info.position = isInverted ? this.kDROP_AFTER : this.kDROP_BEFORE ; info.position = isInverted ? this.kDROP_AFTER : this.kDROP_BEFORE ;
info.index = 0;
info.action = this.kACTION_MOVE | this.kACTION_PART; info.action = this.kACTION_MOVE | this.kACTION_PART;
return info; return info;
} }
else if (aEvent[this.positionProp] > tabs[tabs.length-1].boxObject[this.positionProp] + tabs[tabs.length-1].boxObject[this.sizeProp]) { else if (aEvent[this.positionProp] > tabs[tabs.length-1].boxObject[this.positionProp] + tabs[tabs.length-1].boxObject[this.sizeProp]) {
info.tab = info.target = tabs[tabs.length-1]; info.target = info.parent = tabs[tabs.length-1];
info.position = isInverted ? this.kDROP_BEFORE : this.kDROP_AFTER ; info.position = isInverted ? this.kDROP_BEFORE : this.kDROP_AFTER ;
info.index = tabs.length-1;
info.action = this.kACTION_MOVE | this.kACTION_PART; info.action = this.kACTION_MOVE | this.kACTION_PART;
return info; return info;
} }
else { else {
info.tab = tabs[b.getNewIndex(aEvent)]; info.target = tabs[Math.min(b.getNewIndex(aEvent), tabs.length - 1)];
} }
} }
else { else {
info.tab = tab; info.target = tab;
} }
info.target = tab;
var boxPos = tab.boxObject[this.positionProp]; var boxPos = tab.boxObject[this.positionProp];
var boxUnit = Math.round(tab.boxObject[this.sizeProp] / 3); var boxUnit = Math.round(tab.boxObject[this.sizeProp] / 3);
if (aEvent[this.positionProp] < boxPos + boxUnit) { if (aEvent[this.positionProp] < boxPos + boxUnit) {
@ -1148,8 +1176,9 @@ var TreeStyleTabService = {
switch (info.position) switch (info.position)
{ {
case this.kDROP_ON: case this.kDROP_ON:
info.index = tab._tPos; info.action = this.kACTION_ATTACH;
info.action = this.kACTION_ATTACH; info.parent = tab;
info.insertBefore = this.getNextVisibleTab(tab);
break; break;
case this.kDROP_BEFORE: case this.kDROP_BEFORE:
@ -1167,17 +1196,19 @@ var TreeStyleTabService = {
*/ */
var prevTab = this.getPreviousVisibleTab(tab); var prevTab = this.getPreviousVisibleTab(tab);
if (!prevTab) { if (!prevTab) {
info.index = 0; info.action = this.kACTION_MOVE | this.kACTION_PART;
info.action = this.kACTION_MOVE | this.kACTION_PART; info.insertBefore = tabs[0];
} }
else { else {
var prevNest = Number(prevTab.getAttribute(this.kNEST)); var prevNest = Number(prevTab.getAttribute(this.kNEST));
var targetNest = Number(tab.getAttribute(this.kNEST)); var targetNest = Number(tab.getAttribute(this.kNEST));
info.index = tab._tPos; info.action = this.kACTION_MOVE | this.kACTION_ATTACH;
info.action = this.kACTION_MOVE | this.kACTION_ATTACH; info.parent = (
info.target = (prevNest < targetNest) ? this.getParentTab(prevTab) : (prevNest < targetNest) ? this.getParentTab(prevTab) :
(prevNest > targetNest) ? prevTab : (prevNest > targetNest) ? prevTab :
this.getParentTab(tab); this.getParentTab(tab)
) || tab ;
info.insertBefore = tab;
} }
break; break;
@ -1196,16 +1227,17 @@ var TreeStyleTabService = {
*/ */
var nextTab = this.getNextVisibleTab(tab); var nextTab = this.getNextVisibleTab(tab);
if (!nextTab) { if (!nextTab) {
info.index = tabs.length-1;
info.action = this.kACTION_MOVE | this.kACTION_PART; info.action = this.kACTION_MOVE | this.kACTION_PART;
} }
else { else {
var targetNest = Number(tab.getAttribute(this.kNEST)); var targetNest = Number(tab.getAttribute(this.kNEST));
var nextNest = Number(nextTab.getAttribute(this.kNEST)); var nextNest = Number(nextTab.getAttribute(this.kNEST));
info.index = tab._tPos + 1; info.action = this.kACTION_MOVE | this.kACTION_ATTACH;
info.action = this.kACTION_MOVE | this.kACTION_ATTACH; info.parent = (
info.target = (targetNest < nextNest) ? tab : (targetNest < nextNest) ? tab :
this.getParentTab(tab); this.getParentTab(tab)
) || tab ;
info.insertBefore = nextTab;
} }
break; break;
} }
@ -1219,7 +1251,7 @@ var TreeStyleTabService = {
attachTabTo : function(aChild, aParent, aInfo) attachTabTo : function(aChild, aParent, aInfo)
{ {
if (!aChild || !aParent) return; if (!aChild || !aParent || this.getParentTab(aChild) == aParent) return;
if (!aInfo) aInfo = {}; if (!aInfo) aInfo = {};
var id = aChild.getAttribute(this.kID); var id = aChild.getAttribute(this.kID);