forked from 0x2620/pandora
update indiancinema home screen
This commit is contained in:
parent
95b255ea6a
commit
c896ef58ba
1 changed files with 38 additions and 11 deletions
|
@ -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();
|
||||||
|
|
Loading…
Reference in a new issue