From 2093c4e47aaed97fca92709ede30f020e7c48292 Mon Sep 17 00:00:00 2001 From: TrueKuehli Date: Sat, 29 Sep 2018 19:06:02 +0200 Subject: Added AWESOME styling! --- WebInterface/NodeJSServer/src/index.js | 38 +++++++++++++++++----------------- 1 file changed, 19 insertions(+), 19 deletions(-) (limited to 'WebInterface/NodeJSServer/src/index.js') 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, "&").replace(//g, ">"); 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())); -- cgit v1.2.3-54-g00ecf