457 lines
13 KiB
JavaScript
Executable File
457 lines
13 KiB
JavaScript
Executable File
function Film()
|
|
{
|
|
var self = this;
|
|
this.consts = {'ugc_url':'http://www.ugc.fr/', 'process_url':'index.php'};
|
|
this._attr = {};
|
|
this._anchor = {};
|
|
this._ban = {status:false, reason:''};
|
|
this._timetable = {};
|
|
this.$Main = $('main');
|
|
|
|
this.ban = function(bStatus, sReason)
|
|
{
|
|
sReason = sReason || '';
|
|
if(!bStatus) return this._ban;
|
|
else if(sReason!='')
|
|
{
|
|
this._ban.status = true;
|
|
this._ban.reason = sReason;
|
|
this.feedback('Hidding movie "'+this.name()+'". Ban reason: '+this.ban().reason);
|
|
this.anchor().addClass('banned');
|
|
}
|
|
else this.error('Setting ban status with no reason');
|
|
}
|
|
|
|
this.id = function(iFilmId)
|
|
{
|
|
return this.attr('id', iFilmId);
|
|
}
|
|
|
|
this.name = function(sName)
|
|
{
|
|
sName = sName?(sName + '').toLowerCase().replace(/^([a-z\u00E0-\u00FC])|\s+([a-z\u00E0-\u00FC])/g, function($1) {return $1.toUpperCase();}):'';
|
|
return this.attr('name', sName);
|
|
};
|
|
|
|
this.poster = function(sPoster)
|
|
{
|
|
if(sPoster) sPoster = this.getPosterUrl(sPoster, 'small');
|
|
return this.attr('poster', sPoster);
|
|
};
|
|
|
|
this.backgroundPoster = function(sPoster)
|
|
{
|
|
if(sPoster) sPoster = this.getPosterUrl(sPoster, 'medium');
|
|
return this.attr('poster_bg', sPoster);
|
|
};
|
|
|
|
this.getPosterUrl = function(sUrl, sSize)
|
|
{
|
|
var sExt = sUrl.substr(sUrl.lastIndexOf('.')+1).toLowerCase();
|
|
if(sExt=='jpg') sExt = 'jpeg';
|
|
return this.consts.process_url+'?a=get_poster&type='+sExt+'&data[id]='+this.id()+'&data[url]='+encodeURIComponent(sUrl)+'&data[size]='+sSize;
|
|
};
|
|
|
|
this.edito = function(sEdito)
|
|
{
|
|
return this.attr('edito', sEdito);
|
|
};
|
|
|
|
this.trailer = function(sTrailer)
|
|
{
|
|
sTrailer = sTrailer?self.consts.ugc_url+sTrailer:'';
|
|
return this.attr('trailer', sTrailer);
|
|
};
|
|
|
|
this.attr = function(sName, sValue)
|
|
{
|
|
if(!sValue) return this._attr[sName];
|
|
else
|
|
{
|
|
sValue = $.trim(sValue);
|
|
if(sValue!='') this._attr[sName] = sValue;
|
|
else this.error('Trying to set an empty film attribute: '+sName);
|
|
}
|
|
};
|
|
/*
|
|
this.removeSpinner = function()
|
|
{
|
|
this.anchor().find('.timetable').removeClass('fa fa-fw fa-spinner fa-spin');
|
|
}
|
|
*/
|
|
this.getRank = function()
|
|
{
|
|
var sEdito = this.edito() || '';
|
|
var iRank = 0;
|
|
if(sEdito=='Nouveau') iRank += 10000000;
|
|
else if(sEdito.slice(-7)=='semaine') iRank += 100000*parseInt(sEdito.substr(0, sEdito.indexOf('è')));
|
|
iRank += parseInt(this.id(), 10);
|
|
return iRank;
|
|
};
|
|
|
|
this.anchor = function()
|
|
{
|
|
if(Object.keys(this._anchor).length > 0) return this._anchor;
|
|
else
|
|
{
|
|
//Add film to DOM
|
|
this._anchor = $('<div>', {'class':'film', 'id':'film_'+this.getRank()})
|
|
.data('rank', this.getRank())
|
|
.data('id', this.id())
|
|
.append($('<img>', {'class':'bg', 'src':this.backgroundPoster()}))
|
|
.append($('<img>', {'class':'poster', 'src':this.poster()}))
|
|
.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 fa-icon fa-film'}))
|
|
.append(this.name()))
|
|
.append($('<span>', {'class':'edito'+(this.edito()?' fa fa-edito':'')}).text(this.edito()?' '+this.edito():'')))
|
|
.append($('<p>', {'class':'trailer'})
|
|
.append($('<a>', {'target':'_blank', 'href':this.trailer()})
|
|
.append($('<i>', {'class':'fa fa-fw fa-icon fa-trailer'}))
|
|
.append('Trailer')))
|
|
.append($('<div>', {'class':'timetable'})))
|
|
//.append($('<div>', {'class':'timetable fa fa-fw fa-spinner fa-spin'})))
|
|
.hide()
|
|
.appendTo(this.$Main);
|
|
}
|
|
};
|
|
|
|
this.timetable = function(iCinemaId, sLang, oTimetable)
|
|
{
|
|
if(!iCinemaId) return this._timetable;
|
|
else if(!sLang) return this._timetable[iCinemaId];
|
|
else if(!oTimetable) return this._timetable[iCinemaId][sLang];
|
|
else
|
|
{
|
|
if(!(iCinemaId in this._timetable)) this._timetable[iCinemaId] = {};
|
|
if(!(sLang in this._timetable[iCinemaId])) this._timetable[iCinemaId][sLang] = [];
|
|
this._timetable[iCinemaId][sLang].push(oTimetable);
|
|
}
|
|
};
|
|
|
|
this.renderTimetable = function(iCinemaId, asLang)
|
|
{
|
|
var sCinema = asCinemas[iCinemaId];
|
|
$.each(asLang, function(iKey, sLang)
|
|
{
|
|
if(sLang=='VF' && ('VOSTF' in self.timetable(iCinemaId))) self.feedback('Hiding VF of "'+self.name()+'" @'+sCinema+' (VOSTF available)');
|
|
else if(sLang=='VFSTF') self.feedback('Hiding hearing-impaired version ('+sLang+') of "'+self.name()+'" @'+sCinema)
|
|
else
|
|
{
|
|
var $Timetable = $('<p>')
|
|
.append($('<a>', {'class':'cinema', 'target':'_blank', 'href':self.consts.ugc_url+'cinemaAction!execute.action?page=7&id='+iCinemaId})
|
|
.append($('<i>', {'class':'fa fa-fw fa-icon fa-cinema'}))
|
|
.append($('<span>', {'class':'cinema_name'}).text(sCinema)))
|
|
.append($('<span>', {'class':'lang'}).text(sLang))
|
|
.appendTo(self.anchor().find('.timetable'));
|
|
|
|
var test = self.timetable(iCinemaId, sLang);
|
|
if(!test) console.log('cinema '+iCinemaId+' lang '+sLang+' film '+self.id());
|
|
$.each(self.timetable(iCinemaId, sLang).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
|
|
});
|
|
}
|
|
});
|
|
};
|
|
|
|
this.timeCompare = function(sTime1, sTime2)
|
|
{
|
|
return (Date.parse('01/01/1970 '+sTime1.time+':00') > Date.parse('01/01/1970 '+sTime2.time+':00'));
|
|
};
|
|
|
|
this.feedback = function(sMsg)
|
|
{
|
|
$('#feed_content').append($('<p>').text(sMsg));
|
|
};
|
|
|
|
this.error = function(sMsg)
|
|
{
|
|
console.log('Film Error: '+sMsg);
|
|
};
|
|
}
|
|
|
|
function Affiche(oDate)
|
|
{
|
|
var self = this;
|
|
this.date = {};
|
|
this.date.now = oDate;
|
|
this.date.today = new Date(this.date.now.getFullYear(), this.date.now.getMonth(), this.date.now.getDate());
|
|
this.date.timestamp = this.date.today / 1;
|
|
|
|
this._cinemasList = {};
|
|
this._films = {};
|
|
this._wip = 0;
|
|
this.consts = { days:["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
|
|
months:["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]};
|
|
|
|
this.$Header = $('header');
|
|
this.$Main = $('main');
|
|
this.$Footer = $('footer');
|
|
this.$Feedback = $('#feedback');
|
|
this.$Settings = $('#settings');
|
|
|
|
this.wip = function(iProgress)
|
|
{
|
|
if(!iProgress) return this._wip;
|
|
else
|
|
{
|
|
this._wip += iProgress;
|
|
if(this._wip==0) this.onPostLoad();
|
|
}
|
|
};
|
|
|
|
this.onPostLoad = function()
|
|
{
|
|
$Films = $('.film');
|
|
|
|
//Display Header
|
|
this.$Header.css('visibility', 'visible');
|
|
|
|
//Sort films
|
|
$Films.sort(function(oFilm1, oFilm2){return ($(oFilm1).data('rank') < $(oFilm2).data('rank'))?1:-1;}).detach();
|
|
|
|
//Remove movies with no screening
|
|
$Films.not('.banned').each(function(iKey, hFilm){
|
|
var $Film = $(hFilm);
|
|
if($Film.find('.timetable').is(':empty'))
|
|
{
|
|
var oFilm = self.film($Film.data('id'));
|
|
self.feedback('Hiding movie "'+oFilm.name()+'". No screening today');
|
|
$Film.addClass('banned');
|
|
}
|
|
});
|
|
|
|
//Remove loading
|
|
this.$Main.find('#buffer').hide();
|
|
|
|
//Add films (except bans)
|
|
$Films.appendTo(this.$Main).not('.banned').slideDown('slow');
|
|
this.$Footer.add(this.$Feedback).show();
|
|
};
|
|
|
|
this.loadCinemas = function()
|
|
{
|
|
this.setHeader();
|
|
|
|
$.each(asCinemas, function(iCinemaId, sCinemaName){
|
|
getUgcPage( 'filmsAjaxAction!getFilmsForPageCinema.action',
|
|
{cinemaId:iCinemaId, cinemaCode:'', page:'7', filmId:'', filmId_widget:'', '_':Date.now()},
|
|
function(hDom){self.addCinema(iCinemaId, hDom)},
|
|
function(){},
|
|
'html');
|
|
});
|
|
};
|
|
|
|
this.addCinema = function(iCinemaId, hDom)
|
|
{
|
|
var $Page = $(hDom);
|
|
var $Films = $Page.find('.FilmDiv');
|
|
this.wip($Films.length);
|
|
$Films.each(function()
|
|
{
|
|
var $Film = $(this);
|
|
var iFilmId = $Film.find('input[name="filmId"]').val();
|
|
var oFilm = self.film(iFilmId);
|
|
|
|
if(!oFilm)
|
|
{
|
|
oFilm = new Film();
|
|
|
|
//ID
|
|
oFilm.id(iFilmId);
|
|
|
|
//Edito
|
|
var sEdito = $.trim($Film.find('.FilmEditorial').text());
|
|
oFilm.edito(sEdito);
|
|
|
|
//Name
|
|
oFilm.name($Film.find('.FilmTitle').text());
|
|
|
|
//Poster
|
|
var sPosterUrl = $Film.find('.FilmThumbnail img').attr('src');
|
|
oFilm.poster(sPosterUrl);
|
|
oFilm.backgroundPoster(sPosterUrl.replace('152x217/FFFFFF', '274x410/EEEEE8'));
|
|
|
|
//Trailer
|
|
oFilm.trailer($Film.find('.FilmIntroLink a').attr('href'));
|
|
|
|
//Minimum info acquired: book place on DOM
|
|
oFilm.anchor();
|
|
|
|
//Ban if wrong edito
|
|
if(sEdito=='Avant-première' || sEdito=='UGC Culte' || sEdito=='Soirée Club') oFilm.ban(true, sEdito);
|
|
|
|
//Append film to Affiche
|
|
self.film(iFilmId, oFilm);
|
|
}
|
|
|
|
//Timetable
|
|
if(!oFilm.ban().status)
|
|
{
|
|
getUgcPage( 'filmsAfficheAction!loadDatesList.action',
|
|
{filmId:oFilm.id(), cinemaId:iCinemaId, cinemaCode:'', day:''},
|
|
function(jData){
|
|
if(!(self.date.timestamp in jData.dates)) self.wip(-1);
|
|
else
|
|
{
|
|
getUgcPage( 'filmsAfficheAction!reloadSeancesList.action',
|
|
{filmId:oFilm.id(), cinemaId:iCinemaId, cinemaCode:'', day:self.date.timestamp},
|
|
function(hData){
|
|
var sLang = '';
|
|
var asLangs = [];
|
|
var $Timetable = $(hData);
|
|
var oTimes = [];
|
|
$Timetable.children().each(function(iKey, oDiv){
|
|
$Div = $(oDiv);
|
|
if($Div.attr('class')=='Line') //New Lang
|
|
{
|
|
if(sLang!='') asLangs.push(sLang);
|
|
sLang = $.trim($Div.find('.FilmTitle').text());
|
|
}
|
|
else
|
|
{
|
|
$Div.find('a').each(function(iKey, oLink){
|
|
var $Time = $(oLink);
|
|
oTime = {'time':$.trim($Time.find('span').text()), 'booking':oFilm.consts.ugc_url+$Time.attr('href')};
|
|
oFilm.timetable(iCinemaId, sLang, oTime);
|
|
});
|
|
}
|
|
});
|
|
asLangs.push(sLang);
|
|
oFilm.renderTimetable(iCinemaId, asLangs);
|
|
self.wip(-1);
|
|
},
|
|
function(){
|
|
self.wip(-1);
|
|
self.error('Ajax Error detected on movie "'+oFilm.name()+'" @'+asCinemas[iCinemaId]+'. UGC website Temporarily Unavailable');
|
|
},
|
|
'html');
|
|
}
|
|
},
|
|
function(){
|
|
self.wip(-1);
|
|
self.error('Ajax Error detected on movie "'+oFilm.name()+'" @'+asCinemas[iCinemaId]+'. UGC website Temporarily Unavailable');
|
|
},
|
|
'json');
|
|
}
|
|
else self.wip(-1);
|
|
});
|
|
};
|
|
|
|
this.setHeader = function()
|
|
{
|
|
//Date on top
|
|
var iDay = this.date.today.getDate();
|
|
$('#date')
|
|
.attr('datetime', this.date.today.getFullYear()+'-'+(("0" + (this.date.today.getMonth() + 1)).slice(-2))+'-'+(("0" + iDay).slice(-2)))
|
|
.append(this.consts.days[this.date.today.getDay()]+', '+this.consts.months[this.date.today.getMonth()]+' '+iDay)
|
|
.append($('<sup>').text((iDay%10==1)?'st':((iDay%10==2)?'nd':((iDay%10==3)?'rd':'th'))));
|
|
|
|
//Load Settings
|
|
this.setSettings();
|
|
}
|
|
|
|
this.setSettings = function()
|
|
{
|
|
//Date
|
|
this.setDates();
|
|
|
|
//Cinemas
|
|
this.cinemas();
|
|
|
|
//Event
|
|
this.$Header.find('#btn_settings').click(function(){
|
|
self.$Settings.show();
|
|
});
|
|
this.$Main.click(function(){self.$Settings.hide();});
|
|
$(window).keyup(function(e){if(e.keyCode == 27) self.$Settings.hide();});
|
|
|
|
//Validattion
|
|
this.$Settings.find('#ok_settings').click(function(){
|
|
|
|
//Cinemas
|
|
var asCines = {};
|
|
self.$Settings.find('.include').each(function(iKey, oCinema){
|
|
$Cine = $(oCinema);
|
|
asCines[$Cine.data('id')] = $Cine.text();
|
|
});
|
|
self.cinemas(asCines);
|
|
|
|
//Day
|
|
|
|
location.reload();
|
|
});
|
|
};
|
|
|
|
this.setDates = function()
|
|
{
|
|
|
|
};
|
|
|
|
this.cinemas = function(asSetCinemas)
|
|
{
|
|
if(!asSetCinemas) //Set cookie/default cinemas and get list
|
|
{
|
|
var asCookieCinemas = Cookies.getJSON('cinemas');
|
|
if(!asCookieCinemas) asCinemas = {'10':'Les Halles', '12':'Bercy', '20':'La Défense'};
|
|
else asCinemas = asCookieCinemas;
|
|
|
|
getUgcPage( 'headerReservationAction!reloadCinemasList.action',
|
|
{'regionsAndCinemasBean.region':'', 'regionsAndCinemasBean.cinema':'', '_':Date.now()},
|
|
self.displaySettingsCinemas,
|
|
function(){self.error('Error: Could not load cinema list');},
|
|
'json');
|
|
}
|
|
else //Set new cinemas as cookie
|
|
{
|
|
Cookies.set('cinemas', asSetCinemas);
|
|
asCinemas = asSetCinemas;
|
|
}
|
|
};
|
|
|
|
this.displaySettingsCinemas = function(jData)
|
|
{
|
|
this._cinemasList = jData.cinemas;
|
|
var $Cinemas = self.$Settings.find('.cinemas');
|
|
$.each(this._cinemasList, function(iKey, sCinemaName){
|
|
var iCinemaId = $.trim(iKey);
|
|
$Cinemas.append($('<li>', {'class':'cinema'})
|
|
.attr('id', '_'+iCinemaId)
|
|
.data('id', iCinemaId)
|
|
.toggleClass('include', (iCinemaId in asCinemas))
|
|
.click(function(){$(this).toggleClass('include')})
|
|
.text(sCinemaName));
|
|
});
|
|
};
|
|
|
|
this.film = function(iFilmId, oFilm)
|
|
{
|
|
if(!iFilmId) return this._films;
|
|
else if(!oFilm) return (iFilmId in this._films)?this._films[iFilmId]:false;
|
|
else this._films[iFilmId] = oFilm;
|
|
};
|
|
|
|
this.feedback = function(sMsg)
|
|
{
|
|
$('#feed_content').append($('<p>').text(sMsg));
|
|
};
|
|
|
|
this.error = function(sMsg)
|
|
{
|
|
console.log('Affiche Error: '+sMsg);
|
|
};
|
|
}
|
|
|
|
function getUgcPage(sPath, asData, fOnSuccess, fOnFail, sType)
|
|
{
|
|
var asParams = {'a':'get_page', 'type':sType, 'data':{'path':sPath, 'vars':asData}};
|
|
$.ajax({
|
|
url: (new Film()).consts.process_url,
|
|
data: asParams,
|
|
dataType: sType
|
|
}).done(fOnSuccess)
|
|
.fail(fOnFail);
|
|
} |