/*
DynAPI Distribution
DragEvent Class
The DynAPI Distribution is distributed under the terms of the GNU LGPL license.
*/
// DragEvent object
function DragEvent(type,src) {
this.MouseEvent = MouseEvent;
this.MouseEvent();
this.DynEvent()
this.isDragging = false;
}
var protoDrag = dynapi.setPrototype('DragEvent','MouseEvent');
protoDrag.getX=function() {return this.x};
protoDrag.getY=function() {return this.y};
protoDrag.getPageX=function() {return this.pageX};
protoDrag.getPageY=function() {return this.pageY};
protoDrag.cancelDrag=function() {this.isDragging=false};
//DragEvent.dragPlay=0;
DragEvent.dragevent = new DragEvent();
DragEvent.lyrListener = {
onmousedown : function(e) {
DragEvent.startDrag(e);
//e.preventDefault();
}
};
DragEvent.startDrag = function(e,dlyr) {
var origdlyr = dlyr;
if (!dlyr) dlyr = e.getSource();
if (dynapi.ua.dom) {
dlyr.elm.ondragstart = function() { return false; }
dlyr.elm.onselectstart = function() { return false; }
}
// Initialize dragEvent object
var de=DragEvent.dragevent;
//de.bubble = true;
de.src = dlyr;
de.origin = (origdlyr)? e.origin : dlyr;
de.x = e.getPageX()-dlyr.getPageX();
de.y = e.getPageY()-dlyr.getPageY();
de.pageX = e.getPageX();
de.pageY = e.getPageY();
de.parentPageX = dlyr.parent.getPageX();
de.parentPageY = dlyr.parent.getPageY();
de.isDragging = true;
e.preventDefault();
e.preventBubble();
// prevent Safari allowing text selection when dragging :/
document.getElementById("wimsbodybox").classList.add('unselectable');
//dlyr._dyndoc.addEventListener(DragEvent.docListener);
dlyr.invokeEvent("dragstart",de);
}
DragEvent.docListener = {
onmousemove : function(e) {
//var x = e.getPageX();
//var y = e.getPageY();
//dynapi.debug.status('drag move '+e.x+' '+e.y);
var de = DragEvent.dragevent;
if (de && de.isDragging) {
var lyr = de.src;
if (!lyr) return;
// DS: what is this?
// Detect if we should start the drag
/*if(DragEvent.dragPlay==0 || (Math.abs(de.pageX-e.getPageX())-DragEvent.dragPlay>0) || (Math.abs(de.pageY-e.getPageY())-DragEvent.dragPlay>0)) {
de.isDragging=true;
de.src.invokeEvent("dragstart",de);
e.setBubble(de.bubble);
}
*/
/*else if (!de.dragEnabled) {
// This allows 'cancelDrag' method to fire the mouseUp as if had been released by the user
lyr.invokeEvent("mouseup");
return;
}*/
// Properties
de.type="dragmove";
de.pageX=e.getPageX();
de.pageY=e.getPageY();
/*if (DragEvent.stopAtDocumentEdge) {
if (de.pageX<0) de.pageX = 0;
if (de.pageY<0) de.pageY = 0;
if (de.pageX>DynAPI.document.w) de.pageX = DynAPI.document.w;
if (de.pageY>DynAPI.document.h) de.pageY = DynAPI.document.h;
}*/
var x=de.pageX-de.parentPageX-de.x;
var y=de.pageY-de.parentPageY-de.y;
// Respect boundary, if any
if (lyr._dragBoundary) {
var dB = lyr._dragBoundary;
var t = dB.top;
var r = dB.right;
var b = dB.bottom;
var l = dB.left
if (x<l) x = l;
else if (x>lyr.parent.w-lyr.w-r) x = lyr.parent.w-lyr.w-r;
if (y<t) y = t;
else if (y>lyr.parent.h-lyr.h-b) y = lyr.parent.h-lyr.h-b;
}
else if (lyr._dragBoundaryA) {
var dB = lyr._dragBoundaryA;
var b=dB[2];
var r=dB[1];
var l=dB[3];
var t=dB[0];
var w=lyr.w;
var h=lyr.h;
if (x<l) x=l;
else if (x+w>r) x=r-w;
if (y<t) y=t;
else if (y+h>b) y=b-h;
}
// Move dragged layer
lyr.setLocation(x,y);
lyr.invokeEvent("dragmove",de);
if (lyr._dragStealth==false && lyr.parent.DragOver) {
lyr.parent.DragOver(lyr);
}
e.preventDefault();
e.preventBubble();
}
},
onmouseup : function(e) {
// Get, if any, the currently drag in process and the layer. If none, return
var de=DragEvent.dragevent;
//de.bubble = true;
if (!de) return;
var lyr=de.src;
if (!lyr) return;
if (!de.isDragging) {
de.type="dragend";
de.src=null;
//e.setBubble(true);
return;
}
if (dynapi.ua.ie) lyr.doc.body.onselectstart = null;
// Avoid click for the dragged layer ( with MouseEvent addition )
if (dynapi.ua.def) dynapi.wasDragging=true;
if (lyr.parent.DragDrop) lyr.parent.DragDrop(lyr);
// Properties for the event
de.type="dragend";
de.isDragging=false;
lyr.invokeEvent("dragend",de);
// Clean drag stuff
de.src=null;
//e.preventDefault();
e.preventBubble();
document.getElementById("wimsbodybox").classList.remove('unselectable');
//lyr._dyndoc.removeEventListener(DragEvent.docListener);
}
};
DragEvent.stopAtDocumentEdge = true;
DragEvent.setDragBoundary=function(lyr,t,r,b,l) {
if (!lyr) {dynapi.debug.print("Error: no object passed to DragEvent.setDragBoundary()"); return;}
var a=arguments;
if (a.length==0) return;
if (a.length==1) {
lyr._dragBoundary = {left:0,right:0,top:0,bottom:0};
}
if (a.length==2) {
lyr._dragBoundary = arguments[1];
}
else if (a.length==5) lyr._dragBoundaryA = [t,r,b,l];
};
DragEvent.enableDragEvents=function() {
for (var i=0;i<arguments.length;i++) {
var lyr=arguments[i];
if (!lyr) {dynapi.debug.print("Error: no object passed to DragEvent.enableDragEvents()"); return;}
if (lyr.isClass('DynLayer')) lyr.addEventListener(DragEvent.lyrListener);
}
dynapi.document.addEventListener(DragEvent.docListener);
dynapi.document.captureMouseEvents();
};
DragEvent.disableDragEvents=function() {
for (var i=0;i<arguments.length;i++) {
var lyr=arguments[i];
lyr.removeEventListener(DragEvent.lyrListener);
}
};
DynLayer.setDragMode = function(b,boundry){
if(!self.DragEvent) return false;
if(boundry)DragEvent.setDragBoundary(this,boundry);
if (b) DragEvent.enableDragEvents(this);
else DragEvent.disableDragEvents(this);
return true;
};
DynLayer.prototype.setDragOverStealthMode = function(b){
this._dragStealth=(b)? true:false;
};
// Enable ondrop event
DynElement.prototype.DragDrop=function(s){
if (!this.children.length>0) return false;
var ch,chX,sX,sY;
for (var i in this.children) {
ch=this.children[i];
if(ch._hasDragEvents){
chX=ch.getPageX();
chY=ch.getPageY();
sX=s.getPageX();
sY=s.getPageY();
if (chX<sX && chX+ch.w>sX+s.w && chY<sY && chY+ch.h>sY+s.h) {
if (ch.DragDrop(s)) return true;
ch.invokeEvent("drop");
return true;
}
}
}
return false;
};
// Enable ondragover event
DynElement.prototype.DragOver=function(s){
if (!this.children.length>0) return false;
var ch,chX,sX,sY;
for (var i in this.children) {
ch=this.children[i];
if(ch._hasDragEvents){
chX=ch.getPageX();
chY=ch.getPageY();
sX=s.getPageX();
sY=s.getPageY();
if (chX<sX && chX+ch.w>sX+s.w && chY<sY && chY+ch.h>sY+s.h) {
if (ch.DragDrop(s)) return true;
ch._isDragOver=true;
ch.invokeEvent("dragover");
return true;
}else if (ch._isDragOver) {
ch._isDragOver=false;
ch.invokeEvent("dragout");
}
}
}
return false;
};