3 files changed, 33 insertions, 25 deletions
diff --git a/WebInterface/NodeJSServer/src/index.js b/WebInterface/NodeJSServer/src/index.js
index 1bb45aa..8430851 100644
--- a/WebInterface/NodeJSServer/src/index.js
+++ b/WebInterface/NodeJSServer/src/index.js
@@ -1,6 +1,36 @@
 import Backdrop from './modules/ui/backdrop.js';
+import * as signalR from "@aspnet/signalr";
 
 let backdrop = new Backdrop('menu', 'front-layer', 'show-menu');
 backdrop.register();
 
-console.log('HI')
+const connection = new signalR.HubConnectionBuilder()
+    .withUrl("http://89.183.31.151:5000/chatHub")
+    .configureLogging(signalR.LogLevel.Information)
+    .build();
+
+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");
+  li.textContent = encodedMsg;
+  document.getElementById('message-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) {
+    return console.error(err.toString());
+  });
+  event.preventDefault();
+});
+
+
+
+
+
+
+
+
+connection.start().catch(err => console.error(err.toString()));
diff --git a/WebInterface/NodeJSServer/src/server.js b/WebInterface/NodeJSServer/src/server.js
deleted file mode 100644
index 1321973..0000000
--- a/WebInterface/NodeJSServer/src/server.js
+++ /dev/null
@@ -1,24 +0,0 @@
-var express = require('express');
-var app = express();
-var http = require('http').Server(app);
-var io = require('socket.io')(http);
-
-app.use('/ressources', express.static(__dirname + '/ressources/'));
-
-app.get('/', function(req, res){
-  res.sendFile(__dirname + '/index.html');
-});
-app.get('/index.css', function(req, res){
-  res.sendFile(__dirname + '/index.css');
-});
-app.get('/index.js', function(req, res){
-  res.sendFile(__dirname + '/index.js');
-});
-
-io.on('connection', function(socket){
-  console.log('Connection: ' + socket);
-});
-
-http.listen(3000, function(){
-  console.log('Listening on *:3000');
-});
diff --git a/WebInterface/NodeJSServer/src/style/index.scss b/WebInterface/NodeJSServer/src/style/index.scss
index 14d8e44..67dc68e 100644
--- a/WebInterface/NodeJSServer/src/style/index.scss
+++ b/WebInterface/NodeJSServer/src/style/index.scss
@@ -141,12 +141,14 @@ body {
     flex-wrap: wrap;
     transform-origin: top;
     transition: max-height 200ms ease, transform 200ms ease, visibility 200ms step-start;
+    min-height: 3.5rem;
 
     &.hidden {
       transform: scaleY(0);
       visibility: hidden;
       max-height: 0;
       transition: max-height 200ms ease, transform 200ms ease, visibility 200ms step-end;
+      min-height: 0;
     }
 
     .banner-text {