From 932ddcd102c731a4148e6c2813708246f87ef2b0 Mon Sep 17 00:00:00 2001
From: Quentin ANIERE <quentin.aniere@gmail.com>
Date: Tue, 12 Apr 2022 10:43:11 +0200
Subject: [PATCH] add backend chat

---
 index.js      | 13 +++++++++++--
 src/script.js | 15 ++++++++++++++-
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/index.js b/index.js
index 2645f16..119f9df 100644
--- a/index.js
+++ b/index.js
@@ -20,18 +20,27 @@ const io = socketio(socketHTTPSServer, {
     secure: true
 });
 
-usersConnected = 0
+usersConnected = 0;
+lastUsername = 0;
 
 io.on("connection", (client) => {
     
     usersConnected++;
+    io.sockets.emit("update-count", {value: usersConnected});
 
     client.on("disconnect", () => {
         usersConnected--;
         io.sockets.emit("update-count", {value: usersConnected});
     });
 
-    io.sockets.emit("update-count", {value: usersConnected});
+    client.on("message", (data) => {
+        io.sockets.emit("new-message", {author: client.usernameDenis, message: data.message});
+    });
+
+    lastUsername++;
+    client.usernameDenis = "DenisFan" + lastUsername;
+    client.emit("username", {username: "DenisFan" + lastUsername});
+    
 });  
 
 
diff --git a/src/script.js b/src/script.js
index 18db3bb..b3f38ae 100644
--- a/src/script.js
+++ b/src/script.js
@@ -1,3 +1,6 @@
+var socket;
+var username = "";
+
 function addMessage(author, message) {
     var li = document.createElement("li");
     li.innerHTML = "<b>" + author + ": </b>";
@@ -6,6 +9,7 @@ function addMessage(author, message) {
 }
 
 function sendMessage() {
+    socket.emit("message",  {message: document.getElementById("message-input").value});
     document.getElementById("message-input").value = "";
 }
 
@@ -13,12 +17,21 @@ function sendMessage() {
 document.addEventListener("DOMContentLoaded", () => {
 
     try {
-        var socket = io("https://danby.aniere.fr:3000");
+        socket = io("https://danby.aniere.fr:3000");
 
         socket.on("update-count", (data) => {
             document.getElementById("value").innerText = data.value;
         });
 
+        socket.on("username", (data) => {
+            username = data.username;
+        });
+
+        socket.on("new-message", (data) => {
+            addMessage(data.author, data.message);
+        });
+
+
     } catch(error) {
         document.getElementById("value").innerText = "Serveur injoingnable !";
     }