From 9bb9e2ca95652e9f8fd3f21bf0206808de803b43 Mon Sep 17 00:00:00 2001 From: TrueKuehli Date: Thu, 27 Sep 2018 22:26:20 +0200 Subject: Changed things & stuff --- WebInterface/NodeJSServer/src/index.js | 27 +++++++++++++++++++++++++- WebInterface/NodeJSServer/src/style/index.scss | 2 ++ 2 files changed, 28 insertions(+), 1 deletion(-) (limited to 'WebInterface/NodeJSServer/src') 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, "&").replace(//g, ">"); + 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 { -- cgit v1.2.3-70-g09d2