Optimizing mobile layout
This commit is contained in:
@@ -100,13 +100,15 @@ function Film(oSettings)
|
||||
.data('rank', this.getRank())
|
||||
.data('id', this.id())
|
||||
.append($('<img>', {'class':'bg', 'src':this.backgroundPoster()}))
|
||||
.append($('<img>', {'class':'poster', 'src':this.backgroundPoster()}))
|
||||
.append($('<div>', {'class':'poster-container'}).append($('<img>', {'class':'poster', 'src':this.backgroundPoster()})))
|
||||
.append($('<div>', {'class':'info'})
|
||||
.append($('<p>', {'class':'title'})
|
||||
.append($('<a>', {'class':'name', 'target':'_blank', 'href':this.consts.ugc_url+'film.html?id='+this.id()})
|
||||
.append($('<i>', {'class':'fa fa-fw inline fa-film'}))
|
||||
.append(this.name()))
|
||||
.append($('<span>', {'class':'edito'+(this.edito()?' fa fa-edito':'')}).text(this.edito()?' '+this.edito():'')))
|
||||
.append(this.name())))
|
||||
.append($('<p>', {'class':'edito'+(!this.edito()?' hide':'')})
|
||||
.append($('<i>', {'class':'fa fa-fw inline fa-edito'}))
|
||||
.append($('<span>').text(this.edito())))
|
||||
.append($('<p>', {'class':'trailer'})
|
||||
.append($('<a>', {'target':'_blank', 'href':this.trailer()})
|
||||
.append($('<i>', {'class':'fa fa-fw inline fa-trailer'}))
|
||||
@@ -140,18 +142,21 @@ function Film(oSettings)
|
||||
else if(sLang=='VFSTF') self.feedback('Hiding hearing-impaired version ('+sLang+') of "'+self.name()+'" @'+sCinema)
|
||||
else
|
||||
{
|
||||
var $Timetable = $('<p>')
|
||||
var $CinemaBox = $('<div>');
|
||||
$('<p>', {'class':'cinema_lang'})
|
||||
.append($('<a>', {'class':'cinema', 'target':'_blank', 'href':self.consts.ugc_url+'cinemaAction!execute.action?page=7&id='+iCinemaId})
|
||||
.append($('<i>', {'class':'fa fa-fw inline fa-cinema'}))
|
||||
.append($('<span>', {'class':'cinema_name'}).text(sCinema)))
|
||||
.append($('<span>', {'class':'lang'}).text(sLang))
|
||||
.appendTo(self.anchor().find('.timetable'));
|
||||
.appendTo($CinemaBox);
|
||||
|
||||
var $Timetable = $('<p>', {'class':'screening'});
|
||||
$.each(asTimetable.sort(self.timeCompare), function(iKey, oTime){
|
||||
$Timetable
|
||||
.append($('<a>', {'class':'button', 'href':oTime.booking, 'target':'_blank', 'title':'Book screening'}).text(oTime.time))
|
||||
.append(' '); //for line break
|
||||
});
|
||||
self.anchor().find('.timetable').append($CinemaBox.append($Timetable));
|
||||
}
|
||||
});
|
||||
};
|
||||
@@ -569,14 +574,8 @@ function getUgcPage(sPath, asData, fOnSuccess, fOnFail, sType)
|
||||
|
||||
function buffer(bActive)
|
||||
{
|
||||
if(bActive)
|
||||
{
|
||||
$('.film').add('header').fadeTo(0, 0);
|
||||
}
|
||||
else
|
||||
{
|
||||
$('.film').not('.banned').add('header').fadeTo('slow', 1);
|
||||
}
|
||||
if(bActive) $('main').add('header').fadeTo(0, 0);
|
||||
else $('main').add($('.film').not('.banned')).add('header').fadeTo('slow', 1);
|
||||
$('#buffer').toggle(bActive);
|
||||
$('footer').add('#feedback').toggle(!bActive);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user