From 62c783642f0d3e2a77d639a5706674476f08b2dd Mon Sep 17 00:00:00 2001
From: H4CK3R-01 <44125287+H4CK3R-01@users.noreply.github.com>
Date: Sun, 11 Jul 2021 18:28:23 +0200
Subject: [PATCH] Change header to players color

---
 Webservice/server.js |  2 +-
 public/css/game.css  | 16 ++++++++++++++++
 public/js/index.js   | 17 ++++++++++++++++-
 3 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/Webservice/server.js b/Webservice/server.js
index be57531..0431454 100644
--- a/Webservice/server.js
+++ b/Webservice/server.js
@@ -53,7 +53,7 @@ io.on('connection', socket => {
             game[socket.room].addPlayerName(data.username);
             addedUser = true;
 
-            socket.emit('login');
+            socket.emit('login', game[socket.room].get_player_index(socket.username));
             socket.join(socket.room);
             io.in(socket.room).emit('updatePlayerNames', game[socket.room].getPlayerNames());
 
diff --git a/public/css/game.css b/public/css/game.css
index cd35026..0843a12 100644
--- a/public/css/game.css
+++ b/public/css/game.css
@@ -12,6 +12,22 @@
     background-size: cover; /* Generic*/
 }
 
+.red {
+    background-color: #F47A93;
+}
+
+.green {
+    background-color: #6C9A8B;
+}
+
+.blue {
+    background-color: #4169E1;
+}
+
+.yellow {
+    background-color: #FFDDA1;
+}
+
 @media only screen and (max-width: 980px) {
     #game {
         height: auto;
diff --git a/public/js/index.js b/public/js/index.js
index 3554745..922ca8b 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -19,7 +19,7 @@ document.getElementById('ok').addEventListener('click', function () {
         socket.emit('add user', {'username': username, 'room_name': room_name});
 
 
-        socket.on('login', function () {
+        socket.on('login', function (data) {
             connected = true;
 
             document.getElementById('login').style.display = 'none';
@@ -29,6 +29,21 @@ document.getElementById('ok').addEventListener('click', function () {
             resize();
 
             addLogMessage("Welcome " + username + "!");
+
+            switch (parseInt(data)) {
+                case 0:
+                    document.getElementsByTagName('header')[0].classList.add('yellow');
+                    break;
+                case 1:
+                    document.getElementsByTagName('header')[0].classList.add('blue');
+                    break;
+                case 2:
+                    document.getElementsByTagName('header')[0].classList.add('green');
+                    break;
+                case 3:
+                    document.getElementsByTagName('header')[0].classList.add('red');
+                    break;
+            }
         });
 
         socket.on('error', function (data) {
-- 
2.45.2