adding dates to pick from

masks/index.html

@@ -8,34 +8,36 @@
 	<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic' type='text/css'>
 	<link rel="stylesheet" href="style/ugc.css" type="text/css" />
 	<script type="text/javascript" src="script/jquery.js"></script>
-	<script type="text/javascript" src="script/film.js"></script>
+	<script type="text/javascript" src="script/ugc.js"></script>
 	<title>UGC Clone</title>
 	<script type="text/javascript">
-	//Parameters
-	var oDate = new Date(/*'2015-08-15'*/);
-	if(oDate.getHours()==23) oDate.setDate(oDate.getDate() + 1);
-
 	$(document).ready(function(){
-		var oAffiche = new Affiche(oDate);
-		oAffiche.loadCinemas();
+		var oUgc = new Ugc();
+		oUgc.loadCinemas();
 	});
 	</script>
 </head>
 <body>
 	<header>
+		<div id="nav">
+			<div id="ugc_days"></div>
+			<div id="ugc_dates"><select name="days"></select><i class="fa fa-down"></i></div>
+			<div id="btn_settings" class="button no_bg fa fa-settings"></div>
+		</div>
 		<div class="title"><time id="date"></time></div>
-		<div id="btn_settings" class="fa fa-settings"></div>
 	</header>
 	<main>
 		<div id="buffer"><i class="fa fa-spinner fa-spin"></i></div>
 	</main>
 	<div id="feedback">
-		<h2><i class="fa fa-icon fa-feedback"></i>Filtered films</h2>
+		<h2><i class="fa inline fa-feedback"></i>Filtered films</h2>
 		<div id="feed_content"></div>
 	</div>
-	<footer><i class="fa fa-icon fa-power"></i>Designed &amp; powered by Franzz, licensed under GPLv3.</footer>
+	<footer><i class="fa inline fa-power"></i>Designed &amp; powered by Franzz, licensed under GPLv3.</footer>
+	<div class="background"></div>
 	<div id="settings">
-		<h1>Theaters<span id="ok_settings" class="button square fa fa-ok"></span></h1>
+		<h1>Theaters<span id="ok_settings" class="button no_bg square fa fa-ok"></span></h1>
+		<div id="buffer_settings"><i class="fa fa-spinner fa-spin"></i></div>
 		<ul class="cinemas"></ul>
 	</div>
 </body>

script/ugc.js

@@ -1,7 +1,8 @@
-function Film()
+function Film(oSettings)
 {
 	var self = this;
 	this.consts = {'ugc_url':'http://www.ugc.fr/', 'process_url':'index.php'};
+	this.settings = oSettings;
 	this._attr = {};
 	this._anchor = {};
 	this._ban = {status:false, reason:''};
@@ -103,12 +104,12 @@ function Film()
 				.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($('<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($('<p>', {'class':'trailer'})
 						.append($('<a>', {'target':'_blank', 'href':this.trailer()})
-							.append($('<i>', {'class':'fa fa-fw fa-icon fa-trailer'}))
+							.append($('<i>', {'class':'fa fa-fw inline fa-trailer'}))
 							.append('Trailer')))
 					.append($('<div>', {'class':'timetable'})))
 					//.append($('<div>', {'class':'timetable fa fa-fw fa-spinner fa-spin'})))
@@ -132,7 +133,7 @@ function Film()
 	
 	this.renderTimetable = function(iCinemaId, asLang)
 	{
-		var sCinema = asCinemas[iCinemaId];
+		var sCinema = self.settings.cinemas(iCinemaId);
 		$.each(asLang, function(iKey, sLang)
 		{
 			if(sLang=='VF' && ('VOSTF' in self.timetable(iCinemaId))) self.feedback('Hiding VF of "'+self.name()+'" @'+sCinema+' (VOSTF available)');
@@ -141,13 +142,11 @@ function Film()
 			{
 				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($('<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'));
 				
-				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))
@@ -173,25 +172,41 @@ function Film()
 	};
 }
 
-function Affiche(oDate)
+function Ugc()
 {
 	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.settings = new Settings();
 	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.loadCinemas = function()
+	{
+		//Display buffer while loading
+		buffer(true);
+		
+		//Load Settings
+		this.settings.init();
+		
+		//Set Header
+		$('#date')
+			.attr('datetime', this.settings.date('html'))
+			.append(this.settings.date('formal'))
+			.append($('<sup>').text(this.settings.date('abbr')));
+
+		//Load cinemas
+		$.each(this.settings.cinemas(), 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.wip = function(iProgress)
 	{
@@ -207,9 +222,6 @@ function Affiche(oDate)
 	{
 		$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();
 		
@@ -224,25 +236,11 @@ function Affiche(oDate)
 			}
 		});
 		
-		//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();
-	};
+		$Films.appendTo(this.$Main);
 		
-	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');	
-		});
+		//remove buffer
+		buffer(false);
 	};
 	
 	this.addCinema = function(iCinemaId, hDom)
@@ -258,7 +256,7 @@ function Affiche(oDate)
 			
 			if(!oFilm)
 			{
-				oFilm = new Film();
+				oFilm = new Film(self.settings);
 				
 				//ID
 				oFilm.id(iFilmId);
@@ -284,7 +282,7 @@ function Affiche(oDate)
 				//Ban if wrong edito
 				if(sEdito=='Avant-première' || sEdito=='UGC Culte' || sEdito=='Soirée Club') oFilm.ban(true, sEdito);
 				
-				//Append film to Affiche
+				//Append film to Ugc
 				self.film(iFilmId, oFilm);
 			}
 			
@@ -294,11 +292,11 @@ function Affiche(oDate)
 				getUgcPage(	'filmsAfficheAction!loadDatesList.action', 
 							{filmId:oFilm.id(), cinemaId:iCinemaId, cinemaCode:'', day:''},
 							function(jData){
-								if(!(self.date.timestamp in jData.dates)) self.wip(-1);
+								if(!(self.settings.date('midnight_timestamp') in jData.dates)) self.wip(-1);
 								else
 								{
 									getUgcPage(	'filmsAfficheAction!reloadSeancesList.action', 
-												{filmId:oFilm.id(), cinemaId:iCinemaId, cinemaCode:'', day:self.date.timestamp},
+												{filmId:oFilm.id(), cinemaId:iCinemaId, cinemaCode:'', day:self.settings.date('midnight_timestamp')},
 												function(hData){
 													var sLang = '';
 													var asLangs = [];
@@ -326,14 +324,14 @@ function Affiche(oDate)
 												},
 												function(){
 													self.wip(-1);
-													self.error('Ajax Error detected on movie "'+oFilm.name()+'" @'+asCinemas[iCinemaId]+'. UGC website Temporarily Unavailable');
+													self.error('Ajax Error detected on movie "'+oFilm.name()+'" @'+self.settings.cinemas(iCinemaId)+'.');
 												},
 												'html');
 								}
 							},
 							function(){
 								self.wip(-1);
-								self.error('Ajax Error detected on movie "'+oFilm.name()+'" @'+asCinemas[iCinemaId]+'. UGC website Temporarily Unavailable');
+								self.error('Ajax Error detected on movie "'+oFilm.name()+'" @'+self.settings.cinemas(iCinemaId)+'.');
 							},
 							'json');
 			}
@@ -341,92 +339,6 @@ function Affiche(oDate)
 		});
 	};
 	
-	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;
@@ -441,7 +353,193 @@ function Affiche(oDate)
 	
 	this.error = function(sMsg)
 	{
-		console.log('Affiche Error: '+sMsg);
+		console.log('Ugc Error: '+sMsg);
+	};
+}
+
+function Settings()
+{
+	var self = this;
+	this._ugcCinemas = {};
+	this._cinemas = {};
+	//this._ugcDates = [];
+	this._date = null;
+	
+	this.$Settings = $('#settings');
+	this.$Header = $('header');
+	this.$Main = $('main');
+	
+	this.consts = {	days:["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+					months:["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]};
+	
+	this.init = function()
+	{
+		//Default date
+		var iCookieTimestamp = parseInt(Cookies.get('date'));
+		var oDate;
+		if(isNaN(iCookieTimestamp) || iCookieTimestamp < this.timestamp()) // no cookie or in the past
+		{
+			oDate = new Date();
+			if(oDate.getHours()==23) oDate = new Date(this.timestamp(oDate) + 24*60*60*1000); //Tomorrow
+		}
+		else oDate = new Date(iCookieTimestamp);
+		this.date(oDate);
+		
+		//UGC dates
+		this.addUgcDatesToDom();
+		
+		//Default cinemas
+		var asCookieCinemas = Cookies.getJSON('cinemas');
+		this.cinemas(asCookieCinemas?asCookieCinemas:{'10':'Les Halles', '12':'Bercy', '20':'La Défense'});
+		
+		//UGC cinemas
+		getUgcPage(	'headerReservationAction!reloadCinemasList.action', 
+					{'regionsAndCinemasBean.region':'', 'regionsAndCinemasBean.cinema':'', '_':this.date('timestamp')},
+					function(jData){
+						self.ugcCinemas(jData.cinemas);
+						self.addUgcCinemasToDom();
+					},
+					function(){self.error('Error: Could not load cinema list');},
+					'json');
+	};
+	
+	this.ugcCinemas = function(asCinemas)
+	{
+		if(!asCinemas) return this._ugcCinemas;
+		else if($.isNumeric(asCinemas)) return this._ugcCinemas[asCinemas]; //Get Cinema name
+		else this._ugcCinemas = asCinemas;
+	};
+	
+	this.cinemas = function(asCinemas)
+	{
+		if(!asCinemas) return this._cinemas;
+		else if($.isNumeric(asCinemas)) return this._cinemas[asCinemas]; //Get Cinema name
+		else this._cinemas = asCinemas;
+	};
+	
+	this.date = function(oDate)
+	{
+		if(!oDate) return this._date;
+		else if($.type(oDate)=='string')
+		{
+			switch(oDate)
+			{
+				case 'timestamp':
+					return this.timestamp(this._date);
+				case 'today':
+					return new Date(this._date.getFullYear(), this._date.getMonth(), this._date.getDate());
+				case 'midnight_timestamp':
+					return this.timestamp(this.date('today'));
+				case 'day':
+					return this._date.getDate();
+				case 'weekday':
+					return this._date.getDay();
+				case 'month':
+					return this._date.getMonth();
+				case 'year':
+					return this._date.getFullYear();
+				case 'html':
+					return this.date('year')+'-'+(("0" + (this.date('month') + 1)).slice(-2))+'-'+(("0" + this.date('day')).slice(-2));
+				case 'formal':
+					return this.consts.days[this.date('weekday')]+', '+this.consts.months[this.date('month')]+' '+this.date('day');
+				case 'abbr':
+					return (this.date('day')%10==1)?'st':((this.date('day')%10==2)?'nd':((this.date('day')%10==3)?'rd':'th'));
+				default:
+					return this._date;
+			}
+		}
+		else this._date = oDate;
+	};
+	
+	this.addUgcDatesToDom = function()
+	{
+		//Build today at midnight
+		var oNextDay = new Date();
+		oNextDay = new Date(oNextDay.getFullYear(), oNextDay.getMonth(), oNextDay.getDate());
+		
+		//Build available dates
+		var $Select = $('#ugc_dates').find('select');
+		var $List = $('#ugc_days');
+		var iCount = 0;
+		while(oNextDay.getDay() != 3)
+		{
+			if(iCount>5) break;
+			var iTimestamp = this.timestamp(oNextDay);
+			switch(iCount)
+			{
+				case 0: sDay = 'Today'; break;
+				case 1: sDay = 'Tomorrow'; break;
+				default: sDay = this.consts.days[oNextDay.getDay()];
+			}
+			$Select.append($('<option>', {'value':iTimestamp}).text(sDay));
+			$List.append($('<a>', {'class':'button no_bg inline day', 'id':'day_'+iTimestamp}).data('timestamp', iTimestamp).text(sDay));
+			oNextDay = new Date(this.timestamp(oNextDay) + 24*60*60*1000);
+			iCount++;
+		}
+		
+		//Selecting right value
+		$Select.val(this.date('midnight_timestamp'));
+		$List.find('#day_'+this.date('midnight_timestamp')).addClass('clicked');
+		
+		//event
+		$Select.change(function(){
+			Cookies.set('date', $(this).val(), {expires:6});
+			reload();
+		});
+		$List.find('.day').click(function(){
+			Cookies.set('date', $(this).data('timestamp'), {expires:6});
+			reload();
+		});		
+	};
+	
+	this.addUgcCinemasToDom = function()
+	{
+		//Hide buffer
+		self.$Settings.find('#buffer_settings').hide();
+		
+		//Add cinemas
+		var $Cinemas = self.$Settings.find('.cinemas');
+		$.each(self.ugcCinemas(), function(iKey, sCinemaName){
+			var iCinemaId = $.trim(iKey);
+			$Cinemas.append($('<li>', {'class':'cinema'})
+				.attr('id', 'cinema_'+iCinemaId)
+				.data('id', iCinemaId)
+				.toggleClass('include', (iCinemaId in self.cinemas()))
+				.click(function(){$(this).toggleClass('include')})
+				.text(sCinemaName));
+		});
+		
+		//Event: Show / Hide panel
+		$('#btn_settings').click(function(){self.toggleSettings(true);});
+		$('.background').click(function(){self.toggleSettings(false);});
+		$(window).keyup(function(e){if(e.keyCode == 27) self.toggleSettings(false);});
+
+		//Event: Validation of cinemas selection
+		this.$Settings.find('#ok_settings').click(function(){
+			var asCines = {};
+			self.$Settings.find('.include').each(function(iKey, oCinema){
+				var $Cine = $(oCinema);
+				asCines[$Cine.data('id')] = $Cine.text();
+			});
+			Cookies.set('cinemas', asCines);
+			reload();
+		});
+	};
+	
+	this.toggleSettings = function(bShow)
+	{
+		self.$Settings.add('.background').toggle((typeof bShow == 'undefined')?null:bShow);
+	};
+	
+	this.timestamp = function(oDate)
+	{
+		oDate = oDate || new Date();
+		return oDate.getTime();
+	}
+	
+	this.error = function(sMsg)
+	{
+		console.log('Settings Error: '+sMsg);
 	};
 }
 
@@ -452,6 +550,44 @@ function getUgcPage(sPath, asData, fOnSuccess, fOnFail, sType)
 			url: (new Film()).consts.process_url,
 			data: asParams,
 			dataType: sType
-		}).done(fOnSuccess)
-		.fail(fOnFail);
+		})
+		.done(function(oData){
+			if(sType=='html')
+			{
+				var asMatches = oData.match(/<title>(.*?)<\/title>/);
+				if(asMatches && asMatches[1] == 'Service Temporarily Unavailable')
+				{
+					console.log('UGC website Temporarily Unavailable. Reloading page');
+					console.log(asParams);
+					reload();
+				}
+			}
+			fOnSuccess(oData);
+		})
+		.fail(function(){
+			fOnFail();
+			console.log('UGC website Temporarily Unavailable. Reloading page');
+			console.log(asParams);
+			reload();
+		});
+}
+
+function buffer(bActive)
+{
+	if(bActive)
+	{
+		$('.film').add('header').fadeTo(0, 0);
+	}
+	else
+	{
+		$('.film').not('.banned').add('header').fadeTo('slow', 1);
+	}
+	$('#buffer').toggle(bActive);
+	$('footer').add('#feedback').toggle(!bActive);
+}
+
+function reload()
+{
+	buffer(true);
+	location.reload();
 }

style/_big_screen.scss

@@ -4,4 +4,8 @@
 		min-width: 40.5em;
 		margin: 0px auto;
 	}
+	
+	#ugc_dates {
+		display:none;
+	}
 }

style/_small_screen.scss

@@ -1,4 +1,13 @@
 @media (max-width: 40.5em) {
+
+	header #nav {
+		font-size:2.5em;
+	}
+	
+	#ugc_days {
+		display:none;
+	}
+	
 	#buffer {
 		width: 6em;
 		height: 6em;
@@ -6,4 +15,5 @@
 	#buffer .fa {
 		font-size:6em;
 	}
+
 }

style/ugc.css

@@ -1,5 +1,5 @@
 @CHARSET "UTF-8";/*! normalize.css v3.0.2 | MIT License | git.io/normalize */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}/*!
  *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
- */@font-face{font-family:'FontAwesome';src:url("fontawesome-webfont.eot?v=4.3.0");src:url("fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),url("fontawesome-webfont.woff2?v=4.3.0") format("woff2"),url("fontawesome-webfont.woff?v=4.3.0") format("woff"),url("fontawesome-webfont.ttf?v=4.3.0") format("truetype"),url("fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:0.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:0.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid 0.08em #eeeeee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#ffffff}.fa-gear:before{content:"\f013"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-underline:before{content:"\f0cd"}.fa-ol:before{content:"\f0cb"}.fa-ul:before{content:"\f03a"}body{margin:0;padding:1em;font-family:'Open Sans', sans-serif;font-size:1em;color:#222;background:white;min-width:30em}a{text-decoration:none;color:#222}a:hover{color:#08288B}h1{color:#08288B;margin:0 0 0.8em 0}h2{margin:0 0 1em 0;font-size:1.7em}.fa-icon{margin-right:0.5em}.button{background:#666;color:white;padding:0.1em 0.4em;border-radius:3px;cursor:pointer}.button:hover{background:#08288B;color:white}.button.square{padding:0.2em}.fa-film:before{content:"\f008"}.fa-trailer:before{content:"\f144"}.fa-spinner:before{content:"\f110"}.fa-cinema:before{content:"\f017"}.fa-date:before{content:"\f133"}.fa-power:before{content:"\f1b0"}.fa-edito:before{content:"\f0e7"}.fa-feedback:before{content:"\f0b0"}.fa-settings:before{content:"\f013"}.fa-ok:before{content:"\f00c"}header{margin:0;visibility:hidden;text-align:center;color:#08288B;position:relative}header .title{display:inline-block;padding-left:113px;background:url(../images/logo_ugc.png) 0 50% no-repeat}header .title time{display:inline-block;font-size:2em;padding:1.5em 0 1.5em 0.75em}header #btn_settings{position:absolute;top:0;right:0;font-size:1.5em;cursor:pointer}header #btn_settings:hover{font-size:2em;top:-0.1em;right:-0.1em}main{margin-top:1em}#buffer{position:fixed;top:0px;left:0px;right:0px;bottom:0px;width:2em;height:2em;margin:auto;padding:0px;color:#08288B}#buffer .fa{font-size:2em}.film{position:relative;background:white;margin-bottom:1em;overflow:hidden;-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.5);-moz-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.5);box-shadow:1px 1px 2px 1px rgba(0,0,0,0.5)}.film img.bg{position:absolute;top:50%;margin-top:-25%;left:152px;right:0;bottom:0;width:calc(100% - 152px);opacity:0.2}.film img.poster{width:152px;display:block;z-index:2}.film .info{z-index:2;position:absolute;top:0;left:152px;padding-left:1em;wLine truncated
+ */@font-face{font-family:'FontAwesome';src:url("fontawesome-webfont.eot?v=4.3.0");src:url("fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),url("fontawesome-webfont.woff2?v=4.3.0") format("woff2"),url("fontawesome-webfont.woff?v=4.3.0") format("woff"),url("fontawesome-webfont.ttf?v=4.3.0") format("truetype"),url("fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:0.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:0.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid 0.08em #eeeeee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#ffffff}.fa-gear:before{content:"\f013"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-underline:before{content:"\f0cd"}.fa-ol:before{content:"\f0cb"}.fa-ul:before{content:"\f03a"}body{margin:0;padding:1em;font-family:'Open Sans', sans-serif;font-size:1em;color:#222;background:white;min-width:30em}a{text-decoration:none;color:#222}a:hover{color:#08288B}h1{color:#08288B;margin:0 0 0.8em 0}h2{margin:0 0 1em 0;font-size:1.7em}select{border:none;background:transparent;z-index:1;color:#666}select option{padding-right:1.5em}select+.fa-down{margin-left:-1em;z-index:-1;color:#666}.inline{margin-right:0.5em}.button{background:#666;color:white;padding:0.1em 0.4em;border-radius:3px;cursor:pointer}.button:hover,.button.clicked{background:#08288B;color:white}.button.square{padding:0.2em}.button.no_bg{background:inherit;color:#666}.button.no_bg:hover,.button.no_bg.clicked{background:inherit;color:#08288B}.fa-film:before{content:"\f008"}.fa-trailer:before{content:"\f144"}.fa-spinner{color:#08288B;font-size:2em}.fa-spinner:before{content:"\f110"}.fa-cinema:before{content:"\f017"}.fa-date:before{content:"\f133"}.fa-power:before{content:"\f1b0"}.fa-edito:before{content:"\f0e7"}.fa-feedback:before{content:"\f0b0"}.fa-settings:before{content:"\f013"}.fa-ok:before{content:"\f00c"}.fa-down:before{content:"\f0d7"}header{margin:0;text-align:center}header #nav{text-align:left;position:relative;margin-bottom:0.7em}header #nav #btn_settings{font-size:1.5em;margin:0;padding:0 0.25em 0 0;position:absolute;right:0;top:0}header .title{color:#08288B;display:inline-block;padding-left:113px;background:url(../images/logo_ugc.png) 0 50% no-repeat}header .title time{display:inline-block;font-size:2em;padding:1.5em 0 1.5em 0.75em}main{margin-top:1em}#buffer{position:fixed;top:0px;left:0px;right:0px;bottom:0px;width:2em;height:2em;margin:auto;padding:0px}.film{position:relative;background:white;margin-bottom:1em;overflow:hidden;-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.5);-moz-box-shadow:1px 1px 2px 1px rgbaLine truncated
 /*# sourceMappingURL=ugc.css.map */

style/ugc.css.map

@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "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 truncated
+"mappings": "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 truncated
 "sources": ["ugc.scss","_normalize.scss","_font-awesome.scss","_small_screen.scss","_big_screen.scss"],
 "names": [],
 "file": "ugc.css"

style/ugc.scss

@@ -35,9 +35,26 @@ h2 {
 	font-size:1.7em;
 }
 
+select {
+	border:none;
+	background:transparent;
+	z-index:1;
+	color:#666;
+}
+
+select option {
+	padding-right:1.5em;
+}
+
+select + .fa-down {
+	margin-left:-1em;
+	z-index:-1;
+	color:#666;	
+}
+
 /* Common Classes */
 
-.fa-icon {
+.inline {
 	margin-right:0.5em;
 }
 
@@ -48,13 +65,21 @@ h2 {
 	border-radius:3px;
 	cursor: pointer;
 }
-.button:hover {
+.button:hover, .button.clicked {
 	background:#08288B;
 	color:white;
 }
 .button.square {
 	padding:0.2em;
 }
+.button.no_bg {
+	background:inherit;
+	color:#666;
+}
+.button.no_bg:hover, .button.no_bg.clicked {
+	background:inherit;
+	color:#08288B;
+}
 
 /* Font Awesome Classes */
 
@@ -64,6 +89,10 @@ h2 {
 .fa-trailer:before {
 	content: "\f144";
 }
+.fa-spinner {
+	color:#08288B;
+	font-size:2em;
+}
 .fa-spinner:before {
 	content: "\f110";	
 }
@@ -88,6 +117,9 @@ h2 {
 .fa-ok:before {
 	content: "\f00c";
 }
+.fa-down:before {
+	content: "\f0d7";
+}
 
 /* Sections */
 
@@ -95,13 +127,32 @@ h2 {
 
 header {
 	margin:0;
-	visibility:hidden;
 	text-align: center;
-	color:#08288B;
+}
+
+header #nav {
+	text-align:left;
 	position: relative;
+	margin-bottom: 0.7em;
+}
+
+/*
+header #nav .day:FIRST-CHILD {
+	padding-left: 0px;
+}
+*/
+
+header #nav #btn_settings {
+	font-size:1.5em;
+	margin: 0;
+	padding: 0 0.25em 0 0;
+	position: absolute;
+	right: 0;
+	top: 0;
 }
 
 header .title {
+	color:#08288B;
 	display:inline-block;
 	padding-left:113px;
 	background:url(../images/logo_ugc.png) 0 50% no-repeat;
@@ -113,19 +164,6 @@ header .title time {
 	padding:1.5em 0 1.5em 0.75em;
 }
 
-header #btn_settings {
-	position: absolute;
-	top:0;
-	right:0;
-	font-size:1.5em;
-	cursor: pointer;
-}
-header #btn_settings:hover {
-	font-size: 2em;
-	top:-0.1em;
-	right:-0.1em;
-}
-
 /* Section - Main */
 
 main {
@@ -142,11 +180,6 @@ main {
 	height: 2em;
 	margin: auto;
 	padding: 0px;
-	color:#08288B;
-}
-
-#buffer .fa {
-	font-size:2em;
 }
 
 /* Section - Film */
@@ -240,7 +273,6 @@ main {
 	padding:1em;
 	font-size:0.6em;
 	margin-bottom: 1em;
-	display:none;
 	color:#999;
 }
 
@@ -256,12 +288,23 @@ main {
 footer {
 	font-size: 0.8em;
 	margin: 1em 0 0 0;
-	display: none;
 	color:#08288B;
 }
 
 /* Section - Settings */
 
+.background {
+	display:none;
+	position:absolute;
+	top:0;
+	bottom:0;
+	left:0;
+	right:0;
+	z-index: 3;
+	background:white;
+	opacity:0.5;
+}
+
 #settings {
 	display:none;
 	position:absolute;
@@ -274,7 +317,7 @@ footer {
 	-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.5);
 	-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.5);
 	box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.5);
-	z-index: 3;
+	z-index: 4;
 }
 
 #settings h1 {
@@ -286,6 +329,11 @@ footer {
 	right:0;
 }
 
+#settings #buffer_settings {
+	text-align:center;
+	margin:2em auto;
+}
+
 #settings ul.cinemas {
 	-webkit-column-count: 2;
 	-moz-column-count: 2;
@@ -294,6 +342,7 @@ footer {
 	padding:0;
 	margin:0;
 }
+
 #settings ul.cinemas li {
 	cursor: pointer;
 }