converting nav and more asset manager fixes
This commit is contained in:
JT Smith
parent
63345d79fe
commit
a287beda58
19 changed files with 1206 additions and 556 deletions
|
|
@ -1,6 +1,7 @@
|
|||
|
||||
//--------Constructor--------------------
|
||||
|
||||
//Creates a new asset object.
|
||||
function Asset() {
|
||||
//properties
|
||||
this.url = "";
|
||||
|
|
@ -65,19 +66,5 @@ function Asset_view() {
|
|||
location.href = "http://" + manager.tools.getHostName(location.href) + this.url;
|
||||
}
|
||||
|
||||
//function Asset_displayProperties() {
|
||||
// html = "<table border='0'><tr><td class=\"propertiesMenuName\">Title:</td><td class=\"propertiesMenuValue\">" + this.title + "</td></tr>";
|
||||
// html+="<tr><td class=\"propertiesMenuName\">Rank:</td><td class=\"propertiesMenuValue\">" + this.rank + "</td></tr>"
|
||||
// html+="<tr><td class=\"propertiesMenuName\">Asset ID:</td><td class=\"propertiesMenuValue\">" + this.assetId + "</td></tr>"
|
||||
// html+="<tr><td class=\"propertiesMenuName\">Asset Type:</td><td class=\"propertiesMenuValue\">" + this.type + "</td></tr>"
|
||||
// html+="<tr><td class=\"propertiesMenuName\">Size:</td><td class=\"propertiesMenuValue\">" + this.size + "</td></tr>"
|
||||
// html+="<tr><td class=\"propertiesMenuName\">Last Updated:</td><td class=\"propertiesMenuValue\">" + this.lastUpdate + "</td></tr>"
|
||||
// html+="</table>";
|
||||
// manager.display.displayPropertiesWindow(html);
|
||||
//}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,12 +1,15 @@
|
|||
//--------Constructor--------------------
|
||||
|
||||
//Manages an array of assets.
|
||||
|
||||
function AssetManager(assetArrayData,headerArrayData,labels,crumbtrail) {
|
||||
|
||||
//create all the objects used by the manager
|
||||
this.tools = new Tools();
|
||||
this.contextMenu = new ContextMenu();
|
||||
this.display = new Display();
|
||||
this.eventManager = new EventManager();
|
||||
|
||||
|
||||
this.keys = new Array();
|
||||
this.keys[0] = "rank";
|
||||
this.keys[1] = "title";
|
||||
|
|
@ -34,31 +37,30 @@ function AssetManager(assetArrayData,headerArrayData,labels,crumbtrail) {
|
|||
this.getSelectedAssetIds = AssetManager_getSelectedAssetIds;
|
||||
}
|
||||
|
||||
//returns a reference to the asset manager
|
||||
function AssetManager_getManager() {
|
||||
//debug(manager.assetArrayData);
|
||||
return manager;
|
||||
}
|
||||
|
||||
//renders the full asset manager
|
||||
function AssetManager_renderAssets() {
|
||||
|
||||
|
||||
var gridStr = '<table border="0" cellspacing="0" id="am_grid" class="am-grid"><tbody id="am_grid_body"><tr id="am_grid.headers" class="am-grid-headers">';
|
||||
var eventStr='';
|
||||
var id = "";
|
||||
|
||||
for (i=0;i<this.columnHeadings.length;i++) {
|
||||
id = 'am_grid.headers.' + i;
|
||||
id = 'am_grid.headers.' + i;
|
||||
gridStr+= '<td id="' + id + '" class="am-grid-header-' + i + '">' + this.columnHeadings[i] + '</td>';
|
||||
eventStr += 'document.getElementById("' + id + '").onclick=AssetManager_getManager().eventManager.gridHeaderClick;';
|
||||
eventStr += 'document.getElementById("' + id + '").onmouseover=AssetManager_getManager().eventManager.gridHeaderMouseOver;';
|
||||
eventStr += 'document.getElementById("' + id + '").onmouseout=AssetManager_getManager().eventManager.gridHeaderMouseOut;';
|
||||
}
|
||||
|
||||
gridStr+= '</tr>';
|
||||
//['Rank','Title','Type','Last Updated','Size'];
|
||||
for (i=0;i<this.assetArrayData.length;i++) {
|
||||
id = 'am_grid.row.'+ i;
|
||||
gridStr += '<tr id="'+ id + '" class="am-grid-row">';
|
||||
|
||||
/* rank, title, type, lastUpdate, size, url, assetId */
|
||||
asset = new Asset();
|
||||
|
||||
asset.rank = this.assetArrayData[i][0];
|
||||
|
|
@ -72,9 +74,6 @@ function AssetManager_renderAssets() {
|
|||
this.assets[i]=asset;
|
||||
|
||||
//add the row events
|
||||
// eventStr += 'document.getElementById("' + id + '").onclick=Grid_rowClicked;';
|
||||
// eventStr += 'document.getElementById("' + id + '").onmouseover=Grid_rowMouseOver;';
|
||||
// eventStr += 'document.getElementById("' + id + '").onmouseout=Grid_rowMouseOut;';
|
||||
eventStr += 'document.getElementById("' + id + '").ondblclick=AssetManager_getManager().eventManager.assetDoubleClick;';
|
||||
eventStr += 'document.getElementById("' + id + '").onmousedown=AssetManager_getManager().eventManager.assetMouseDown;';
|
||||
eventStr += 'document.getElementById("' + id + '").oncontextmenu=AssetManager_getManager().eventManager.assetRightClick;';
|
||||
|
|
@ -90,7 +89,6 @@ function AssetManager_renderAssets() {
|
|||
gridStr +='<img src="' + asset.icon + '" border="0"/>';
|
||||
}
|
||||
gridStr+=this.assetArrayData[i][k] + '</td>';
|
||||
// eventStr += 'document.getElementById("' + id + '").asset = AssetManager_getManager().assets[' + i + '];';
|
||||
}
|
||||
}
|
||||
gridStr+='</tr>';
|
||||
|
|
@ -100,11 +98,11 @@ function AssetManager_renderAssets() {
|
|||
document.getElementById("workspace").innerHTML=gridStr;
|
||||
eval(eventStr);
|
||||
|
||||
this.buildCrumbTrail();
|
||||
|
||||
|
||||
}
|
||||
this.buildCrumbTrail();
|
||||
}
|
||||
|
||||
|
||||
//builds the asset crumb trail
|
||||
function AssetManager_buildCrumbTrail() {
|
||||
var crumbtrail = document.getElementById("crumbtrail");
|
||||
var contents = '<table><tr>';
|
||||
|
|
@ -130,8 +128,6 @@ function AssetManager_buildCrumbTrail() {
|
|||
asset.title = this.crumbtrail[i][2];
|
||||
asset.url = this.crumbtrail[i][1];
|
||||
asset.assetId = this.crumbtrail[i][0];
|
||||
|
||||
|
||||
asset.div = document.getElementById(this.crumbtrail[i][0]);
|
||||
|
||||
asset.div.ondblclick=AssetManager_getManager().eventManager.assetDoubleClick;
|
||||
|
|
@ -140,25 +136,21 @@ function AssetManager_buildCrumbTrail() {
|
|||
|
||||
asset.isParent = true;
|
||||
document.getElementById(this.crumbtrail[i][0]).asset = asset;
|
||||
this.assets[this.assets.length] = asset;
|
||||
|
||||
}
|
||||
|
||||
this.assets[this.assets.length] = asset;
|
||||
}
|
||||
}
|
||||
|
||||
function AssetManager_getAsset(obj) {
|
||||
|
||||
//returns an asset based on a div object
|
||||
function AssetManager_getAsset(obj) {
|
||||
while (obj.tagName!=this.display.topLevelElement && !obj.asset) {
|
||||
obj=this.display.dom? obj.parentNode : obj.parentElement
|
||||
}
|
||||
|
||||
}
|
||||
return obj.asset;
|
||||
}
|
||||
|
||||
//displays the right click context menu
|
||||
function AssetManager_displayContextMenu(x,y,asset) {
|
||||
|
||||
var arr = new Array();
|
||||
|
||||
var arr = new Array();
|
||||
if (this.display.overObjects.length == 1) {
|
||||
arr[arr.length] = new ContextMenuItem(this.labels["go"],"javascript:manager.display.contextMenu.owner.go()");
|
||||
arr[arr.length] = new ContextMenuItem("<img src='/extras/assetManager/breakerLine.gif'>","");
|
||||
|
|
@ -212,6 +204,7 @@ function AssetManager_remove() {
|
|||
}
|
||||
}
|
||||
|
||||
//returns the asset IDS of all selected assets
|
||||
function AssetManager_getSelectedAssetIds() {
|
||||
var assetIds = "";
|
||||
for (i=0;i<this.display.overObjects.length;i++) {
|
||||
|
|
@ -220,6 +213,7 @@ function AssetManager_getSelectedAssetIds() {
|
|||
return assetIds;
|
||||
}
|
||||
|
||||
//Sorts the asset grid based on a column index
|
||||
function AssetManager_sortGrid(columnIndex) {
|
||||
|
||||
var prop = this.keys[columnIndex];
|
||||
|
|
@ -247,8 +241,7 @@ function AssetManager_sortGrid(columnIndex) {
|
|||
}else {
|
||||
colHeader.sortOrder=">";
|
||||
document.getElementById('am_grid.headers.' + columnIndex).innerHTML = this.columnHeadings[columnIndex] + ' <img src="/extras/assetManager/down.gif" />';
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
var rowArray = new Array();
|
||||
|
||||
|
|
|
|||
|
|
@ -1,30 +1,19 @@
|
|||
|
||||
//--------Constructor--------------------
|
||||
|
||||
//creates a new Display object. The display object manages selected assets, the drag functionality, and highlighting.
|
||||
|
||||
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.focusObjects = new Array();
|
||||
this.overObjects = new Array();
|
||||
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;
|
||||
|
|
@ -33,8 +22,6 @@ function Display() {
|
|||
this.contextMenu=new ContextMenu();
|
||||
this.bringToFront = Display_bringToFront;
|
||||
this.lastZIndex = 1000;
|
||||
this.dragableObjectClasses = new Array();
|
||||
this.registerDragableClass = Display_registerDragableClass;
|
||||
this.keyDown = Display_keyDown;
|
||||
this.keyUp = Display_keyUp;
|
||||
this.selectAsset = Display_selectAsset;
|
||||
|
|
@ -44,115 +31,59 @@ function Display() {
|
|||
|
||||
//---------Method Implementations -------------
|
||||
|
||||
function Display_registerDragableClass(objectClassName,classNameDuringDrag) {
|
||||
var obj = new Object();
|
||||
obj.clazzName = objectClassName;
|
||||
obj.clazzNameDuringDrag = classNameDuringDrag;
|
||||
this.dragableObjectClasses[this.dragableObjectClasses.length] = obj;
|
||||
}
|
||||
|
||||
//changes the z index of obj to be greater than all other elements
|
||||
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'>" + manager.labels['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);
|
||||
}
|
||||
|
||||
|
||||
//called to enable dragging on an element
|
||||
function Display_dragStart(firedobj,xCoordinate,yCoordinate) {
|
||||
|
||||
if (!firedobj) return;
|
||||
|
||||
if (this.shiftKeyDown) return;
|
||||
|
||||
|
||||
|
||||
while (firedobj.tagName!=this.topLevelElement && !firedobj.asset && firedobj.className != "dragable") {
|
||||
if (this.shiftKeyDown || this.controlKeyDown) return;
|
||||
|
||||
//traverse up the dom tree until you find the asset
|
||||
while (firedobj.tagName!=this.topLevelElement && !firedobj.asset) {
|
||||
firedobj=manager.display.dom? firedobj.parentNode : firedobj.parentElement
|
||||
}
|
||||
|
||||
|
||||
if ((!firedobj.asset || firedobj.asset.isParent) && firedobj.className != "dragable") {
|
||||
if ((!firedobj.asset || firedobj.asset.isParent)) {
|
||||
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.pageHeight = document.documentElement.scrollHeight;
|
||||
this.pageWidth = document.documentElement.scrollWidth;
|
||||
|
||||
if (firedobj.asset) {
|
||||
this.focusObjects[0]=firedobj.asset;
|
||||
}else {
|
||||
this.focusObjects[0] = firedobj;
|
||||
}
|
||||
this.focusObjects[0]=firedobj.asset;
|
||||
|
||||
//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.asset) {
|
||||
this.bringToFront(document.getElementById("dragImage"));
|
||||
document.getElementById("dragImage").innerHTML = " " + firedobj.asset.title + " ";
|
||||
}else {
|
||||
this.temp1=parseInt(this.focusObjects[0].style.left+0)
|
||||
this.temp2=parseInt(this.focusObjects[0].style.top+0)
|
||||
}
|
||||
this.x=xCoordinate;
|
||||
this.y=yCoordinate;
|
||||
return false;
|
||||
// }
|
||||
|
||||
// }
|
||||
// firedobj=display.dom? firedobj.parentNode : firedobj.parentElement
|
||||
// }
|
||||
//return false;
|
||||
this.bringToFront(document.getElementById("dragImage"));
|
||||
document.getElementById("dragImage").innerHTML = " " + firedobj.asset.title + " ";
|
||||
this.x=xCoordinate;
|
||||
this.y=yCoordinate;
|
||||
return false;
|
||||
}
|
||||
|
||||
//called on mouse up if dragging was enabled
|
||||
function Display_dragStop() {
|
||||
if (this.dragEnabled) {
|
||||
|
||||
this.dragEnabled = false;
|
||||
document.getElementById("dragImage").style.display="none";
|
||||
|
||||
//if (this.focusObjects.dragDescriptor.clazzName == "activityMenuItem") {
|
||||
if (this.overObjects[0] && this.overObjects[0].assetId && this.overObjects[0] != this.focusObjects[0]) {
|
||||
|
||||
if (this.overObjects[0].isParent) {
|
||||
this.focusObjects[0].setParent(this.overObjects[0]);
|
||||
}else {
|
||||
this.focusObjects[0].setRank(this.overObjects[0].rank);
|
||||
}
|
||||
}
|
||||
//this.focusObject.style.top=0;
|
||||
//this.focusObject.style.left=0;
|
||||
}
|
||||
|
||||
//this.focusObject.className = this.focusObject.dragDescriptor.clazzName;
|
||||
|
||||
//}
|
||||
if (this.overObjects[0] && this.overObjects[0].assetId && this.overObjects[0] != this.focusObjects[0]) {
|
||||
if (this.overObjects[0].isParent) {
|
||||
this.focusObjects[0].setParent(this.overObjects[0]);
|
||||
}else {
|
||||
this.focusObjects[0].setRank(this.overObjects[0].rank);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//checks to see if an asset is already in the overObjects array
|
||||
function Display_isSelected(asset) {
|
||||
//check to see if obj is already in array
|
||||
var inArray=false;
|
||||
|
|
@ -164,67 +95,69 @@ function Display_isSelected(asset) {
|
|||
return false;
|
||||
}
|
||||
|
||||
//adds an asset to the overobjects array
|
||||
function Display_selectAsset(asset) {
|
||||
// debug(this.overObjects.length);
|
||||
if (!this.controlKeyDown && !this.shiftKeyDown) {
|
||||
for (i=0;i<this.overObjects.length;i++) {
|
||||
this.overObjects[i].div.className="am-grid-row";
|
||||
|
||||
if (asset.isParent) {
|
||||
this.overObjects[i].div.className="am-crumbtrail";
|
||||
}else {
|
||||
this.overObjects[i].div.className="am-grid-row";
|
||||
}
|
||||
}
|
||||
this.overObjects=new Array();
|
||||
}
|
||||
|
||||
|
||||
|
||||
if (!this.isSelected(asset)) {
|
||||
this.overObjects[this.overObjects.length] = asset;
|
||||
asset.div.className="am-grid-row-over";
|
||||
if (asset.isParent) {
|
||||
asset.div.className="am-crumbtrail-over";
|
||||
}else {
|
||||
asset.div.className="am-grid-row-over";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//Clears out the over objects array
|
||||
function Display_clearSelectedAssets() {
|
||||
for (i=0;i<this.overObjects.length;i++) {
|
||||
this.overObjects[i].div.style.backgroundColor="white";
|
||||
if (this.overObjects[i].isParent) {
|
||||
this.overObjects[i].div.className="am-crumbtrail";
|
||||
}else {
|
||||
this.overObjects[i].div.className="am-grid-row";
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
this.overObjects=new Array();
|
||||
}
|
||||
|
||||
|
||||
//called on mouse move. checks to see if mouse cursor is over an asset when dragging
|
||||
function Display_move(e){
|
||||
|
||||
if (this.dragEnabled){
|
||||
|
||||
if (this.dragEnabled){
|
||||
this.adjustScrollBars(e);
|
||||
|
||||
if (this.focusObjects[0].className=="dragable") {
|
||||
this.focusObjects[0].style.left=this.dom? this.temp1+e.clientX-this.x: this.temp1+event.clientX-this.x
|
||||
this.focusObjects[0].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));
|
||||
var topScroll = document.documentElement.scrollTop;
|
||||
var leftScroll =document.documentElement.scrollLeft;
|
||||
|
||||
var act = this.spy(this.dom? e.pageX: (e.clientX + document.documentElement.scrollLeft),this.dom? e.pageY: (e.clientY + document.documentElement.scrollTop));
|
||||
|
||||
if (act && act.asset) {
|
||||
this.selectAsset(act.asset);
|
||||
}else {
|
||||
this.clearSelectedAssets();
|
||||
}
|
||||
if (act && act.asset) {
|
||||
this.selectAsset(act.asset);
|
||||
}else {
|
||||
this.clearSelectedAssets();
|
||||
}
|
||||
|
||||
if (this.overObjects[0] != this.focusObjects[0]) {
|
||||
//var act = this.spy(this.dom? e.pageX: (e.clientX + document.body.scrollLeft),this.dom? e.pageY: (e.clientY + document.body.scrollTop));
|
||||
var act = this.spy(this.dom? e.pageX: (e.clientX + window.scrollX),this.dom? e.pageY: (e.clientY + window.scrollY));
|
||||
document.getElementById("dragImage").style.display = "block";
|
||||
// document.getElementById("dragImage").style.top = this.dom? (e.clientY+ 15 + document.body.scrollTop) + "px" : (event.clientY + 15) + "px";
|
||||
document.getElementById("dragImage").style.top = this.dom? (e.clientY+ 15 + window.scrollY) + "px" : (event.clientY + 15) + "px";
|
||||
|
||||
// debug(document.body.scrollTop);
|
||||
//debug(window.scrollY);
|
||||
//document.getElementById("dragImage").style.left = this.dom? (e.clientX + 5 + document.body.scrollTop) + "px" : (event.clientX + 5) + "px";
|
||||
document.getElementById("dragImage").style.left = this.dom? (e.clientX + 5 + window.scrollX) + "px" : (event.clientX + 5) + "px";
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
return false
|
||||
//change the position of the drag icon box
|
||||
document.getElementById("dragImage").style.display = "block";
|
||||
document.getElementById("dragImage").style.top = this.dom? (e.clientY+ 15 + topScroll) + "px" : (event.clientY + 15 + topScroll) + "px";
|
||||
document.getElementById("dragImage").style.left = this.dom? (e.clientX + 5 + leftScroll) + "px" : (event.clientX + 5 + leftScroll) + "px";
|
||||
}
|
||||
return false
|
||||
}
|
||||
|
||||
//check to see if the mouse cursor is over and asset. If so, returns the asset
|
||||
function Display_spy(x,y) {
|
||||
var returnObj = null;
|
||||
|
||||
|
|
@ -244,22 +177,19 @@ function Display_spy(x,y) {
|
|||
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;
|
||||
// }
|
||||
//}
|
||||
//add 13 pixels for ie since border widths are included in calculation
|
||||
var fudge = this.dom? 0:13;
|
||||
if (y> y1 && y< (y1 + obj.offsetHeight + fudge)) {
|
||||
return obj;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
return returnObj;
|
||||
}
|
||||
|
||||
//called on keyDown. Does the right thing (ex. delete, cut, copy, ect)
|
||||
function Display_keyDown(e) {
|
||||
if (e.keyCode==16) {
|
||||
this.shiftKeyDown = true;
|
||||
|
|
@ -270,6 +200,7 @@ function Display_keyDown(e) {
|
|||
}
|
||||
}
|
||||
|
||||
//called on keyUp. Does the right thing (ex. delete, cut, copy, ect)
|
||||
function Display_keyUp(e) {
|
||||
if (e.keyCode==16) {
|
||||
this.shiftKeyDown = false;
|
||||
|
|
@ -278,42 +209,46 @@ function Display_keyUp(e) {
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
//checks to see if the scroll bars need to be adjusted
|
||||
//checks to see if the scroll bars need to be adjusted. Called durring dragging
|
||||
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)) {
|
||||
var topScroll = document.documentElement.scrollTop;
|
||||
var leftScroll = document.documentElement.scrollLeft;
|
||||
var innerHeight = document.documentElement.clientHeight;
|
||||
var innerWidth = document.documentElement.clientWidth;
|
||||
|
||||
if (e.clientY > innerHeight-this.scrollJump) {
|
||||
if (e.clientY + topScroll < this.pageHeight - (this.scrollJump + 40)) {
|
||||
scrY=this.scrollJump;
|
||||
window.scroll(document.body.scrollLeft,document.body.scrollTop + scrY);
|
||||
window.scroll(leftScroll,topScroll + scrY);
|
||||
this.y-=scrY;
|
||||
}
|
||||
}else if (e.clientY < this.scrollJump) {
|
||||
if (document.body.scrollTop < this.scrollJump) {
|
||||
scrY = document.body.scrollTop;
|
||||
if (topScroll < this.scrollJump) {
|
||||
scrY = topScroll;
|
||||
}else {
|
||||
scrY=this.scrollJump;
|
||||
}
|
||||
window.scroll(document.body.scrollLeft,document.body.scrollTop - scrY);
|
||||
window.scroll(leftScroll,topScroll - scrY);
|
||||
this.y+=scrY;
|
||||
}
|
||||
|
||||
|
||||
if (e.clientX > document.body.clientWidth-this.scrollJump) {
|
||||
if (e.clientX + document.body.scrollLeft < this.pageWidth - (this.scrollJump + 40)) {
|
||||
if (e.clientX > innerWidth-this.scrollJump) {
|
||||
if (e.clientX + leftScroll < this.pageWidth - (this.scrollJump + 40)) {
|
||||
scrX=this.scrollJump;
|
||||
window.scroll(document.body.scrollLeft + scrX,document.body.scrollTop);
|
||||
window.scroll(leftScroll + scrX,topScroll);
|
||||
this.x-=scrX;
|
||||
}
|
||||
}else if (e.clientX < this.scrollJump) {
|
||||
if (document.body.scrollLeft < this.scrollJump) {
|
||||
scrX = document.body.scrollLeft;
|
||||
if (leftScroll < this.scrollJump) {
|
||||
scrX = leftScroll;
|
||||
}else {
|
||||
scrX=this.scrollJump;
|
||||
}
|
||||
window.scroll(document.body.scrollLeft - scrX,document.body.scrollTop);
|
||||
window.scroll(leftScroll - scrX,topScroll);
|
||||
this.x+=scrX;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,6 +11,8 @@ function EventManager() {
|
|||
document.onkeyup=EventManager_keyUp;
|
||||
|
||||
this.gridHeaderClick = EventManager_gridHeaderClick;
|
||||
this.gridHeaderMouseOver = EventManager_gridHeaderMouseOver;
|
||||
this.gridHeaderMouseOut = EventManager_gridHeaderMouseOut;
|
||||
this.assetDoubleClick = EventManager_assetDoubleClick;
|
||||
this.assetRightClick = EventManager_assetRightClick;
|
||||
this.assetMouseDown = EventManager_assetMouseDown;
|
||||
|
|
@ -19,6 +21,28 @@ function EventManager() {
|
|||
|
||||
//---------Method Implementations -------------
|
||||
|
||||
function EventManager_gridHeaderMouseOver(e) {
|
||||
var dom = document.getElementById&&!document.all;
|
||||
e=dom? e : event;
|
||||
|
||||
if (!manager.display.dragEnabled) {
|
||||
var obj =dom? e.target : e.srcElement
|
||||
var parts = obj.className.split("-");
|
||||
obj.className="am-grid-header-over-" + parts[parts.length -1];
|
||||
}
|
||||
}
|
||||
|
||||
function EventManager_gridHeaderMouseOut(e) {
|
||||
var dom = document.getElementById&&!document.all;
|
||||
e=dom? e : event;
|
||||
var obj =dom? e.target : e.srcElement
|
||||
|
||||
var parts = obj.className.split("-");
|
||||
|
||||
obj.className="am-grid-header-" + parts[parts.length -1];
|
||||
|
||||
}
|
||||
|
||||
function EventManager_keyDown(e) {
|
||||
var dom = document.getElementById&&!document.all;
|
||||
e=dom? e : event;
|
||||
|
|
@ -64,6 +88,8 @@ function EventManager_assetMouseDown(e) {
|
|||
var dom = document.getElementById&&!document.all;
|
||||
e=dom? e : event;
|
||||
|
||||
Display_adjustScrollBars(e);
|
||||
|
||||
if (e.button==2) {
|
||||
//this is a hack to get the context menu stuff to work right in IE
|
||||
if (!dom) {
|
||||
|
|
@ -91,6 +117,8 @@ function EventManager_documentMouseDown(e) {
|
|||
manager.display.dragStart(asset.div,e.clientX,e.clientY);
|
||||
return;
|
||||
}
|
||||
}else {
|
||||
manager.display.clearSelectedAssets();
|
||||
}
|
||||
|
||||
if (e.button != 2) {
|
||||
|
|
@ -116,8 +144,6 @@ function EventManager_documentMouseUp(e) {
|
|||
|
||||
}
|
||||
manager.display.dragStop();
|
||||
//if (obj) manager.display.selectActivity(obj);
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
|
|
@ -133,7 +159,6 @@ function EventManager_gridHeaderClick(e) {
|
|||
var e=dom? e : event;
|
||||
var obj =dom? e.target : e.srcElement
|
||||
|
||||
var parts = obj.id.split(".");
|
||||
|
||||
var parts = obj.id.split(".");
|
||||
AssetManager_getManager().sortGrid(parts[parts.length-1]);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,6 @@
|
|||
function Tools() {
|
||||
this.dom=document.getElementById&&!document.all;
|
||||
this.topLevelElement=this.dom? "HTML" : "BODY"
|
||||
this.getActivity = Tools_getActivity;
|
||||
this.debug = Tools_debug;
|
||||
this.debugEnabled = false;
|
||||
this.getElementChildren = Tools_getElementChildren;
|
||||
|
|
@ -52,11 +51,6 @@ function Tools_cancelEvent() {
|
|||
return false;
|
||||
}
|
||||
|
||||
//recurses up a tree to get any activity of className activity
|
||||
function Tools_getActivity(obj) {
|
||||
var parts = obj.id.split(".");
|
||||
return manager.assets[parts[0] + "." + parts[1] + "." + parts[2]];
|
||||
}
|
||||
|
||||
//shows a positionable element by toggling the style display property
|
||||
function Tools_showObject(obj) {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,3 @@
|
|||
#crumbtrail{
|
||||
color: #3E697E;
|
||||
font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
|
||||
}
|
||||
.am-grid {
|
||||
height: 100%;
|
||||
font: menu;
|
||||
|
|
@ -25,7 +21,7 @@
|
|||
.am-grid-header-0 img{
|
||||
padding: 0 3px 0 3px;
|
||||
}
|
||||
.am-grid-header-0 .over{
|
||||
.am-grid-header-over-0{
|
||||
width: 10px;
|
||||
background-color: #F2F3F4;
|
||||
border-left: 1px solid #fff;
|
||||
|
|
@ -47,6 +43,15 @@
|
|||
padding: 0 3px 0 3px;
|
||||
}
|
||||
|
||||
.am-grid-header-over-1{
|
||||
width: 200px;
|
||||
background-color: #F2F3F4;
|
||||
border-left: 1px solid #fff;
|
||||
border-right: 1px solid #7F949F;
|
||||
border-bottom: 2px solid #EA5600;
|
||||
padding: 0 0 0 10px;
|
||||
}
|
||||
|
||||
.am-grid-header-2 {
|
||||
width: 50px;
|
||||
background-color: #F2F3F4;
|
||||
|
|
@ -59,6 +64,15 @@
|
|||
padding: 0 3px 0 3px;
|
||||
}
|
||||
|
||||
.am-grid-header-over-2{
|
||||
width: 50px;
|
||||
background-color: #F2F3F4;
|
||||
border-left: 1px solid #fff;
|
||||
border-right: 1px solid #7F949F;
|
||||
border-bottom: 2px solid #EA5600;
|
||||
padding: 0 0 0 10px;
|
||||
}
|
||||
|
||||
.am-grid-header-3 {
|
||||
width: 150px;
|
||||
background-color: #F2F3F4;
|
||||
|
|
@ -71,6 +85,15 @@
|
|||
padding: 0 3px 0 3px;
|
||||
}
|
||||
|
||||
.am-grid-header-over-3{
|
||||
width: 150px;
|
||||
background-color: #F2F3F4;
|
||||
border-left: 1px solid #fff;
|
||||
border-right: 1px solid #7F949F;
|
||||
border-bottom: 2px solid #EA5600;
|
||||
padding: 0 0 0 10px;
|
||||
}
|
||||
|
||||
.am-grid-header-4 {
|
||||
width: 50px;
|
||||
background-color: #F2F3F4;
|
||||
|
|
@ -83,6 +106,17 @@
|
|||
.am-grid-header-4 img{
|
||||
padding: 0 3px 0 3px;
|
||||
}
|
||||
|
||||
.am-grid-header-over-4{
|
||||
width: 50px;
|
||||
background-color: #F2F3F4;
|
||||
border-left: 1px solid #fff;
|
||||
border-right: 1px solid #7F949F;
|
||||
border-bottom: 2px solid #EA5600;
|
||||
padding: 0 10px 0 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.am-grid-row {
|
||||
color: #000;
|
||||
}
|
||||
|
|
@ -124,13 +158,16 @@
|
|||
|
||||
|
||||
.am-crumbtrail {
|
||||
font-size: 12px;
|
||||
color: #3E697E;
|
||||
font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.am-crumbtrail-header {
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
|
||||
.am-crumbtrail-over {
|
||||
color: #3E697E;
|
||||
font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.contextMenu{
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue