'
);
};
gadgets.BartGadget.prototype.makeMoveable = function() {
var chrome = document.getElementById(this.getId());
if(chrome) {
dojo.addClass(chrome, "gadgets-gadget-moveable");
var m = new dojo.dnd.Moveable(chrome, {mover:gadgets.BartMover, handle: this.cssClassTitleBar + '-' + this.id });
//For IE - when a node is moved from a column, the underlying iframe changes size
//so we need to track and it and reapply when the node becomes position:absolute
var widthInColumn;
//for determining if a drag actually started (vs something like a click on a button)
var didMove = false;
dojo.connect(m, "onMoveStart", function(mover){
dojo.style(mover.node, "zIndex", 1000);
didMove = false;
//for every drag operation, create an overlay for each iframe
//to prevent the iframe from intercepting mouse events
//which kills drag performance
dojo.query(".gadgets-gadget-content").forEach(function(fc) {
var overlay = dojo.doc.createElement("div");
dojo.style(overlay, {
position: "absolute",
height : dojo.style(fc, "height") + "px",
width : dojo.style(fc, "width") + "px"
});
dojo.addClass(overlay, "dndOverlay");
dojo.place(overlay, fc, "first");
widthInColumn = dojo.style(fc.parentNode, "width");
});
//console.log("onMoveStart");
});
var placeholder = dojo.doc.createElement("div");
dojo.addClass(placeholder, "gadgets-gadget-placeholder");
var isMoving = false;
//Leave a placeholder in for the element that's being drug around
//once it's actually on the move
dojo.connect(m, "onMoved", function(mover, leftTop) {
didMove = true;
if (isMoving) return;
isMoving = true;
dojo.style(placeholder, "height", dojo.style(mover.node, "height")- 4 + "px"/*border*/);
dojo.place(placeholder, m.node, "before");
//console.log("onMoved");
});
var lastY;
dojo.connect(m, "onMoving", function(mover, leftTop) {
//there's a "false start" b/c of the nature of a node
//transitioning to absolute positioning, so skip out the first time.
//and apply the widthInColumn that was tracked from onMoveStart
if (!isMoving) {
lastY = leftTop.t;
dojo.style(mover.node, "width", widthInColumn + "px");
//also take this opportunity to style the overlay...
dojo.query(".dndOverlay", mover.node).style({
opacity : 0.5,
background : "white"
});
return;
}
//maintain if nodes are moving up or down
var dy = lastY - leftTop.t;
lastY = leftTop.t;
var coords = dojo.coords(mover.node);
//calculate center of what's being moved and use it as the
//basis of whether or not to juggle the nodes
var cx = coords.l + coords.w/2;
var cy = coords.t + coords.h/2;
//determine if the center is overlapping with any .gadgets-gadget-chrome nodes
//via bounding rect intersection
var targets = dojo.query(".gadgets-gadget-moveable")
.filter (function(x) {
return x != mover.node;
})
.filter(function(x) {
var coords = dojo.coords(x);
return (coords.x < cx &&
coords.x+coords.w > cx &&
coords.y < cy &&
coords.y+coords.h > cy);
});
//if not over any targets, then see if we're below a column
if (!targets.length) {
var col;
var colcount = dojo.query(".column").length;
for(var j=0; j cx) {
col = j;
break;
}
//the column may be empty
else if (!dojo.query(".gadgets-gadget-moveable", "col"+j).length && cx > coords.l) {
col = j;
}
}
if (col != undefined) {
var coords = dojo.coords("col"+col);
if(cy > coords.t+coords.h) {
dojo.place(placeholder, "col"+col, "last");
}
}
} else {
dojo.place(placeholder, targets[0], dy <= 0 ? "after" : "before");
}
});
dojo.connect(m, "onMoveStop", function(mover){
dojo.style(m.node, {
"zIndex" : 1,
"width" : "auto"
});
isMoving = false;
dojo.query(".dndOverlay").orphan();
//if no move occurred (like if someone clicked on a button, for example)
//then stop short.
if (!didMove) return;
//insert the node back where the placeholder is at
//and reset style so next drag is consistent with this one
dojo.place(mover.node, placeholder, "after");
dojo.style(mover.node, {
position : "static",
top : "",
left : ""
});
placeholder.parentNode.removeChild(placeholder);
//If columns were variable width, could adjust width of moved item for
//new column here.
//Save position if current gadget
if(gadgets.container.stateStore) {
gadgets.container.stateStore.onMove();
}
//console.log("onMoveStop", mover.node);
});
}
};
gadgets.BartLayoutManager = function() {
gadgets.LayoutManager.call(this);
};
gadgets.BartLayoutManager.inherits(gadgets.LayoutManager);
gadgets.BartLayoutManager.prototype.getGadgetChrome = function(gadget) {
var chromeId = 'gadget-chrome-' + gadget.id;
return chromeId ? document.getElementById(chromeId) : null;
};
gadgets.BartContainer = function() {
gadgets.IfrContainer.call(this);
};
gadgets.BartContainer.inherits(gadgets.IfrContainer);
gadgets.BartContainer.prototype.gadgetService = new gadgets.BartGadgetService();
gadgets.BartContainer.prototype.gadgetClass = gadgets.BartGadget;
gadgets.BartContainer.prototype.removeGadget = function(gadget) {
var chrome = document.getElementById(gadget.getId());
chrome.parentNode.removeChild(chrome);
delete this.gadgets_[this.getGadgetKey_(gadget.id)];
if(this.stateStore) {
this.stateStore.onRemove(gadget);
}
};
gadgets.BartContainer._getSmallestColumn = function(limit) {
var col = null;
dojo.query(".column").forEach(function(c, index) {
if(index < limit) {
if(col == null || (dojo.query(".gadgets-gadget-chrome", c).length < dojo.query(".gadgets-gadget-chrome", col).length)) {
col = c;
}
}
});
return col;
};
gadgets.BartContainer.prototype.getColumns = function() {
return dojo.query(".column").length;
};
gadgets.BartContainer.prototype.gadgetsInColumns = function(columns) {
for(var i=0; i 0) {
return true;
}
}
return false;
};
gadgets.BartContainer.prototype.setColumns = function(columns) {
if(columns > 0) {
var colcount = dojo.query(".column").length;
if(colcount > columns) {
var lastcol = dojo.byId("col" + (columns-1));
dojo.addClass(lastcol, "last");
var moved = false;
for(var i=columns; i