update indiancinema home screen

This commit is contained in:
rolux 2013-02-19 13:49:27 +00:00
parent 95b255ea6a
commit c896ef58ba

View file

@ -12,17 +12,17 @@ pandora.ui.home = function() {
width: '100%', width: '100%',
height: '100%', height: '100%',
opacity: 0, opacity: 0,
overflowY: 'auto',
zIndex: 1001 zIndex: 1001
}), }),
$box = $('<div>') $box = $('<div>')
.css({ .css({
position: 'absolute', position: 'absolute',
left: 0, left: 0,
top: 0, top: '80px',
right: 0, right: 0,
bottom: 0,
width: '560px', width: '560px',
margin: window.innerHeight / 2 - 80 + 'px auto 0 auto' margin: '0 auto 0 auto'
}) })
.appendTo(that), .appendTo(that),
$reflectionImage = $('<img>') $reflectionImage = $('<img>')
@ -30,7 +30,7 @@ pandora.ui.home = function() {
.css({ .css({
position: 'absolute', position: 'absolute',
left: 0, left: 0,
top: '80px', top: '40px',
right: 0, right: 0,
bottom: 0, bottom: 0,
width: '320px', width: '320px',
@ -45,14 +45,17 @@ pandora.ui.home = function() {
.css({ .css({
position: 'absolute', position: 'absolute',
left: 0, left: 0,
top: '80px', top: '40px',
right: 0, right: 0,
width: '320px', width: '320px',
height: '80px', height: '40px',
margin: '0 auto 0 auto', margin: '0 auto 0 auto',
}) })
.appendTo($box), .appendTo($box),
$logo = $('<img>') $logo = Ox.Element({
element: '<img>',
tooltip: 'Enter ' + pandora.site.site.name
})
.attr({ .attr({
id: 'logo', id: 'logo',
src: '/static/png/logo.png' src: '/static/png/logo.png'
@ -61,7 +64,8 @@ pandora.ui.home = function() {
position: 'absolute', position: 'absolute',
left: 0, left: 0,
right: 0, right: 0,
width: '640px', top: 0,
width: '320px',
margin: '0 auto 0 auto', margin: '0 auto 0 auto',
cursor: 'pointer' cursor: 'pointer'
}) })
@ -71,6 +75,18 @@ pandora.ui.home = function() {
} }
}) })
.appendTo($box), .appendTo($box),
$line = $('<img>')
.attr({src: '/static/png/line.indiancinema.png'})
.css({
position: 'absolute',
left: 0,
top: '56px',
right: 0,
width: '240px',
height: '30px',
margin: '0 auto 0 auto'
})
.appendTo($box),
$findInput = Ox.Input({ $findInput = Ox.Input({
width: 252 width: 252
}) })
@ -267,7 +283,8 @@ pandora.ui.home = function() {
$label, $icon, $text, $label, $icon, $text,
$listsBox, $listsContainer, $listsContent, $listsBox, $listsContainer, $listsContent,
$listBox = [], $listIcon = [], $listBox = [], $listIcon = [],
$previousButton, $nextButton; $previousButton, $nextButton,
$space;
$lists.empty(); $lists.empty();
if (lists.length) { if (lists.length) {
$label = Ox.Label({ $label = Ox.Label({
@ -493,6 +510,16 @@ pandora.ui.home = function() {
.appendTo($listBox[i]); .appendTo($listBox[i]);
}); });
} }
$space = $('<div>')
.css({
position: 'absolute',
top: lists.length == 0 ? '0px'
: lists.length == 1 ? '150px'
: '215px',
width: '560px',
height: '80px'
})
.appendTo($lists);
$lists.animate({opacity: 1}, 250); $lists.animate({opacity: 1}, 250);
} }
function openList(i) { function openList(i) {
@ -570,7 +597,7 @@ pandora.ui.home = function() {
} }
that.fadeInScreen = function() { that.fadeInScreen = function() {
$box.css({marginTop: '80px'}); // $box.css({marginTop: '80px'});
that.appendTo(Ox.UI.$body).animate({opacity: 1}, 500, function() { that.appendTo(Ox.UI.$body).animate({opacity: 1}, 500, function() {
that.find('*').animate({opacity: 1}, 250, function() { that.find('*').animate({opacity: 1}, 250, function() {
$findInput.focusInput(true); $findInput.focusInput(true);
@ -591,7 +618,7 @@ pandora.ui.home = function() {
that.showScreen = function(callback) { that.showScreen = function(callback) {
that.css({opacity: 1}).appendTo(Ox.UI.$body); that.css({opacity: 1}).appendTo(Ox.UI.$body);
$box.css({marginTop: '80px'}); // $box.css({marginTop: '80px'});
that.find('*').css({opacity: 1}); that.find('*').css({opacity: 1});
$findInput.focusInput(true); $findInput.focusInput(true);
showLists(); showLists();