chat interface implemented

assets/css/classroom.css

@@ -113,7 +113,7 @@
 			    height: 150px;
 			    padding: 10px;
 			    border: none;
-			    background-color: blue;
+			    background-color: white;
 			    outline: none;
 			    font-size: 14px;
 			}

js/chat_node_server.js

@@ -0,0 +1,11 @@
+
+var io = require('socket.io').listen(8010);
+
+io.sockets.on('connection', function(socket) {
+	socket.emit('start', {message: "connected to server"});
+
+	socket.on('message', function(data) {
+		socket.emit('message_all', { message : data });
+		socket.broadcast.emit('message_all', { message : data });
+	});
+});

js/event_listener.js

@@ -226,6 +226,8 @@ var LISTENER = function() {
 
 				//NODE JS STUFF HERE
 				console.log(Chat.enabled());
+				Chat.sendMessage(user_text);
+
 
 				break;
 			default:

js/tb.js

@@ -140,6 +140,7 @@ var OpenTok = function() {
 
 		// Check if this is the stream that I am publishing, and if so do not publish.
 		if (stream.connection.connectionId == session.connection.connectionId) {
+			Chat.setName(connection_data['name']);
 			if(label_set == false) {
 				console.log("HIERE");
 				console.log(video_feed);

php/classroom.php

@@ -6,15 +6,61 @@
 <script type="text/javascript">
 	var Chat = function() {
 		var chat_enable = false;
+		var socket;
+		var my_name = 'Guest';
+
+		function _connectToServer() {
+			socket = io.connect('http://localhost:8010');
+			socket.on('start', function(data) {
+				console.log(data);
+			});
+
+			socket.on('message_all', function(data) {
+				console.log("function: message_all");
+				console.log(data);
+				var text_to_display = data.message.name + " @ " + data.message.time_sent + " " + data.message.text;
+				$(".textchat_output").append(text_to_display + "\n");
+				$(".textchat_output").scrollTop($(".textchat_output").height());
+			});
+		}
+
+		function _sendMessage(message) {
+			var current_time = new Date();
+			var current_hour = current_time.getHours();
+			var current_minute = current_time.getMinutes();
+			if(current_minute < 10) {
+				current_minute = "0" + current_minute;
+			}
+				console.log(current_time.getHours());
+				console.log(current_time.getMinutes());
+				console.log(my_name);
+
+			socket.emit('message', 
+						{	text : message,
+							name : my_name,
+							time_sent : current_hour + ":"+current_minute
+						}
+			);
+		}
 
 		return {
 			init : function() {
 				console.log("chat should load here");
 				chat_enable = true;
-
+				_connectToServer();
 			},
 			enabled : function() {
 				return chat_enable;
+			},
+			sendMessage : function(data) {
+				console.log("inside Chat");
+				_sendMessage(data);
+			},
+			setName : function(name) {
+				my_name = name.split(" ")[0];
+			},
+			getName : function() {
+				return my_name;
 			}
 		}
 	}();