Project

General

Profile

Statistics
| Revision:

root / trunk / web / dojo / dojox / layout / dnd / PlottedDnd.js @ 13

History | View | Annotate | Download (10.5 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.layout.dnd.PlottedDnd"]){
9
dojo._hasResource["dojox.layout.dnd.PlottedDnd"]=true;
10
dojo.provide("dojox.layout.dnd.PlottedDnd");
11
dojo.require("dojo.dnd.Source");
12
dojo.require("dojo.dnd.Manager");
13
dojo.require("dojox.layout.dnd.Avatar");
14
dojo.declare("dojox.layout.dnd.PlottedDnd",[dojo.dnd.Source],{GC_OFFSET_X:dojo.dnd.manager().OFFSET_X,GC_OFFSET_Y:dojo.dnd.manager().OFFSET_Y,constructor:function(_1,_2){
15
this.childBoxes=null;
16
this.dropIndicator=new dojox.layout.dnd.DropIndicator("dndDropIndicator","div");
17
this.withHandles=_2.withHandles;
18
this.handleClasses=_2.handleClasses;
19
this.opacity=_2.opacity;
20
this.allowAutoScroll=_2.allowAutoScroll;
21
this.dom=_2.dom;
22
this.singular=true;
23
this.skipForm=true;
24
this._over=false;
25
this.defaultHandleClass="GcDndHandle";
26
this.isDropped=false;
27
this._timer=null;
28
this.isOffset=(_2.isOffset)?true:false;
29
this.offsetDrag=(_2.offsetDrag)?_2.offsetDrag:{x:0,y:0};
30
this.hideSource=_2.hideSource?_2.hideSource:true;
31
this._drop=this.dropIndicator.create();
32
},_calculateCoords:function(_3){
33
dojo.forEach(this.node.childNodes,function(_4){
34
var c=dojo.coords(_4,true);
35
_4.coords={xy:c,w:_4.offsetWidth/2,h:_4.offsetHeight/2,mw:c.w};
36
if(_3){
37
_4.coords.mh=c.h;
38
}
39
},this);
40
},_legalMouseDown:function(e){
41
if(!this.withHandles){
42
return true;
43
}
44
for(var _5=(e.target);_5&&_5!=this.node;_5=_5.parentNode){
45
if(dojo.hasClass(_5,this.defaultHandleClass)){
46
return true;
47
}
48
}
49
return false;
50
},setDndItemSelectable:function(_6,_7){
51
for(var _8=_6;_8&&_6!=this.node;_8=_8.parentNode){
52
if(dojo.hasClass(_8,"dojoDndItem")){
53
dojo.setSelectable(_8,_7);
54
return;
55
}
56
}
57
},getDraggedWidget:function(_9){
58
var _a=_9;
59
while(_a&&_a.nodeName.toLowerCase()!="body"&&!dojo.hasClass(_a,"dojoDndItem")){
60
_a=_a.parentNode;
61
}
62
return (_a)?dijit.byNode(_a):null;
63
},isAccepted:function(_b){
64
var _c=(_b)?_b.getAttribute("dndtype"):null;
65
return (_c&&_c in this.accept);
66
},onDndStart:function(_d,_e,_f){
67
this.firstIndicator=(_d==this);
68
this._calculateCoords(true);
69
var m=dojo.dnd.manager();
70
if(_e[0].coords){
71
this._drop.style.height=_e[0].coords.mh+"px";
72
dojo.style(m.avatar.node,"width",_e[0].coords.mw+"px");
73
}else{
74
this._drop.style.height=m.avatar.node.clientHeight+"px";
75
}
76
this.dndNodes=_e;
77
dojox.layout.dnd.PlottedDnd.superclass.onDndStart.call(this,_d,_e,_f);
78
if(_d==this&&this.hideSource){
79
dojo.forEach(_e,function(n){
80
dojo.style(n,"display","none");
81
});
82
}
83
},onDndCancel:function(){
84
var m=dojo.dnd.manager();
85
if(m.source==this&&this.hideSource){
86
var _10=this.getSelectedNodes();
87
dojo.forEach(_10,function(n){
88
dojo.style(n,"display","");
89
});
90
}
91
dojox.layout.dnd.PlottedDnd.superclass.onDndCancel.call(this);
92
this.deleteDashedZone();
93
},onDndDrop:function(_11,_12,_13,_14){
94
try{
95
if(!this.isAccepted(_12[0])){
96
this.onDndCancel();
97
}else{
98
if(_11==this&&this._over&&this.dropObject){
99
this.current=this.dropObject.c;
100
}
101
dojox.layout.dnd.PlottedDnd.superclass.onDndDrop.call(this,_11,_12,_13,_14);
102
this._calculateCoords(true);
103
}
104
}
105
catch(e){
106
console.warn(e);
107
}
108
},onMouseDown:function(e){
109
if(this.current==null){
110
this.selection={};
111
}else{
112
if(this.current==this.anchor){
113
this.anchor=null;
114
}
115
}
116
if(this.current!==null){
117
var c=dojo.coords(this.current,true);
118
this.current.coords={xy:c,w:this.current.offsetWidth/2,h:this.current.offsetHeight/2,mh:c.h,mw:c.w};
119
this._drop.style.height=this.current.coords.mh+"px";
120
if(this.isOffset){
121
if(this.offsetDrag.x==0&&this.offsetDrag.y==0){
122
var _15=true;
123
var _16=dojo.coords(this._getChildByEvent(e));
124
this.offsetDrag.x=_16.x-e.pageX;
125
this.offsetDrag.y=_16.y-e.clientY;
126
}
127
if(this.offsetDrag.y<16&&this.current!=null){
128
this.offsetDrag.y=this.GC_OFFSET_Y;
129
}
130
var m=dojo.dnd.manager();
131
m.OFFSET_X=this.offsetDrag.x;
132
m.OFFSET_Y=this.offsetDrag.y;
133
if(_15){
134
this.offsetDrag.x=0;
135
this.offsetDrag.y=0;
136
}
137
}
138
}
139
if(dojo.dnd.isFormElement(e)){
140
this.setDndItemSelectable(e.target,true);
141
}else{
142
this.containerSource=true;
143
var _17=this.getDraggedWidget(e.target);
144
if(_17&&_17.dragRestriction){
145
}else{
146
dojox.layout.dnd.PlottedDnd.superclass.onMouseDown.call(this,e);
147
}
148
}
149
},onMouseUp:function(e){
150
dojox.layout.dnd.PlottedDnd.superclass.onMouseUp.call(this,e);
151
this.containerSource=false;
152
if(!dojo.isIE&&this.mouseDown){
153
this.setDndItemSelectable(e.target,true);
154
}
155
var m=dojo.dnd.manager();
156
m.OFFSET_X=this.GC_OFFSET_X;
157
m.OFFSET_Y=this.GC_OFFSET_Y;
158
},onMouseMove:function(e){
159
var m=dojo.dnd.manager();
160
if(this.isDragging){
161
var _18=false;
162
if(this.current!=null||(this.current==null&&!this.dropObject)){
163
if(this.isAccepted(m.nodes[0])||this.containerSource){
164
_18=this.setIndicatorPosition(e);
165
}
166
}
167
if(this.current!=this.targetAnchor||_18!=this.before){
168
this._markTargetAnchor(_18);
169
m.canDrop(!this.current||m.source!=this||!(this.current.id in this.selection));
170
}
171
if(this.allowAutoScroll){
172
this._checkAutoScroll(e);
173
}
174
}else{
175
if(this.mouseDown&&this.isSource){
176
var _19=this.getSelectedNodes();
177
if(_19.length){
178
m.startDrag(this,_19,this.copyState(dojo.isCopyKey(e)));
179
}
180
}
181
if(this.allowAutoScroll){
182
this._stopAutoScroll();
183
}
184
}
185
},_markTargetAnchor:function(_1a){
186
if(this.current==this.targetAnchor&&this.before==_1a){
187
return;
188
}
189
this.targetAnchor=this.current;
190
this.targetBox=null;
191
this.before=_1a;
192
},_unmarkTargetAnchor:function(){
193
if(!this.targetAnchor){
194
return;
195
}
196
this.targetAnchor=null;
197
this.targetBox=null;
198
this.before=true;
199
},setIndicatorPosition:function(e){
200
var _1b=false;
201
if(this.current){
202
if(!this.current.coords||this.allowAutoScroll){
203
this.current.coords={xy:dojo.coords(this.current,true),w:this.current.offsetWidth/2,h:this.current.offsetHeight/2};
204
}
205
_1b=this.horizontal?(e.pageX-this.current.coords.xy.x)<this.current.coords.w:(e.pageY-this.current.coords.xy.y)<this.current.coords.h;
206
this.insertDashedZone(_1b);
207
}else{
208
if(!this.dropObject){
209
this.insertDashedZone(false);
210
}
211
}
212
return _1b;
213
},onOverEvent:function(){
214
this._over=true;
215
dojox.layout.dnd.PlottedDnd.superclass.onOverEvent.call(this);
216
if(this.isDragging){
217
var m=dojo.dnd.manager();
218
if(!this.current&&!this.dropObject&&this.getSelectedNodes()[0]&&this.isAccepted(m.nodes[0])){
219
this.insertDashedZone(false);
220
}
221
}
222
},onOutEvent:function(){
223
this._over=false;
224
this.containerSource=false;
225
dojox.layout.dnd.PlottedDnd.superclass.onOutEvent.call(this);
226
if(this.dropObject){
227
this.deleteDashedZone();
228
}
229
},deleteDashedZone:function(){
230
this._drop.style.display="none";
231
var _1c=this._drop.nextSibling;
232
while(_1c!=null){
233
_1c.coords.xy.y-=parseInt(this._drop.style.height);
234
_1c=_1c.nextSibling;
235
}
236
delete this.dropObject;
237
},insertDashedZone:function(_1d){
238
if(this.dropObject){
239
if(_1d==this.dropObject.b&&((this.current&&this.dropObject.c==this.current.id)||(!this.current&&!this.dropObject.c))){
240
return;
241
}else{
242
this.deleteDashedZone();
243
}
244
}
245
this.dropObject={n:this._drop,c:this.current?this.current.id:null,b:_1d};
246
if(this.current){
247
dojo.place(this._drop,this.current,_1d?"before":"after");
248
if(!this.firstIndicator){
249
var _1e=this._drop.nextSibling;
250
while(_1e!=null){
251
_1e.coords.xy.y+=parseInt(this._drop.style.height);
252
_1e=_1e.nextSibling;
253
}
254
}else{
255
this.firstIndicator=false;
256
}
257
}else{
258
this.node.appendChild(this._drop);
259
}
260
this._drop.style.display="";
261
},insertNodes:function(_1f,_20,_21,_22){
262
if(this.dropObject){
263
dojo.style(this.dropObject.n,"display","none");
264
dojox.layout.dnd.PlottedDnd.superclass.insertNodes.call(this,true,_20,true,this.dropObject.n);
265
this.deleteDashedZone();
266
}else{
267
return dojox.layout.dnd.PlottedDnd.superclass.insertNodes.call(this,_1f,_20,_21,_22);
268
}
269
var _23=dijit.byId(_20[0].getAttribute("widgetId"));
270
if(_23){
271
dojox.layout.dnd._setGcDndHandle(_23,this.withHandles,this.handleClasses);
272
if(this.hideSource){
273
dojo.style(_23.domNode,"display","");
274
}
275
}
276
},_checkAutoScroll:function(e){
277
if(this._timer){
278
clearTimeout(this._timer);
279
}
280
this._stopAutoScroll();
281
var _24=this.dom,y=this._sumAncestorProperties(_24,"offsetTop");
282
if((e.pageY-_24.offsetTop+30)>_24.clientHeight){
283
this.autoScrollActive=true;
284
this._autoScrollDown(_24);
285
}else{
286
if((_24.scrollTop>0)&&(e.pageY-y)<30){
287
this.autoScrollActive=true;
288
this._autoScrollUp(_24);
289
}
290
}
291
},_autoScrollUp:function(_25){
292
if(this.autoScrollActive&&_25.scrollTop>0){
293
_25.scrollTop-=30;
294
this._timer=setTimeout(dojo.hitch(this,"_autoScrollUp",_25),100);
295
}
296
},_autoScrollDown:function(_26){
297
if(this.autoScrollActive&&(_26.scrollTop<(_26.scrollHeight-_26.clientHeight))){
298
_26.scrollTop+=30;
299
this._timer=setTimeout(dojo.hitch(this,"_autoScrollDown",_26),100);
300
}
301
},_stopAutoScroll:function(){
302
this.autoScrollActive=false;
303
},_sumAncestorProperties:function(_27,_28){
304
_27=dojo.byId(_27);
305
if(!_27){
306
return 0;
307
}
308
var _29=0;
309
while(_27){
310
var val=_27[_28];
311
if(val){
312
_29+=val-0;
313
if(_27==dojo.body()){
314
break;
315
}
316
}
317
_27=_27.parentNode;
318
}
319
return _29;
320
}});
321
dojox.layout.dnd._setGcDndHandle=function(_2a,_2b,_2c,_2d){
322
var cls="GcDndHandle";
323
if(!_2d){
324
dojo.query(".GcDndHandle",_2a.domNode).removeClass(cls);
325
}
326
if(!_2b){
327
dojo.addClass(_2a.domNode,cls);
328
}else{
329
var _2e=false;
330
for(var i=_2c.length-1;i>=0;i--){
331
var _2f=dojo.query("."+_2c[i],_2a.domNode)[0];
332
if(_2f){
333
_2e=true;
334
if(_2c[i]!=cls){
335
var _30=dojo.query("."+cls,_2a.domNode);
336
if(_30.length==0){
337
dojo.removeClass(_2a.domNode,cls);
338
}else{
339
_30.removeClass(cls);
340
}
341
dojo.addClass(_2f,cls);
342
}
343
}
344
}
345
if(!_2e){
346
dojo.addClass(_2a.domNode,cls);
347
}
348
}
349
};
350
dojo.declare("dojox.layout.dnd.DropIndicator",null,{constructor:function(cn,tag){
351
this.tag=tag||"div";
352
this.style=cn||null;
353
},isInserted:function(){
354
return (this.node.parentNode&&this.node.parentNode.nodeType==1);
355
},create:function(){
356
if(this.node&&this.isInserted()){
357
return this.node;
358
}
359
var h="90px",el=dojo.doc.createElement(this.tag);
360
if(this.style){
361
el.className=this.style;
362
el.style.height=h;
363
}else{
364
dojo.style(el,{position:"relative",border:"1px dashed #F60",margin:"2px",height:h});
365
}
366
this.node=el;
367
return el;
368
},destroy:function(){
369
if(!this.node||!this.isInserted()){
370
return;
371
}
372
this.node.parentNode.removeChild(this.node);
373
this.node=null;
374
}});
375
dojo.extend(dojo.dnd.Manager,{canDrop:function(_31){
376
var _32=this.target&&_31;
377
if(this.canDropFlag!=_32){
378
this.canDropFlag=_32;
379
if(this.avatar){
380
this.avatar.update();
381
}
382
}
383
},makeAvatar:function(){
384
return (this.source.declaredClass=="dojox.layout.dnd.PlottedDnd")?new dojox.layout.dnd.Avatar(this,this.source.opacity):new dojo.dnd.Avatar(this);
385
}});
386
if(dojo.isIE){
387
dojox.layout.dnd.handdleIE=[dojo.subscribe("/dnd/start",null,function(){
388
IEonselectstart=document.body.onselectstart;
389
document.body.onselectstart=function(){
390
return false;
391
};
392
}),dojo.subscribe("/dnd/cancel",null,function(){
393
document.body.onselectstart=IEonselectstart;
394
}),dojo.subscribe("/dnd/drop",null,function(){
395
document.body.onselectstart=IEonselectstart;
396
})];
397
dojo.addOnWindowUnload(function(){
398
dojo.forEach(dojox.layout.dnd.handdleIE,dojo.unsubscribe);
399
});
400
}
401
}