Added AWESOME styling!

1 files changed, 19 insertions, 19 deletions

diff --git a/WebInterface/NodeJSServer/src/index.js b/WebInterface/NodeJSServer/src/index.js
index 979ef7d..f1a0120 100644
--- a/WebInterface/NodeJSServer/src/index.js
+++ b/WebInterface/NodeJSServer/src/index.js
@@ -1,38 +1,38 @@
 import Backdrop from './modules/ui/backdrop.js';
-import * as signalR from "@aspnet/signalr";
+import * as signalR from '@aspnet/signalr';
+import BannerController from './modules/ui/notification-banner.js';
 
 let backdrop = new Backdrop('menu', 'front-layer', 'show-menu');
 backdrop.register();
 
+let notifications = new BannerController('notifications',
+    'banner-info', 'dismiss-banner');
+notifications.register();
+
 const connection = new signalR.HubConnectionBuilder()
-    .withUrl("http://89.183.31.151:5000/chatHub")
+    .withUrl("http://89.183.117.197:5000/chatHub")
     .configureLogging(signalR.LogLevel.Information)
     .build();
 
-connection.on('')
-
 connection.on('ReceiveMessage', (user, message) => {
   let msg = message.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
   let encodedMsg = user + " says " + msg;
-  let li = document.createElement("li");
+  let li = document.createElement("div");
+  li.classList.add('server');
   li.textContent = encodedMsg;
-  document.getElementById('message-list').appendChild(li);
+  document.getElementById('server-list').appendChild(li);
 });
 
-document.getElementById('send-button').addEventListener('click', () => {
-  let user = document.getElementById("user-input").value;
-  let message = document.getElementById("message-input").value;
-  connection.invoke("SendMessage", user, message).catch(function (err) {
+document.getElementById('new-game-button').addEventListener('click', () => {
+  let method = window.prompt('Please enter method:', 'SendMessage');
+  let user = window.prompt('Please enter user:', 'Default');
+  let message = window.prompt('Please enter message:', 'Super duper Nachricht');
+  connection.invoke(method, user, message).catch(function (err) {
     return console.error(err.toString());
   });
   event.preventDefault();
-});
-
-
-
-
-
-
-
+}),
 
-connection.start().catch(err => console.error(err.toString()));
+connection.start()
+    .then(() => console.log('Connected'))
+    .catch(err => console.error(err.toString()));