1 files changed, 68 insertions, 0 deletions
diff --git a/WebInterface/NodeJSServer/src/modules/server-client.js b/WebInterface/NodeJSServer/src/modules/server-client.js
new file mode 100644
index 0000000..e550bb7
--- /dev/null
+++ b/WebInterface/NodeJSServer/src/modules/server-client.js
@@ -0,0 +1,68 @@
+import * as signalR from '@aspnet/signalr';
+import ServerListing from './ui/server-listing.js';
+import ServerCreator from './ui/server-creator.js';
+
+export default class ServerClient {
+  constructor(url, serverListingId, debug = false) {
+    const connectionBuilder = new signalR.HubConnectionBuilder()
+        .withUrl(url)
+
+    if (debug) {
+      connectionBuilder.configureLogging(signalR.LogLevel.Debug);
+    } else {
+      connectionBuilder.configureLogging(signalR.LogLevel.Error);
+    }
+
+    this.connection = connectionBuilder.build();
+    this.connection.start()
+        .then(() => this.loadServers())
+        .catch(() => err => console.error(err.toString()));
+
+    this.refreshing = false;
+
+    this.serverListing = new ServerListing(serverListingId);
+  }
+
+  loadServers() {
+    if (this.refreshing) return;
+    this.connection.on('ListGroups', (groups) => {
+      console.log(groups)
+      this.serverListing.flushElements();
+      this.serverListing.addElements(groups);
+      this.connection.off('ListGroups');
+
+      this.refreshing = false;
+    });
+
+    this.connection.invoke('GetGroups')
+        .catch(err => {
+          this.refreshing = false;
+          console.error(err.toString())
+        });
+    this.refreshing = true;
+  }
+
+  createServer(){
+
+  }
+
+  messageHandling(){
+    this.connection.on('ReceiveMessage', (user, message) => {
+      let msg = message.replace(/&/g, "&amp;")
+          .replace(/</g, "&lt;")
+          .replace(/>/g, "&gt;");
+      let encodedMsg = user + " sagt:  " + msg;
+    });
+  }
+}
+
+
+
+// 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("div");
+//   li.classList.add('server');
+//   li.textContent = encodedMsg;
+//   document.getElementById('server-list').appendChild(li);
+// });