root / trunk / web / dojo / dojox / drawing / plugins / tools / Pan.js
History | View | Annotate | Download (4.06 KB)
| 1 | 9 | andrej.cim | /*
|
|---|---|---|---|
| 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 | } |