0x2620/pandora
2
1
Fork 1
Code Issues 1.3k Pull requests Releases Wiki Activity

update pad.ma home screen animation

Browse source
This commit is contained in:
rolux 2012-02-17 09:38:03 +00:00
parent 33c6faa4be
commit 5a0a6e4c7f
1 changed files with 8 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
static/js/pandora/home.padma.js
View file

@ -248,10 +248,6 @@ pandora.ui.home = function() {
$preferencesButton.appendTo($box); $preferencesButton.appendTo($box);
} }
function hideLists() {
$lists.empty();
}
function showLists() { function showLists() {
pandora.api.findLists({ pandora.api.findLists({
query: { query: {
@ -457,7 +453,6 @@ pandora.ui.home = function() {
padding: '2px', padding: '2px',
margin: '2px', margin: '2px',
borderRadius: '16px', borderRadius: '16px',
//background: i == selected ? color : 'transparent',
boxShadow: '0 0 2px ' + (i == selected ? color : 'transparent') boxShadow: '0 0 2px ' + (i == selected ? color : 'transparent')
}) })
.appendTo($listsContent); .appendTo($listsContent);
@ -573,33 +568,22 @@ pandora.ui.home = function() {
}; };
that.fadeOutScreen = function() { that.fadeOutScreen = function() {
hideLists(); that.animate({opacity: 0}, 500, function() {
that.find('*').hide();
that.animate({opacity: 0}, 250, function() {
that.remove(); that.remove();
}); });
self.keydown && Ox.$document.unbind({keydown: self.keydown}); self.keydown && Ox.$document.unbind({keydown: self.keydown});
return that; return that;
}; };
that.hideScreen = function() {
hideLists();
that.hide().remove();
that.find('*').css({opacity: 0});
$logo.css({width: window.innerWidth + 'px'});
self.keydown && Ox.$document.unbind({keydown: self.keydown});
return that;
};
that.showScreen = function() { that.showScreen = function() {
that.css({opacity: 1}).appendTo(Ox.UI.$body); that.css({opacity: 1}).appendTo(Ox.UI.$body);
$box.animate({ $box.animate({marginTop: '80px'}, 500);
marginTop: '80px' setTimeout(function() {
}, 250, function() { that.find('*').animate({opacity: 1}, 250, function() {
that.find(':not(#lists)').animate({opacity: 1}, 250);
$findInput.focusInput(true); $findInput.focusInput(true);
showLists(); showLists();
}); });
}, 250);
return that; return that;
}; };