add film details

This commit is contained in:
2019-02-24 22:06:40 +01:00
parent 2b8a9118b8
commit e3b59d1580
5 changed files with 156 additions and 87 deletions

View File

@@ -140,16 +140,45 @@ function Film(oSettings)
.append($('<a>', {'target':'_blank', 'href':this.trailer()})
.append($('<i>', {'class':'fa fa-fw inline fa-trailer'}))
.append('Trailer')))*/
.append($('<p>', {'class':'director'})
.append($('<i>', {'class':'fa fa-fw inline fa-director'}))
.append(this.director()))
.append($('<div>', {'class':'timetable'})))
.append($('<div>', {'class':'film-info'})
.append($('<p>', {'class':'director'})
.append('By '+this.director())
.append($('<i>', {'class':'more-info fa fa-more'}).data('loaded', false).click(this.toggleFilmDetails)))
.append($('<div>', {'class':'film-details'}).hide())
.append($('<div>', {'class':'timetable'}))))
//.append($('<div>', {'class':'timetable fa fa-fw fa-spinner fa-spin'})))
.hide()
.appendTo(this.$Main);
}
};
this.toggleFilmDetails = function() {
var $This = $(this);
var show = function(hDom){
$This.data('loaded', true);
var $Dom = $(hDom);
$Dom.find('.movie-infos li').add($Dom.find('.movie-infos').next('ul').find('li')).each(function(iKey, oElem){
self.anchor().find('.film-details').append($('<p>').text($(oElem).text()));
});
self.anchor().find('.film-details, .timetable').toggle();
self.anchor().find('.more-info').removeClass('fa-spinner fa-spin').addClass('fa-close');
};
var hide = function() {
self.anchor().find('.film-details, .timetable').toggle();
self.anchor().find('.more-info').removeClass('fa-close').addClass('fa-more');
}
if(self.anchor().find('.more-info').hasClass('fa-close')) hide();
else if(!$This.data('loaded')) self.getFilmDetails(show);
else show();
};
this.getFilmDetails = function(fCallBack) {
self.anchor().find('.more-info').removeClass('fa-more').addClass('fa-spinner fa-spin');
getUgcPage('film.html', {id: self.id()}, fCallBack, function(){}, 'html');
};
this.timetable = function(iCinemaId, sLang, oTimetable)
{
if(!iCinemaId) return this._timetable || {};