voting

1 files changed, 25 insertions, 13 deletions

diff --git a/public/js/game.js b/public/js/game.js
index 0b7e86c..f095c4b 100644
--- a/public/js/game.js
+++ b/public/js/game.js
@@ -90,7 +90,8 @@ var Events = {
 		},
 		
 		// Sending a vote
-		vote: function(id){
+		vote: function(user){
+			socket.emit('event-vote', user);
 		}
 
 	},
@@ -111,40 +112,51 @@ UI[ State.WAITING ] = {
 	}
 }
 
-UI[ State.DRAWING ] = {
-	load: function(data){
+UI[ State.DRAWING ] = new function(){
+	this.load = function(data){
 		$("#current-state").html("Draw!");
 		$("#drawing").show();
 	},
-	unload: function(){
+	this.unload = function(){
 		$("#drawing").hide();
 	}
 }
 
-UI[ State.VOTING ] = {
-	load: function(data){
+UI[ State.VOTING ] = new function(){
+	var voted = false;
+	this.load = function(data){
 		console.log(data);
 		$("#current-state").html("Vote!");
+		this.build( data );
+		$("#voting").show();
+	}
+	this.build = function(data){
 		$("#voting").empty();
 		for (var i in data.images) {
 			var image = data.images[i];
 			var $li = $("<li>");
+			$li.data("nick", image.nick);
 			$li.html("<img src='" + image.url + "'> " + image.nick );
+			$li.click( this.click );
 			$("#voting").append($li);
 		}
-		$("#voting").show();
-	},
-	unload: function(){
+	}
+	this.unload = function(){
 		$("#voting").hide();
 	}
+	this.click = function(){
+		voted = true;
+		var nick = $(this).data("nick");
+		Events.send.vote({ nick: nick });
+	}
 }
 
-UI[ State.WINNING ] = {
-	load: function(data){
+UI[ State.WINNING ] = new function(){
+	this.load = function(data){
 		$("#current-state").html("Win!");
 		$("#winning").show();
-	},
-	unload: function(){
+	}
+	this.unload = function(){
 		$("#winning").hide();
 	}
 }