From abd51697be6ca4580c15929ccb2569a1e984ef88 Mon Sep 17 00:00:00 2001 From: TrueKuehli Date: Sat, 29 Sep 2018 21:51:02 +0200 Subject: Did some code splitting and added Server Listing Split code into different modules Added method to fetch server list from remote server, and to populate this into the server list of the UI --- WebInterface/NodeJSServer/src/index.js | 31 ++++--------------------------- 1 file changed, 4 insertions(+), 27 deletions(-) (limited to 'WebInterface/NodeJSServer/src/index.js') diff --git a/WebInterface/NodeJSServer/src/index.js b/WebInterface/NodeJSServer/src/index.js index f1a0120..d1f925d 100644 --- a/WebInterface/NodeJSServer/src/index.js +++ b/WebInterface/NodeJSServer/src/index.js @@ -1,6 +1,6 @@ import Backdrop from './modules/ui/backdrop.js'; -import * as signalR from '@aspnet/signalr'; import BannerController from './modules/ui/notification-banner.js'; +import ServerClient from './modules/server-client.js' let backdrop = new Backdrop('menu', 'front-layer', 'show-menu'); backdrop.register(); @@ -9,30 +9,7 @@ let notifications = new BannerController('notifications', 'banner-info', 'dismiss-banner'); notifications.register(); -const connection = new signalR.HubConnectionBuilder() - .withUrl("http://89.183.117.197:5000/chatHub") - .configureLogging(signalR.LogLevel.Information) - .build(); +let client = new ServerClient('http://89.183.117.197:5000/chatHub', 'server-list', true); +document.getElementById('refresh-button') + .addEventListener('click', client.loadServers.bind(client)); -connection.on('ReceiveMessage', (user, message) => { - let msg = message.replace(/&/g, "&").replace(//g, ">"); - let encodedMsg = user + " says " + msg; - let li = document.createElement("div"); - li.classList.add('server'); - li.textContent = encodedMsg; - document.getElementById('server-list').appendChild(li); -}); - -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() - .then(() => console.log('Connected')) - .catch(err => console.error(err.toString())); -- cgit v1.2.3-54-g00ecf