Reorganise JS and get characters from lasest video

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

5 files changed, 101 insertions, 41 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
diff --git a/public/javascripts/main.js b/public/javascripts/main.js
index b76912e..0c1ba4e 100644
--- a/public/javascripts/main.js
+++ b/public/javascripts/main.js
@@ -1,41 +1,3 @@
-// CoverFlow
 (function() {
-	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');
-			});
-		});
-	};
-
-	// Populate characters
-	
-	// Change template settings to use {{}} delimiters
-	_.templateSettings = {
-		interpolate: /\{\{(.+?)\}\}/g
-	};
-	
-	var $character_container = $('#character-select .flow');
-	$.get(
-		'/character-images/8680539',
-		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);
-		}
-	);
-})();
\ No newline at end of file
+	ParseInterface.get_last_charade();
+})();
diff --git a/public/javascripts/parse-interface.js b/public/javascripts/parse-interface.js
new file mode 100644
index 0000000..e58b243
--- /dev/null
+++ b/public/javascripts/parse-interface.js
@@ -0,0 +1,37 @@
+var ParseInterface = ParseInterface || null;
+
+(function() {
+	var cParseInterface = function() {
+		var application_id = '6jaGjImHFtbJLkAWJRnnLTHfD01nmWHAIrAKNYge';
+		var javascript_key = 'zA6og358R2Wg5NVAHWj81zeFz2WQZ5u2AhHFPCjN';
+		Parse.initialize(application_id, javascript_key);
+	
+		var ContestObject = Parse.Object.extend('ContestObject');
+	
+		this.get_last_charade = function() {
+			var that = this;
+			var query = new Parse.Query(ContestObject);
+			query.limit(1);
+			query.descending('createdAt');
+			query.find({
+				success: function(response) {
+					that._process_charade(response[0]);
+				}
+			});
+		};
+	
+		this._process_charade = function(contest_instance) {
+			var video_url = contest_instance.get('video_url');
+			var series_id = contest_instance.get('series_id');
+			
+			App.answer = contest_instance.get('personId');
+			App.initialize_video(video_url);
+			App.get_characters(series_id);
+		};
+		
+		
+		return this;
+	};
+	
+	ParseInterface = new cParseInterface();
+})();
\ No newline at end of file
diff --git a/routes/character-images.js b/routes/character-images.js
index f4ef9b6..a30ee9c 100644
--- a/routes/character-images.js
+++ b/routes/character-images.js
@@ -42,7 +42,8 @@ module.exports = function(req, res) {
 				
 				that.data.character_images.characters.push({
 					image: 'http://developer.tmsimg.com/' + r.preferredImage.uri + '?api_key=' + config.tms.key + '&amp;h=100',
-					name: r.preferredImage.caption.content
+					name: r.preferredImage.caption.content,
+					tms_personId: r.personId
 				});
 				
 				callback();
diff --git a/views/index.ejs b/views/index.ejs
index 31d31f3..4b800e5 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -16,6 +16,7 @@
 	<script src="/javascripts/vendor/js-cover-flow/coverflow.js"></script>
 	<script src="/javascripts/vendor/jquery-2.0.0.min.js"></script>
 	<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
+	<script src="http://www.parsecdn.com/js/parse-1.2.7.min.js"></script>
 	<script src="/javascripts/vendor/underscore-min.js"></script>
 </head>
 <body>
@@ -43,6 +44,8 @@
 		</div>
 	</footer>
 	
+	<script src="/javascripts/app.js"></script>
+	<script src="/javascripts/parse-interface.js"></script>
 	<script src="/javascripts/main.js"></script>
 </body>
 </html>