0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

CollapsePanel: add support for left-hand side extras

Browse source
This commit is contained in:
rolux 2014-05-10 15:10:27 +02:00 committed by j
parent d31ba7a28e
commit c11e279803
1 changed files with 28 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
source/Ox.UI/js/Panel/CollapsePanel.js
View file

@ -44,6 +44,17 @@ Ox.CollapsePanel = function(options, self) {
}
});
var index = Ox.indexOf(self.options.extras, Ox.isEmpty);
self.extras = index > -1
? [
self.options.extras.slice(0, index),
self.options.extras.slice(index + 1)
]
: [
[],
self.options.extras
];
self.$titlebar = Ox.Bar({
orientation: 'horizontal',
size: self.options.size
@ -71,18 +82,30 @@ Ox.CollapsePanel = function(options, self) {
})
.appendTo(self.$titlebar);
self.$extras = [];
if (self.extras[0].length) {
self.$extras[0] = Ox.Element()
.addClass('OxExtras')
.css({width: self.extras[0].length * 16 + 2 + 'px'})
.appendTo(self.$titlebar);
self.extras[0].forEach(function($extra) {
$extra.appendTo(self.$extras[0]);
});
}
self.$title = Ox.Element()
.addClass('OxTitle')
.html(self.options.title)
.appendTo(self.$titlebar);
if (self.options.extras.length) {
self.$extras = Ox.Element()
if (self.extras[1].length) {
self.$extras[1] = Ox.Element()
.addClass('OxExtras')
.css({width: self.options.extras.length * 16 + 'px'})
.css({width: self.extras[1].length * 16 + 'px'})
.appendTo(self.$titlebar);
self.options.extras.forEach(function($extra) {
$extra.appendTo(self.$extras);
self.extras[1].forEach(function($extra) {
$extra.appendTo(self.$extras[1]);
});
}