update 0xDB home screen

This commit is contained in:
rolux 2013-07-09 09:06:00 +00:00
parent a8039370e5
commit 407335cd83

View file

@ -14,6 +14,7 @@ pandora.ui.home = function() {
zIndex: 1001 zIndex: 1001
}), }),
$reflectionImage = $('<img>') $reflectionImage = $('<img>')
.addClass('logo')
.attr({src: '/static/png/logo.png'}) .attr({src: '/static/png/logo.png'})
.css({ .css({
position: 'absolute', position: 'absolute',
@ -30,7 +31,7 @@ pandora.ui.home = function() {
}) })
.appendTo(that), .appendTo(that),
$reflectionGradient = $('<div>') $reflectionGradient = $('<div>')
.addClass('OxReflection') .addClass('OxReflection logo')
.css({ .css({
position: 'absolute', position: 'absolute',
left: 0, left: 0,
@ -44,6 +45,7 @@ pandora.ui.home = function() {
}) })
.appendTo(that), .appendTo(that),
$logo = $('<img>') $logo = $('<img>')
.addClass('logo')
.attr({ .attr({
id: 'logo', id: 'logo',
src: '/static/png/logo.png' src: '/static/png/logo.png'
@ -274,10 +276,16 @@ pandora.ui.home = function() {
return that; return that;
}; };
that.showScreen = function() { that.showScreen = function(callback) {
var count = 0, $elements = that.find(':not(.logo)');
$logo.css({width: '320px'}); $logo.css({width: '320px'});
that.find(':not(#logo)').css({opacity: 1});
that.css({opacity: 1}).appendTo(Ox.UI.$body); that.css({opacity: 1}).appendTo(Ox.UI.$body);
that.find('.logo').css({opacity: 1});
$elements.animate({opacity: 1}, 500, function() {
if (callback && ++count == $elements.length) {
callback();
}
});
$findInput.focusInput(true); $findInput.focusInput(true);
return that; return that;
}; };