collapsibles

This commit is contained in:
rolux 2010-07-07 09:18:29 +02:00
parent fc7882a77b
commit 649a069009

View file

@ -341,10 +341,10 @@ $(function() {
// Groups // Groups
var rightPanelWidth = $document.width() - user.ui.listsSize - 1, var panelWidth = $document.width() - user.ui.listsSize - 1,
groups = $.map(config.groups, function(id, i) { groups = $.map(config.groups, function(id, i) {
var size = rightPanelWidth / 5 + (rightPanelWidth % 5 > i), var title = Ox.getObjectById(config.sortKeys, id).title,
title = Ox.getObjectById(config.sortKeys, id).title; width = getGroupWidth(i, panelWidth);
return { return {
id: id, id: id,
conditions: [], conditions: [],
@ -357,7 +357,7 @@ $(function() {
title: title, title: title,
unique: true, unique: true,
visible: true, visible: true,
width: size - 40 - ($.browser.mozilla ? 16 : 12) width: width.column
}, },
{ {
align: "right", align: "right",
@ -383,7 +383,7 @@ $(function() {
} }
] ]
}), }),
size: size, size: width.list,
title: title title: title
}; };
}); });
@ -431,12 +431,16 @@ $ui.statusbar = new Ox.Bar({
{ {
element: $ui.lists = new Ox.Element({ element: $ui.lists = new Ox.Element({
id: "listsPanel" id: "listsPanel"
}).css({
background: "rgb(48, 48, 48)"
}) })
}, },
{ {
collapsible: true, collapsible: true,
element: $ui.info = new Ox.Element({ element: $ui.info = new Ox.Element({
id: "infoPanel" id: "infoPanel"
}).css({
background: "rgb(64, 64, 64)"
}), }),
size: 144 size: 144
} }
@ -474,7 +478,6 @@ $ui.statusbar = new Ox.Bar({
}, },
{ {
element: $ui.groups[2] = groups[2].element, element: $ui.groups[2] = groups[2].element,
size: groups[2].size
}, },
{ {
element: $ui.groups[3] = groups[3].element, element: $ui.groups[3] = groups[3].element,
@ -621,6 +624,9 @@ $ui.statusbar = new Ox.Bar({
$ui.selected.html(constructStatus("selected", result.data)); $ui.selected.html(constructStatus("selected", result.data));
}); });
}); });
Ox.Event.bind("resize_leftPanel", function(event, data) {
$ui.leftPanel.resize("infoPanel", data * 0.75);
});
Ox.Event.bind("click_show_query", function(event, data) { Ox.Event.bind("click_show_query", function(event, data) {
var query = constructQuery(), var query = constructQuery(),
html = "Conditions<br/><br/>" + $.map(query.conditions, function(v) { html = "Conditions<br/><br/>" + $.map(query.conditions, function(v) {
@ -716,6 +722,13 @@ $ui.statusbar = new Ox.Bar({
].join(", "); ].join(", ");
} }
function getGroupWidth(pos, panelWidth) {
var width = {};
width.list = Math.floor(panelWidth / 5) + (panelWidth % 5 > pos);
width.column = width.list - 40 - ($.browser.mozilla ? 16 : 12);
return width;
}
//FIXME: how to properly overwrite functions without replacing them //FIXME: how to properly overwrite functions without replacing them