Reorganise JS and get characters from lasest video

* Reorganise frontend JavaScript to make it more compartmentalised
* Grab characters from the latest video

1 files changed, 57 insertions, 0 deletions

diff --git a/public/javascripts/app.js b/public/javascripts/app.js
new file mode 100644
index 0000000..c54651a
--- /dev/null
+++ b/public/javascripts/app.js
@@ -0,0 +1,57 @@
+var App = App || null;
+
+(function() {
+	var cApp = function() {
+		this.characters = null;
+		this.answer = null;
+		
+		
+		// CoverFlow
+		var initialise_js_cover_flow = function(playlist) {
+			coverflow('character-select-container').setup({
+				width: '100%',
+				playlist: playlist,
+				coverheight: 130,
+				textoffset: 68
+			}).on('ready', function() {
+				this.on('click', function() {
+					alert('chosen');
+				});
+			});
+		};
+		
+		this.initialize_video = function(url) {
+		
+		};
+		
+		this.get_characters = function(series_id) {
+			// Populate characters
+			var that = this;
+			var $character_container = $('#character-select .flow');
+			$.get(
+				'/character-images/' + series_id,
+				function(response) {
+					var r = JSON.parse(response);
+			
+					$character_container.empty()
+			
+					var playlist = []
+					for (var i = 0; i < r.characters.length; i++) {
+						playlist.push({
+							image: r.characters[i].image,
+							title: r.characters[i].name
+						});
+					}
+					initialise_js_cover_flow(playlist);
+					
+					that.characters = _.pluck(r.characters, 'tms_personId');
+				}
+			);
+		};
+		
+		
+		return this;
+	};
+	
+	App = new cApp();
+})();
\ No newline at end of file