cgould/lingo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Display announcements differently

Browse Source
This commit is contained in:
Charles Gould 2017-01-04 19:37:41 -05:00
parent b21f118600
commit 12d95f7218
3 changed files with 22 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
server/src/main/java/lingo/server/LingoController.java
View File

@ -185,8 +185,7 @@ public class LingoController implements ApplicationListener<AbstractSubProtocolE
}
private void sendAnnouncement(String message) {
final String source = "[Server]";
final ChatMessage payload = new ChatMessage(source, message);
final ChatMessage payload = new ChatMessage(null, message);
messagingTemplate.convertAndSend(StompTopics.CHAT, payload);
}

4
server/src/main/resources/static/multiplayer.css
View File

@ -31,6 +31,10 @@ h1 {
padding: 10px 20px 10px 20px;
}
.messageLog {
color: green;
}
#messageInput {
width: 100%;
height: 42px;

19
server/src/main/resources/static/multiplayer.js
View File

@ -133,7 +133,7 @@ function addChatMessage(sender, body) {
usernameNode.appendChild(usernameTextNode);
var messageTextNode = document.createTextNode(' ' + body);
var chatMessage = document.createElement('div');
chatMessage.setAttribute('class', 'list-group-item');
chatMessage.classList.add('list-group-item');
chatMessage.appendChild(usernameNode);
chatMessage.appendChild(messageTextNode);
messageList.appendChild(chatMessage);
@ -142,6 +142,19 @@ function addChatMessage(sender, body) {
messageList.scrollTop = messageList.scrollHeight;
}
function addChatAnnouncement(body) {
var messageList = document.getElementById('messageList');
var messageTextNode = document.createTextNode(body);
var chatMessage = document.createElement('div');
chatMessage.classList.add('list-group-item');
chatMessage.classList.add('messageLog');
chatMessage.appendChild(messageTextNode);
messageList.appendChild(chatMessage);
// Auto-scroll if necessary
messageList.scrollTop = messageList.scrollHeight;
}
function drawMyBoard() {
var x = 25, y = MARGIN_TOP;
drawUsername(x, y, myUsername);
@ -311,7 +324,9 @@ function subscribeToChatMessages() {
var chatMessage = JSON.parse(message.body);
var messageSender = chatMessage.username;
var messageBody = chatMessage.message;
if (messageSender === myUsername) {
if (messageSender === null) {
addChatAnnouncement(messageBody);
} else if (messageSender === myUsername) {
console.log('Ignoring message sent by myself')
} else {
console.log('Message from ' + messageSender + ": " + messageBody);