add film details

script/ugc.js

@@ -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($('<div>', {'class':'film-info'})
 						.append($('<p>', {'class':'director'})
-						.append($('<i>', {'class':'fa fa-fw inline fa-director'}))
+							.append('By '+this.director())
-						.append(this.director()))
+							.append($('<i>', {'class':'more-info fa fa-more'}).data('loaded', false).click(this.toggleFilmDetails)))
-					.append($('<div>', {'class':'timetable'})))
+						.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 || {};

style/_small_screen.scss

@@ -78,6 +78,10 @@
 		width: calc(100% - 0.5em - #{$poster_size});
 	}
 
+	main .film .info .fa-more {
+		display: none;
+	}
+
 	#buffer {
 		width: 6em;
 		height: 6em;

style/ugc.css

@@ -1,2 +1,2 @@
-@CHARSET "UTF-8";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-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:"\f0cLine truncated
+@CHARSET "UTF-8";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-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:"\f0cLine 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

@@ -91,16 +91,23 @@ select {
 .fa-director:before {
 	content: "\f007";
 }
+.fa-more:before {
+	content: "\f05a";
+}
 .fa-spinner {
 	color: $ugc_color;
 	font-size:2em;
-}
+	
-.fa-spinner:before {
+	&:before {
 		content: "\f110";
 	}
+}
 .fa-cinema:before {
 	content: "\f017";
 }
+.fa-close:before {
+	content: "\f057";
+}
 .fa-date:before {
 	content: "\f133";
 }
@@ -219,13 +226,12 @@ main {
 	-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 * {
+	* {
 		transform: translate(0px, 0px);
 	}
 	
-.film img.bg {
+	img.bg {
 		position:absolute;
 		top:50%;
 		margin-top:-25%;
@@ -236,68 +242,98 @@ main {
 		width:calc(100% - #{$poster_size});
 	}
 	
-.film .poster-container {
+	.poster-container {
 		display: inline-block;
-}
 		
-.film img.poster {
+		img.poster {
 			width: $poster_size;
 			z-index: 2;
 			vertical-align: top;
 		}
+	}
 
-.film .info {
+	p {
+		margin: 0.5em 0;
+	}
+	
+	.info {
 		z-index:2;
 		display: inline-block;
 		vertical-align:top;
 		padding:1em;
 		width: calc(100% - 2em - #{$poster_size});
-}
 	
-.film p {
+		.title {
-	margin:0.5em 0;
+			margin: 0;
-}
 			
-.film .title {
+			a.name {
-	margin-top:0;
-}
-.film .title a.name {
 				font-weight: bold;
 				text-transform: uppercase;
 			}
+		}
 		
-.film .edito {
+		.edito {
 			font-style: italic;
 			color:#777;
 		}
 		
-.film .director {
+		.film-info {
+			padding-left: calc((1.28571429em + 0.5em)/0.9);
+			font-size: 0.9em;
+			color: #555;
+			
+			.director {
+				font-style: italic;
+				
+				.more-info {
+					font-size: calc(1em/0.9);
+					margin-left: 0.5em;
+					vertical-align: -0.05em;
+					
+					&:not(.fa-spin) {
+						cursor: pointer;
+						&:hover {
+							color: $ugc_color;
+						}
+					}
+				}
+			}
+		
+			.film-details {
+				border-left: 2px solid #CCC;
+				padding-left: 0.5em;
+				
+				p {
+					font-size: 0.8em;
 					color: #555;
 				}
-
+			}
-.film .timetable {
-	margin-top:1em;
-	font-size: 0.8em;
 		}
 		
-.film .timetable p {
+		.timetable {
+			margin-top:1em;
+			font-size: 0.8em;
+		
+			p {
 				line-height: 2.0;
 				margin: 0;
 			}
 			
-.film .timetable .cinema {
+			.cinema {
 				margin-right:0.5em;
-}
 			
-.film .timetable .cinema .fa {
+				.fa {
 					font-size: 1.25em;
 					line-height: 0.7656249414em;
 					vertical-align: -14.06250352%;
 				}
-
+			}			
-.film .timetable .lang {
+			.lang {
 				margin-right:0.5em;
 			}
+		}
+	}
+}
 
 /* Section - Feeback */