Changed things & stuff

2 files changed, 28 insertions, 1 deletions

diff --git a/WebInterface/NodeJSServer/src/index.js b/WebInterface/NodeJSServer/src/index.js
index f2f9c0f..8430851 100644
--- a/WebInterface/NodeJSServer/src/index.js
+++ b/WebInterface/NodeJSServer/src/index.js
@@ -5,7 +5,32 @@ let backdrop = new Backdrop('menu', 'front-layer', 'show-menu');
 backdrop.register();
 
 const connection = new signalR.HubConnectionBuilder()
-    .withUrl("https://89.183.31.151:5001/chatHub")
+    .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/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 {