2009-08-26 02:35:21 +00:00
|
|
|
var FloatedDivConstructor = Class.create({
|
|
|
|
'generate_html': function(layout) {
|
|
|
|
var output = [];
|
|
|
|
output.push('<div id="container">');
|
|
|
|
|
2009-08-27 22:15:34 +00:00
|
|
|
|
2009-08-26 02:35:21 +00:00
|
|
|
var areas = $w("header comic body footer");
|
|
|
|
var i, il;
|
|
|
|
|
|
|
|
var indent = 1;
|
2009-08-27 22:15:34 +00:00
|
|
|
var gi = function() { return " ".times(indent); }
|
|
|
|
var has_whole_sidebar = null;
|
2009-08-26 02:35:21 +00:00
|
|
|
|
|
|
|
var range = null;
|
|
|
|
if (layout.left) {
|
|
|
|
if (layout.right) {
|
2009-08-27 22:15:34 +00:00
|
|
|
range = [];
|
|
|
|
|
|
|
|
var all_same = true;
|
|
|
|
for (i = 0; i < 2; ++i) {
|
|
|
|
if (layout.left[i] != layout.right[i]) { all_same = false; break; }
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!all_same) {
|
|
|
|
$w('left right').each(function(field) {
|
|
|
|
if (!has_whole_sidebar) {
|
|
|
|
if ((layout[field][0] == 0) && (layout[field][1] == 3)) {
|
|
|
|
has_whole_sidebar = field;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!has_whole_sidebar) {
|
|
|
|
range[0] = Math.min(layout.left[0], layout.right[0]);
|
|
|
|
range[1] = Math.max(layout.left[1], layout.right[1]);
|
|
|
|
} else {
|
|
|
|
switch (has_whole_sidebar) {
|
|
|
|
case 'left': range = layout.right; break;
|
|
|
|
case 'right': range = layout.left; break;
|
|
|
|
}
|
|
|
|
}
|
2009-08-26 02:35:21 +00:00
|
|
|
} else {
|
|
|
|
range = layout.left;
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
if (layout.right) {
|
|
|
|
range = layout.right;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
for (i = 0, il = areas.length; i < il; ++i) {
|
2009-08-27 22:15:34 +00:00
|
|
|
if ((i == 0) && has_whole_sidebar) {
|
|
|
|
output.push(gi() + '<div id="whole-sidebar-container">');
|
|
|
|
indent++;
|
|
|
|
output.push(gi() + '<div id="' + has_whole_sidebar + '-sidebar"><?php echo $' + has_whole_sidebar + '_sidebar ?></div>');
|
|
|
|
}
|
2009-08-26 02:35:21 +00:00
|
|
|
if (range) {
|
|
|
|
if (range[0] == i) {
|
2009-08-27 22:15:34 +00:00
|
|
|
output.push(gi() + '<div id="sidebar-container">');
|
2009-08-26 02:35:21 +00:00
|
|
|
indent++;
|
|
|
|
}
|
|
|
|
$w("left right").each(function(field) {
|
2009-08-27 22:15:34 +00:00
|
|
|
if (field != has_whole_sidebar) {
|
|
|
|
if (layout[field]) {
|
|
|
|
if (layout[field][0] == i) {
|
|
|
|
output.push(gi() + '<div id="' + field + '-sidebar"><?php echo $' + field + '_sidebar ?></div>');
|
|
|
|
}
|
2009-08-26 02:35:21 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2009-08-27 22:15:34 +00:00
|
|
|
output.push(gi() + '<div id="' + areas[i] + '"><?php echo $' + areas[i] + ' ?></div>');
|
2009-08-26 02:35:21 +00:00
|
|
|
|
|
|
|
if (range) {
|
|
|
|
if (range[1] == i) {
|
2009-08-27 22:15:34 +00:00
|
|
|
output.push(gi() + '<br class="clear" />');
|
2009-08-26 02:35:21 +00:00
|
|
|
indent--;
|
2009-08-27 22:15:34 +00:00
|
|
|
output.push(gi() + '</div>');
|
2009-08-26 02:35:21 +00:00
|
|
|
}
|
|
|
|
}
|
2009-08-27 22:15:34 +00:00
|
|
|
if ((i == 3) && has_whole_sidebar) {
|
|
|
|
output.push(gi() + '<br class="clear" />');
|
|
|
|
indent--;
|
|
|
|
output.push(gi() + '</div>');
|
|
|
|
}
|
2009-08-26 02:35:21 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
output.push('</div>');
|
|
|
|
|
|
|
|
return output.join("\n");
|
|
|
|
},
|
|
|
|
'generate_css': function(info) {
|
|
|
|
var output = [];
|
|
|
|
var include_container = false;
|
|
|
|
|
|
|
|
$w('left right').each(function(field) {
|
|
|
|
if (info[field]) {
|
|
|
|
include_container = true;
|
|
|
|
output.push('#' + field + '-sidebar { float: ' + field + '; display: inline; width: ' + info[field].width + 'px }');
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
if (include_container) {
|
2009-08-27 22:15:34 +00:00
|
|
|
output.unshift('#sidebar-container, #whole-sidebar-container { overflow: hidden }');
|
2009-08-26 02:35:21 +00:00
|
|
|
output.push('.clear { clear: both }');
|
|
|
|
}
|
|
|
|
|
|
|
|
return output.join("\n");
|
|
|
|
}
|
|
|
|
});
|