root / trunk / web / dojo / dojox / drawing / plugins / tools / Pan.js
History | View | Annotate | Download (4.06 KB)
| 1 |
/*
|
|---|---|
| 2 |
Copyright (c) 2004-2010, The Dojo Foundation All Rights Reserved.
|
| 3 |
Available via Academic Free License >= 2.1 OR the modified BSD license.
|
| 4 |
see: http://dojotoolkit.org/license for details
|
| 5 |
*/
|
| 6 |
|
| 7 |
|
| 8 |
if(!dojo._hasResource["dojox.drawing.plugins.tools.Pan"]){ |
| 9 |
dojo._hasResource["dojox.drawing.plugins.tools.Pan"]=true; |
| 10 |
dojo.provide("dojox.drawing.plugins.tools.Pan");
|
| 11 |
dojo.require("dojox.drawing.plugins._Plugin");
|
| 12 |
dojox.drawing.plugins.tools.Pan=dojox.drawing.util.oo.declare(dojox.drawing.plugins._Plugin,function(_1){
|
| 13 |
this.domNode=_1.node;
|
| 14 |
var _2;
|
| 15 |
this.toolbar=_1.scope;
|
| 16 |
this.connect(this.toolbar,"onToolClick",this,function(){ |
| 17 |
this.onSetPan(false); |
| 18 |
}); |
| 19 |
this.connect(this.keys,"onKeyUp",this,"onKeyUp"); |
| 20 |
this.connect(this.keys,"onKeyDown",this,"onKeyDown"); |
| 21 |
this.connect(this.keys,"onArrow",this,"onArrow"); |
| 22 |
this.connect(this.anchors,"onAnchorUp",this,"checkBounds"); |
| 23 |
this.connect(this.stencils,"register",this,"checkBounds"); |
| 24 |
this.connect(this.canvas,"resize",this,"checkBounds"); |
| 25 |
this.connect(this.canvas,"setZoom",this,"checkBounds"); |
| 26 |
this.connect(this.canvas,"onScroll",this,function(){ |
| 27 |
if(this._blockScroll){ |
| 28 |
this._blockScroll=false; |
| 29 |
return;
|
| 30 |
} |
| 31 |
_2&&clearTimeout(_2); |
| 32 |
_2=setTimeout(dojo.hitch(this,"checkBounds"),200); |
| 33 |
}); |
| 34 |
this._mouseHandle=this.mouse.register(this); |
| 35 |
},{selected:false,keyScroll:false,type:"dojox.drawing.plugins.tools.Pan",onPanUp:function(_3){
|
| 36 |
if(_3.id==this.button.id){ |
| 37 |
this.onSetPan(false); |
| 38 |
} |
| 39 |
},onKeyUp:function(_4){ |
| 40 |
switch(_4.keyCode){
|
| 41 |
case 32: |
| 42 |
this.onSetPan(false); |
| 43 |
break;
|
| 44 |
case 39: |
| 45 |
case 37: |
| 46 |
case 38: |
| 47 |
case 40: |
| 48 |
clearInterval(this._timer);
|
| 49 |
break;
|
| 50 |
} |
| 51 |
},onKeyDown:function(_5){ |
| 52 |
if(_5.keyCode==32){ |
| 53 |
this.onSetPan(true); |
| 54 |
} |
| 55 |
},interval:20,onArrow:function(_6){ |
| 56 |
if(this._timer){ |
| 57 |
clearInterval(this._timer);
|
| 58 |
} |
| 59 |
this._timer=setInterval(dojo.hitch(this,function(_7){ |
| 60 |
this.canvas.domNode.parentNode.scrollLeft+=_7.x*10; |
| 61 |
this.canvas.domNode.parentNode.scrollTop+=_7.y*10; |
| 62 |
},_6),this.interval);
|
| 63 |
},onSetPan:function(_8){ |
| 64 |
if(_8===true||_8===false){ |
| 65 |
this.selected=!_8;
|
| 66 |
} |
| 67 |
if(this.selected){ |
| 68 |
this.selected=false; |
| 69 |
this.button.deselect();
|
| 70 |
}else{
|
| 71 |
this.selected=true; |
| 72 |
this.button.select();
|
| 73 |
} |
| 74 |
this.mouse.setEventMode(this.selected?"pan":""); |
| 75 |
},onPanDrag:function(_9){ |
| 76 |
var x=_9.x-_9.last.x;
|
| 77 |
var y=_9.y-_9.last.y;
|
| 78 |
this.canvas.domNode.parentNode.scrollTop-=_9.move.y;
|
| 79 |
this.canvas.domNode.parentNode.scrollLeft-=_9.move.x;
|
| 80 |
this.canvas.onScroll();
|
| 81 |
},onUp:function(_a){ |
| 82 |
if(_a.withinCanvas){
|
| 83 |
this.keyScroll=true; |
| 84 |
}else{
|
| 85 |
this.keyScroll=false; |
| 86 |
} |
| 87 |
},onStencilUp:function(_b){ |
| 88 |
this.checkBounds();
|
| 89 |
},onStencilDrag:function(_c){ |
| 90 |
},checkBounds:function(){ |
| 91 |
var _d=function(){ |
| 92 |
}; |
| 93 |
var _e=function(){ |
| 94 |
}; |
| 95 |
var t=Infinity,r=-Infinity,b=-10000,l=10000,sx=0,sy=0,dy=0,dx=0,mx=this.stencils.group?this.stencils.group.getTransform():{dx:0,dy:0},sc=this.mouse.scrollOffset(),_f=sc.left?10:0,scX=sc.top?10:0,ch=this.canvas.height,cw=this.canvas.width,z=this.canvas.zoom,pch=this.canvas.parentHeight,pcw=this.canvas.parentWidth; |
| 96 |
this.stencils.withSelected(function(m){ |
| 97 |
var o=m.getBounds();
|
| 98 |
_e("SEL BOUNDS:",o);
|
| 99 |
t=Math.min(o.y1+mx.dy,t); |
| 100 |
r=Math.max(o.x2+mx.dx,r); |
| 101 |
b=Math.max(o.y2+mx.dy,b); |
| 102 |
l=Math.min(o.x1+mx.dx,l); |
| 103 |
}); |
| 104 |
this.stencils.withUnselected(function(m){ |
| 105 |
var o=m.getBounds();
|
| 106 |
_e("UN BOUNDS:",o);
|
| 107 |
t=Math.min(o.y1,t); |
| 108 |
r=Math.max(o.x2,r); |
| 109 |
b=Math.max(o.y2,b); |
| 110 |
l=Math.min(o.x1,l); |
| 111 |
_d("----------- B:",b,o.y2);
|
| 112 |
}); |
| 113 |
b*=z; |
| 114 |
var _10=0,_11=0; |
| 115 |
_d("Bottom test","b:",b,"z:",z,"ch:",ch,"pch:",pch,"top:",sc.top,"sy:",sy,"mx.dy:",mx.dy); |
| 116 |
if(b>pch||sc.top){
|
| 117 |
_d("*bottom scroll*");
|
| 118 |
ch=Math.max(b,pch+sc.top); |
| 119 |
sy=sc.top; |
| 120 |
_10+=this.canvas.getScrollWidth();
|
| 121 |
}else{
|
| 122 |
if(!sy&&ch>pch){
|
| 123 |
_d("*bottom remove*");
|
| 124 |
ch=pch; |
| 125 |
} |
| 126 |
} |
| 127 |
r*=z; |
| 128 |
if(r>pcw||sc.left){
|
| 129 |
cw=Math.max(r,pcw+sc.left); |
| 130 |
sx=sc.left; |
| 131 |
_11+=this.canvas.getScrollWidth();
|
| 132 |
}else{
|
| 133 |
if(!sx&&cw>pcw){
|
| 134 |
cw=pcw; |
| 135 |
} |
| 136 |
} |
| 137 |
cw+=_10*2;
|
| 138 |
ch+=_11*2;
|
| 139 |
this._blockScroll=true; |
| 140 |
this.stencils.group&&this.stencils.group.applyTransform({dx:dx,dy:dy}); |
| 141 |
this.stencils.withUnselected(function(m){ |
| 142 |
m.transformPoints({dx:dx,dy:dy});
|
| 143 |
}); |
| 144 |
this.canvas.setDimensions(cw,ch,sx,sy);
|
| 145 |
}}); |
| 146 |
dojox.drawing.plugins.tools.Pan.setup={name:"dojox.drawing.plugins.tools.Pan",tooltip:"Pan Tool",iconClass:"iconPan",button:false};
|
| 147 |
dojox.drawing.register(dojox.drawing.plugins.tools.Pan.setup,"plugin");
|
| 148 |
} |