layout editor working

This commit is contained in:
John Bintz 2009-08-30 13:02:50 -04:00
parent 37d31ab83a
commit 96bfe978e8

View File

@ -133,27 +133,31 @@ var LayoutEditor = Class.create({
var myThis = this; var myThis = this;
$w('left right').each(function(field) { $w('left right').each(function(field) {
if (myThis.info.info[field].active) { if (myThis.info.info[field].active) {
myThis.sidebar_handles[field].show(); if (myThis.info.info.body > myThis.info.info[field].width) {
var fi = myThis.info.info[field]; myThis.sidebar_handles[field].show();
var t = myThis.section_handles[fi.start].viewportOffset()['top'] + document.viewport.getScrollOffsets()['top']; var fi = myThis.info.info[field];
var h = 0; var t = myThis.section_handles[fi.start].viewportOffset()['top'] + document.viewport.getScrollOffsets()['top'];
var i; var h = 0;
for (i = fi.start; i <= fi.end; ++i) { var i;
h += myThis.section_handles[i].getDimensions()['height']; for (i = fi.start; i <= fi.end; ++i) {
h += myThis.section_handles[i].getDimensions()['height'];
}
var w = Math.floor((fi.width / myThis.info.info.body) * myThis.width);
var l;
switch (field) {
case 'left':
l = myThis.container.viewportOffset()['left']; break;
case 'right':
l = myThis.container.viewportOffset()['left'] + myThis.width - w; break;
}
var field_map = { 'top': t, 'left': l, 'width': w, 'height': h };
for (param in field_map) {
myThis.sidebar_handles[field].style[param] = field_map[param];
}
myThis.sidebar_handles[field].align_bottom();
} else {
myThis.sidebar_handles[field].hide();
} }
var w = Math.floor((fi.width / myThis.info.info.body) * myThis.width);
var l;
switch (field) {
case 'left':
l = myThis.container.viewportOffset()['left']; break;
case 'right':
l = myThis.container.viewportOffset()['left'] + myThis.width - w; break;
}
var field_map = { 'top': t, 'left': l, 'width': w, 'height': h };
for (param in field_map) {
myThis.sidebar_handles[field].style[param] = field_map[param];
}
myThis.sidebar_handles[field].align_bottom();
} else { } else {
myThis.sidebar_handles[field].hide(); myThis.sidebar_handles[field].hide();
} }
@ -207,6 +211,15 @@ var LayoutInfo = Class.create({
} }
} }
}); });
var body_width = target.select('#body-width').pop();
if (body_width) {
body_width.value = myThis.info.body;
body_width.observe('keyup', function(e) {
myThis.info.body = e.currentTarget.value.replace(/[^0-9]/, '');
myThis.onChange();
});
}
}, },
'do_sidebar_drag': function() { 'do_sidebar_drag': function() {
this.onSidebarDrag(); this.onSidebarDrag();