DHBW/Projektmanagement-Game
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

Merge pull request #60 from H4CK3R-01/player_color

Browse Source 
Change header to players color
This commit is contained in:
Florian Kaiser 2021-07-11 18:30:02 +02:00 committed by GitHub
commit 6c14f8619a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 33 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Webservice/server.js
View File

@ -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());

16
public/css/game.css
View File

@ -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;

17
public/js/index.js
View File

@ -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) {