forked from 0x2620/pandora
54 lines
2.1 KiB
JavaScript
54 lines
2.1 KiB
JavaScript
|
// vim: et:ts=4:sw=4:sts=4:ft=js
|
||
|
|
pandora.ui.leftPanel = function() {
|
||
|
|
var that = new Ox.SplitPanel({
|
||
|
|
elements: [
|
||
|
|
{
|
||
|
|
element: app.$ui.sectionbar = pandora.ui.sectionbar('buttons'),
|
||
|
|
size: 24
|
||
|
|
},
|
||
|
|
{
|
||
|
|
element: app.$ui.folders = pandora.ui.folders()
|
||
|
|
},
|
||
|
|
{
|
||
|
|
collapsed: !app.user.ui.showInfo,
|
||
|
|
collapsible: true,
|
||
|
|
element: app.$ui.info = pandora.ui.info(),
|
||
|
|
size: app.user.ui.sidebarSize / app.ui.infoRatio + 16
|
||
|
|
}
|
||
|
|
],
|
||
|
|
id: 'leftPanel',
|
||
|
|
orientation: 'vertical'
|
||
|
|
})
|
||
|
|
.bindEvent({
|
||
|
|
resize: function(event, data) {
|
||
|
|
var infoSize = Math.round(data / app.ui.infoRatio) + 16;
|
||
|
|
app.user.ui.sidebarSize = data;
|
||
|
|
if (data < app.ui.sectionButtonsWidth && app.$ui.sectionButtons) {
|
||
|
|
app.$ui.sectionButtons.removeElement();
|
||
|
|
delete app.$ui.sectionButtons;
|
||
|
|
app.$ui.sectionbar.append(app.$ui.sectionSelect = pandora.ui.sectionSelect());
|
||
|
|
} else if (data >= app.ui.sectionButtonsWidth && app.$ui.sectionSelect) {
|
||
|
|
app.$ui.sectionSelect.removeElement();
|
||
|
|
delete app.$ui.sectionSelect;
|
||
|
|
app.$ui.sectionbar.append(app.$ui.sectionButtons = pandora.ui.sectionButtons());
|
||
|
|
}
|
||
|
|
!app.user.ui.showInfo && app.$ui.leftPanel.css({bottom: -infoSize});
|
||
|
|
app.$ui.leftPanel.size(2, infoSize);
|
||
|
|
pandora.resizeFolders();
|
||
|
|
},
|
||
|
|
resizeend: function(event, data) {
|
||
|
|
pandora.UI.set({sidebarSize: data});
|
||
|
|
},
|
||
|
|
toggle: function(event, data) {
|
||
|
|
pandora.UI.set({showSidebar: !data.collapsed});
|
||
|
|
if (data.collapsed) {
|
||
|
|
$.each(app.$ui.folderList, function(k, $list) {
|
||
|
|
$list.loseFocus();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
return that;
|
||
|
|
};
|
||
|
|
|