Optimizing mobile layout

This commit is contained in:
2015-09-05 01:02:55 +02:00
parent 856975652d
commit 725c72a6aa
5 changed files with 70 additions and 20 deletions

View File

@@ -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);
}