asset manager initial check in
This commit is contained in:
JT Smith
parent
4bc4974ecc
commit
f7dd3b0577
320 changed files with 15398 additions and 0 deletions
258
www/extras/assetManager/Display.js
Normal file
258
www/extras/assetManager/Display.js
Normal file
|
|
@ -0,0 +1,258 @@
|
|||
|
||||
//--------Constructor--------------------
|
||||
|
||||
function Display() {
|
||||
this.dom=document.getElementById&&!document.all;
|
||||
this.baseX=0;
|
||||
this.baseY=0;
|
||||
this.width=0;
|
||||
this.height=0;
|
||||
this.rootNode="";
|
||||
this.packageNS = "";
|
||||
this.focusObject = null;
|
||||
this.overObject = null;
|
||||
this.overCrumbtrail = null;
|
||||
this.topLevelElement=this.dom? "HTML" : "BODY"
|
||||
this.scrollJump = 25;
|
||||
this.dragEnabled = false;
|
||||
this.displayPropertiesWindow = Display_displayPropertiesWindow;
|
||||
this.hidePropertiesWindow = Display_hidePropertiesWindow;
|
||||
this.dragStart = Display_dragStart;
|
||||
this.adjustScrollBars = Display_adjustScrollBars;
|
||||
this.dragStop = Display_dragStop;
|
||||
this.activityLists = new Array();
|
||||
this.spy = Display_spy;
|
||||
this.currentTemp=null;
|
||||
this.temp1 = 0;
|
||||
this.temp2=0;
|
||||
this.move = Display_move;
|
||||
this.x = 0;
|
||||
this.y = 0;
|
||||
this.contextMenu=new ContextMenu();
|
||||
this.bringToFront = Display_bringToFront;
|
||||
this.lastZIndex = 1000;
|
||||
this.dragableObjectClasses = new Array();
|
||||
this.registerDragableClass = Display_registerDragableClass;
|
||||
this.selectActivity = Display_selectActivity;
|
||||
this.keyDown = Display_keyDown;
|
||||
}
|
||||
|
||||
//---------Method Implementations -------------
|
||||
|
||||
function Display_registerDragableClass(objectClassName,classNameDuringDrag) {
|
||||
var obj = new Object();
|
||||
obj.clazzName = objectClassName;
|
||||
obj.clazzNameDuringDrag = classNameDuringDrag;
|
||||
this.dragableObjectClasses[this.dragableObjectClasses.length] = obj;
|
||||
}
|
||||
|
||||
function Display_bringToFront(obj) {
|
||||
this.lastZIndex++;
|
||||
obj.style.zIndex = this.lastZIndex;
|
||||
}
|
||||
|
||||
function Display_hidePropertiesWindow() {
|
||||
manager.tools.hideObject(document.getElementById("propertiesWindow"));
|
||||
}
|
||||
|
||||
function Display_displayPropertiesWindow(html) {
|
||||
temp = "<table border='1' cellspacing='0'><tr><td><table border='0'><tr bgcolor='#000000'><td width='325' class='dragable'><font color='#FFFFFF'>PROPERTIES</font></td><td align='right'><a href='javascript:manager.display.hidePropertiesWindow()'>X</a></td></tr><tr><td colspan='2'>" + html + "</td></tr></table></td></tr></table>";
|
||||
|
||||
propWindow = document.getElementById("propertiesWindow");
|
||||
propWindow.innerHTML=temp;
|
||||
propWindow.style.top=50 + document.body.scrollTop;
|
||||
propWindow.style.left=50 + document.body.scrollLeft;
|
||||
manager.tools.showObject(propWindow);
|
||||
this.bringToFront(propWindow);
|
||||
}
|
||||
|
||||
|
||||
function Display_dragStart(firedobj,xCoordinate,yCoordinate) {
|
||||
if (!firedobj) return null;
|
||||
|
||||
|
||||
|
||||
while (firedobj.tagName!=this.topLevelElement && firedobj.className.indexOf("active-templates-row") == -1 && firedobj.className != "dragable") {
|
||||
firedobj=manager.display.dom? firedobj.parentNode : firedobj.parentElement
|
||||
}
|
||||
|
||||
|
||||
if (firedobj.className.indexOf("active-templates-row") == -1 && firedobj.className != "dragable") {
|
||||
return;
|
||||
}
|
||||
|
||||
this.dragEnabled=true;
|
||||
|
||||
// while (firedobj.tagName!=this.topLevelElement) {
|
||||
// for (i =0;i<this.dragableObjectClasses.length;i++) {
|
||||
// if (firedobj.className==this.dragableObjectClasses[i].clazzName) {
|
||||
|
||||
|
||||
this.pageHeight = window.document.body.scrollHeight;
|
||||
this.pageWidth = window.document.body.scrollWidth;
|
||||
|
||||
this.focusObject=firedobj
|
||||
//this.bringToFront(this.focusObject);
|
||||
|
||||
//hack to get the transparency - need to make generic
|
||||
// this.focusObject.dragDescriptor = this.dragableObjectClasses[i];
|
||||
// this.focusObject.className=this.dragableObjectClasses[i].clazzNameDuringDrag;
|
||||
|
||||
if (firedobj.className.indexOf("active-templates-row") != -1) {
|
||||
this.bringToFront(document.getElementById("dragImage"));
|
||||
document.getElementById("dragImage").innerHTML = " " + manager.assets[firedobj.id].title + " ";
|
||||
}else {
|
||||
this.temp1=parseInt(this.focusObject.style.left+0)
|
||||
this.temp2=parseInt(this.focusObject.style.top+0)
|
||||
}
|
||||
this.x=xCoordinate;
|
||||
this.y=yCoordinate;
|
||||
return false;
|
||||
// }
|
||||
|
||||
// }
|
||||
// firedobj=display.dom? firedobj.parentNode : firedobj.parentElement
|
||||
// }
|
||||
//return false;
|
||||
}
|
||||
|
||||
function Display_dragStop() {
|
||||
if (this.dragEnabled) {
|
||||
|
||||
this.dragEnabled = false;
|
||||
document.getElementById("dragImage").style.display="none";
|
||||
|
||||
//if (this.focusObject.dragDescriptor.clazzName == "activityMenuItem") {
|
||||
if (this.overObject != null && this.overObject != this.focusObject && manager.assets[this.overObject.id]) {
|
||||
manager.assets[this.focusObject.id].setRank(manager.assets[this.overObject.rank]);
|
||||
}
|
||||
//this.focusObject.style.top=0;
|
||||
//this.focusObject.style.left=0;
|
||||
}
|
||||
|
||||
//this.focusObject.className = this.focusObject.dragDescriptor.clazzName;
|
||||
|
||||
//}
|
||||
}
|
||||
|
||||
function Display_selectActivity(obj) {
|
||||
|
||||
//alert(this.overObject);
|
||||
if (this.overObject && this.overObject != obj) {
|
||||
this.overObject.style.backgroundColor = "white";
|
||||
}
|
||||
|
||||
if (obj && obj != null) {
|
||||
obj.style.backgroundColor = "red";
|
||||
}
|
||||
this.overObject = obj;
|
||||
}
|
||||
|
||||
function Display_move(e){
|
||||
|
||||
if (this.dragEnabled){
|
||||
|
||||
this.adjustScrollBars(e);
|
||||
|
||||
if (this.focusObject.className=="dragable") {
|
||||
this.focusObject.style.left=this.dom? this.temp1+e.clientX-this.x: this.temp1+event.clientX-this.x
|
||||
this.focusObject.style.top=this.dom? this.temp2+e.clientY-this.y : this.temp2+event.clientY-this.y
|
||||
}else {
|
||||
var act = this.spy(this.dom? e.pageX: (e.clientX + document.body.scrollLeft),this.dom? e.pageY: (e.clientY + document.body.scrollTop));
|
||||
this.selectActivity(act);
|
||||
|
||||
if (this.overObject != this.focusObject) {
|
||||
var act = this.spy(this.dom? e.pageX: (e.clientX + document.body.scrollLeft),this.dom? e.pageY: (e.clientY + document.body.scrollTop));
|
||||
document.getElementById("dragImage").style.display = "block";
|
||||
document.getElementById("dragImage").style.top = this.dom? (e.clientY+ 15) + "px" : (event.clientY + 15) + "px";
|
||||
document.getElementById("dragImage").style.left = this.dom? (e.clientX + 5) + "px" : (event.clientX + 5) + "px";
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
return false
|
||||
}
|
||||
}
|
||||
|
||||
function Display_spy(x,y) {
|
||||
var returnObj = null;
|
||||
|
||||
for (i=0;i<manager.assetKeys.length;i++) {
|
||||
obj = manager.assets[manager.assetKeys[i]].div;
|
||||
|
||||
//this is a hack
|
||||
if (obj == null || obj == this.focusObject) continue;
|
||||
|
||||
var fObj=obj;
|
||||
|
||||
y1=0;
|
||||
x1=0
|
||||
|
||||
while (fObj!=null && fObj.tagName!=this.topLevelElement){
|
||||
y1+=fObj.offsetTop;
|
||||
x1+=fObj.offsetLeft;
|
||||
fObj=fObj.offsetParent;
|
||||
}
|
||||
|
||||
|
||||
if (x >x1 && x < (x1 + obj.offsetWidth)) {
|
||||
if (y> y1 && y< (y1 + obj.offsetHeight)) {
|
||||
//for (j=0;j<obj.bpm.children.length;j++) {
|
||||
// if (y>(y1 + obj.bpm.children[j].offsetTop) && y < (y1 + obj.bpm.children[j].offsetTop + obj.bpm.children[j].offsetHeight)) {
|
||||
return obj;
|
||||
// }
|
||||
//}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return returnObj;
|
||||
}
|
||||
|
||||
function Display_keyDown(e) {
|
||||
if (e.keyCode == 46 && this.overObject && this.overObject != null) {
|
||||
this.overObject.bpm.remove();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//checks to see if the scroll bars need to be adjusted
|
||||
function Display_adjustScrollBars(e) {
|
||||
var scrY=0;
|
||||
var scrX=0;
|
||||
|
||||
if (e.clientY > document.body.clientHeight-this.scrollJump) {
|
||||
if (e.clientY + document.body.scrollTop < this.pageHeight - (this.scrollJump + 40)) {
|
||||
scrY=this.scrollJump;
|
||||
window.scroll(document.body.scrollLeft,document.body.scrollTop + scrY);
|
||||
this.y-=scrY;
|
||||
}
|
||||
}else if (e.clientY < this.scrollJump) {
|
||||
if (document.body.scrollTop < this.scrollJump) {
|
||||
scrY = document.body.scrollTop;
|
||||
}else {
|
||||
scrY=this.scrollJump;
|
||||
}
|
||||
window.scroll(document.body.scrollLeft,document.body.scrollTop - scrY);
|
||||
this.y+=scrY;
|
||||
}
|
||||
|
||||
|
||||
if (e.clientX > document.body.clientWidth-this.scrollJump) {
|
||||
if (e.clientX + document.body.scrollLeft < this.pageWidth - (this.scrollJump + 40)) {
|
||||
scrX=this.scrollJump;
|
||||
window.scroll(document.body.scrollLeft + scrX,document.body.scrollTop);
|
||||
this.x-=scrX;
|
||||
}
|
||||
}else if (e.clientX < this.scrollJump) {
|
||||
if (document.body.scrollLeft < this.scrollJump) {
|
||||
scrX = document.body.scrollLeft;
|
||||
}else {
|
||||
scrX=this.scrollJump;
|
||||
}
|
||||
window.scroll(document.body.scrollLeft - scrX,document.body.scrollTop);
|
||||
this.x+=scrX;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue