mascully/wingbase
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add chat team colors

Browse source
This commit is contained in:
Asraelite 2016-03-28 13:53:56 +01:00
parent 61ae57a850
commit 52e1673e3e
3 changed files with 26 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

13
public/static/css/styles.css
View file

@ -30,13 +30,20 @@ body {
background-color: rgba(0, 0, 0, 0.55);
}
#gui #chat span {
#gui #chat-messages > span {
display: block;
margin-top: 5px;
}
#gui #chat b {
font-weight: 100;
#gui #chat span > span {
color: #afa;
}
#gui #chat span > span.teama {
color: #f76;
}
#gui #chat span > span.teamb {
color: #8af;
}

12
public/static/js/wingbase/gui/chat.js
View file

@ -2,6 +2,7 @@ GUI.prototype.Chat = class {
constructor(gui) {
this.gui = gui;
this.element = this.gui.query('#chat');
this.messageElement = this.gui.query('#chat-messages');
this.inputElement = this.gui.query('#chat input');
@ -13,8 +14,10 @@ GUI.prototype.Chat = class {
}
addMessage(messageData) {
console.log(messageData);
let message = {
type: messageData.type,
team: messageData.team || 'c',
source: messageData.source || '?',
text: messageData.message,
createTime: Date.now()
@ -28,16 +31,17 @@ GUI.prototype.Chat = class {
});
span.classList.add('server');
} else {
let el = `<span class="team${message.team}">`
span = this.gui.createElement(this.messageElement, 'span', {
html: `&lt;${message.source.bold()}&gt; ${message.text}`
html: `&lt;${el}${message.source}</span>&gt; ${message.text}`
});
}
this.element.scrollTop = this.element.scrollHeight;
setTimeout(_ => {
//this.messageElement.removeChild(span);
}, 15000);
this.messageElement.removeChild(span);
}, 20000);
}
tick() {