multiRoomNChat/javaengine2.js at master · Clomez/multiRoomNChat · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
			(function() {
				var getNode = function(s) {
				return document.querySelector(s);
				},

				// Get Nodes

				roomName = getNode(".room-name")
				status = getNode(".chat-status span"),
				textarea = getNode(".chat textarea"),
				chatName = getNode(".chat-name"),
				messages = getNode(".chat-messages"),
				roomn2 = getNode(".roomn2");

				statusDefault = status.textContent,
				setStatus = function(s) {

					status.textContent =s;
					if(s !== statusDefault){
						var delay = setTimeout(function() {
						setStatus(statusDefault);
						clearInterval(delay)
					}, 3000);
					}
				};


				try {
					var socket = io.connect("http://88.192.20.97:6060");
				} catch(e) {
				// Set status to not connected


				}
				if(socket !== undefined) {

				// Listen for output

				socket.on("output", function(data) {
					if(data.length){


					for( x = 0; x < data.length; x++){
						if(data[x].room === roomName.value){
							var message = document.createElement("div");
							message.setAttribute("class", "chat-message");
							message.textContent = data[x].name + ": " + data[x].message;

							messages.appendChild(message);
							messages.insertBefore(message, messages.firstChild);
						} }
					}
				});

				// Listen for status

				socket.on("status", function(data){

					setStatus((typeof data === "object") ? data.message : data);

					if(data.clear === true){

					textarea.value = "";
					}
				});
				// Event listener

				roomName.addEventListener("keydown", function(event){


					var self = this,
						name = chatName.value,
						room = roomName.value;


					if(event.which === 13 && event.shiftKey === false){
				var roomn = document.createElement("div");
				roomn.setAttribute("class", "roomn2");
				roomn.textContent = roomName.value;

				roomn2.appendChild(roomn);

				$("textarea").show();
				$(".chat-messages").show();
				$(".roomn2").show();
				$(".room-name").hide();
				$(".chat-name").hide();
				$(".roomn-nope").hide();

						socket.emit("input", {
							name: name,
							room: room,
							message: "has joined to " + roomName.value
						});
						}
					});
				}
		})();