Merge pull request #3 from OreoDivision/kick

adds kicking into the chat

public/script.js

@@ -57,6 +57,18 @@ socket.on('room-created', (room, private) => {
 	roomContaner.append(roomLink)
 })
 
+socket.on(`kicked`, () => {
+	console.log('yay?')
+	socket.emit('leave')
+})
+
+socket.on('kick-success', kickName => {
+	var d = new Date();
+	hours = d.getHours();
+	minutes = d.getMinutes();
+	appendMessage(`System`, `${kickName} has been kicked!`, "system", hours, minutes);
+})
+
 socket.on('userList', data => {
 	for(id in data) {
 		console.log(id)
@@ -108,6 +120,10 @@ function appendMessage(name, message, type, hours, minute) {
 	const br = document.createElement('br');
 	messageElement.innerText = message;
 	messageName.innerText = `${name} | ${hours}:${minute}`;
+	if (type == 'system'){
+		messageElement.className = 'deep-purple'
+		messageName.className = 'deep-purple'
+	}
 	messageContaner.append(messageName)
 	messageContaner.append(messageElement)
 	messageContaner.append(br)

server.js

@@ -49,6 +49,24 @@ io.on('connection', socket => {
 	socket.on('send-chat-message', (room, message) => {
 		name = rooms[room].users[socket.id]
 		if (name == null) name = 'Guest'
+		if (message.startsWith('!')){
+			const [command, ...args] = message
+			.trim()
+			.substring('!'.length)
+			.split(/\s+/);
+			if (command === "kick"){
+				let kickName = args.slice(0).join(" ");
+				console.log(kickName)
+				for (user in rooms[room].users) {
+					if (rooms[room].users[user] == kickName) {
+						socket.to(user).emit('kicked', name)
+						socket.emit('kick-success', kickName)
+						return;
+					}
+				}
+				return;
+			}
+		}
 		socket.to(room).broadcast.emit('chat-message', { message: message, name: name });
 	})
 	socket.on('disconnect', () => {

views/room.ejs

@@ -32,7 +32,8 @@
 		<p>Start Of Chat</p>
 	</div>
 		<form id='send-message-form'>
-			<input placeholder="Message" type="text" id="message-input" required>
+
+			<textarea placeholder="Message" rows="4" cols="50" form="send-message-form" id="message-input" required></textarea>
 			<button type='submit' id='send-message' class="waves-effect waves-light btn">Send</button>
 		</form>
 </body>