From 66ffaf22fa0451d0f07652233d4b9d3ae933a68e Mon Sep 17 00:00:00 2001
From: TrueKuehli <rctcoaster2000@hotmail.de>
Date: Sun, 30 Sep 2018 21:48:00 +0200
Subject: Added functionality to login modal

---
 .../NodeJSServer/src/modules/ui/login-modal.js     | 33 ++++++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

(limited to 'WebInterface/NodeJSServer/src/modules/ui/login-modal.js')

diff --git a/WebInterface/NodeJSServer/src/modules/ui/login-modal.js b/WebInterface/NodeJSServer/src/modules/ui/login-modal.js
index eeb98cb..cb1f2ac 100644
--- a/WebInterface/NodeJSServer/src/modules/ui/login-modal.js
+++ b/WebInterface/NodeJSServer/src/modules/ui/login-modal.js
@@ -1,11 +1,15 @@
 import Modal from './modal.js';
+import '../hash.js';
 
 export default class LoginModal extends Modal {
-  constructor(serverName) {
-    super('Login: ' + serverName);
+  constructor(serverName, serverClient) {
+    super(serverName);
+    this.serverName = serverName;
+    this.serverClient = serverClient;
 
     let passBox = document.createElement('div');
     let nameBox = document.createElement('div');
+    let sendBox = document.createElement('div');
 
     let passwordLabel = document.createElement('label');
     let passwordInput = document.createElement('input');
@@ -26,13 +30,38 @@ export default class LoginModal extends Modal {
     nameInput.autocomplete = 'on';
     nameInput.placeholder = 'Name';
 
+    let sendButton = document.createElement('button');
+    sendButton.className = 'btn';
+    sendButton.textContent = 'Login';
+    sendButton.id = 'login-button';
+
 
     passBox.appendChild(passwordLabel);
     passBox.appendChild(passwordInput);
     nameBox.appendChild(nameLabel);
     nameBox.appendChild(nameInput);
+    sendBox.appendChild(sendButton);
 
     this.body.appendChild(passBox);
     this.body.appendChild(nameBox);
+    this.body.appendChild(sendBox);
+
+    this.nameInput = nameInput;
+    this.passwordInput = passwordInput;
+    this.loginButton = sendButton;
+
+    this.registerLoginBtn();
+  }
+
+  registerLoginBtn() {
+    this.loginButton.addEventListener('click', () => {
+      console.log('button pressed')
+      let userName = this.nameInput.value;
+      this.passwordInput.value.getHash()
+          .then((result) => {
+            this.serverClient.sendLogin(this.serverName, result, userName);
+            this.close();
+          });
+    });
   }
 }
-- 
cgit v1.2.3-54-g00ecf