Merge branch 'front-page-password' into 'master'

Added password input field to front page

See merge request !3

src/main/webapp/css/index.css

@@ -2,18 +2,20 @@
   display: grid;
   grid-template-rows: 1fr 10fr;
   grid-template-columns: auto 8fr auto;
-    grid-template-areas: 'navbar navbar navbar' '. main .';
+  grid-template-areas: "navbar navbar navbar" ". main .";
   grid-gap: 2px;
   height: 100%;
-    background: #EEEEEE;
+  background: #eeeeee;
 }
 
-a:hover { color: #2C303C; }
+a:hover {
+  color: #2c303c;
+}
 
 .navbar {
   display: grid;
   grid-area: navbar;
-    grid-template-areas: 'header';
+  grid-template-areas: "header";
 }
 
 .header {
@@ -40,7 +42,7 @@ a:hover { color: #2C303C; }
   align-self: center;
   justify-self: center;
   height: 40px;
-    background: #2C303C;
+  background: #2c303c;
   color: white;
   border: none;
   border-radius: 4px;
@@ -50,27 +52,27 @@ a:hover { color: #2C303C; }
 }
 
 .loginBtn:hover {
-    background: #5C9EAD;
-    border-color: #5C9EAD;
+  background: #5c9ead;
+  border-color: #5c9ead;
   color: white;
 }
 
 @media only screen and (max-width: 480px) {
   .container {
     grid-template-columns: auto;
-        grid-template-areas: 'navbar' 'main';
+    grid-template-areas: "navbar" "main";
   }
 
   .navbar {
     grid-template-columns: auto;
-        grid-template-areas: 'header sysinfo';
+    grid-template-areas: "header sysinfo";
   }
 
   .main {
     display: grid;
     grid-template-areas:
-                'usernameInput passwordInput'
-                'loginBtn loginBtn';
+      "usernameInput passwordInput"
+      "loginBtn loginBtn";
     grid-template-rows: 1fr 1fr;
   }
 

src/main/webapp/index.html

@@ -14,7 +14,8 @@
             <h1 class="header">Meldings applikasjon</h1>
         </div>
         <form class="main" id="loginForm" onsubmit="login(event)">
-            <input class="loginInput" placeholder="Brukernavn..." id="username" required pattern="([\w]+)">
+            <input class="loginInput" placeholder="Brukernavn..." id="username" required pattern="([\w]+)"></br>
+            <input class="loginInput" placeholder="Passord..." id="password" required type="password">
             <button class="loginBtn">Logg inn</button>
         </form>
     </div>

src/main/webapp/js/index.js

@@ -15,7 +15,8 @@ inputfield.addEventListener("input",function () {
 function login(event){
     event.preventDefault();
     let user = {
-        "username": document.getElementById('username').value
+        "username": document.getElementById('username').value,
+        "password": document.getElementById('password').value
     };
 
     fetch('../api/user', {