pandora/static/js/pandora/toolbar.js
2011-11-05 18:04:10 +01:00

64 lines
2.2 KiB
JavaScript

// vim: et:ts=4:sw=4:sts=4:ft=javascript
'use strict';
pandora.ui.toolbar = function() {
var ui = pandora.user.ui,
isNavigationView = !ui.item
&& ['map', 'calendar'].indexOf(ui.listView) > -1,
that = Ox.Bar({
size: 24
}).css({
zIndex: 2 // fixme: remove later
});
ui.item && that.append(
pandora.$ui.backButton = pandora.ui.backButton()
);
that.append(
pandora.$ui.viewSelect = pandora.ui.viewSelect()
);
!ui.item && !isNavigationView && that.append(
pandora.$ui.sortSelect = pandora.ui.sortSelect()
).append(
pandora.$ui.orderButton = pandora.ui.orderButton()
);
ui.item && that.append(
pandora.$ui.itemTitle = Ox.Label({
textAlign: 'center'
})
.css({
position: 'absolute',
left: '236px',
top: '4px',
right: (ui._list ? 324 : 310) + 'px',
width: 'auto'
})
.hide()
);
that.append(
pandora.$ui.findElement = pandora.ui.findElement()
);
that.bindEvent({
pandora_listview: function(data) {
var isNavigationView = ['map', 'calendar'].indexOf(data.value) > -1,
wasNavigationView = ['map', 'calendar'].indexOf(data.previousValue) > -1,
action = isNavigationView ? 'hide' : 'show';
Ox.Log('', 'IS/WAS', isNavigationView, wasNavigationView);
if (isNavigationView != wasNavigationView) {
if (isNavigationView) {
pandora.$ui.sortSelect.remove();
pandora.$ui.orderButton.remove();
} else {
pandora.$ui.sortSelect = pandora.ui.sortSelect().insertAfter(pandora.$ui.viewSelect);
pandora.$ui.orderButton = pandora.ui.orderButton().insertAfter(pandora.$ui.sortSelect);
}
} else if ((data.value == 'clip') != (data.previousValue == 'clip')) {
pandora.$ui.sortSelect.replaceWith(
pandora.$ui.sortSelect = pandora.ui.sortSelect()
);
}
}
})
return that;
};