layout editor working
This commit is contained in:
parent
37d31ab83a
commit
96bfe978e8
|
@ -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();
|
||||||
|
|
Loading…
Reference in New Issue