From 5d0165a09910b316330871351e34afc9fb7084d9 Mon Sep 17 00:00:00 2001
From: konrad <k@knt.li>
Date: Tue, 21 Nov 2017 11:05:09 +0100
Subject: [PATCH] Login form cannot be submitted with empty values

---
 frontend/src/components/Login.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/Login.vue b/frontend/src/components/Login.vue
index 5163652..bf8ecf7 100644
--- a/frontend/src/components/Login.vue
+++ b/frontend/src/components/Login.vue
@@ -7,22 +7,21 @@
             Login
           </div>
         </h2>
-        <form class="ui large form" id="loginform">
+        <form class="ui large form" id="loginform" @submit.prevent="submit">
           <div class="ui stacked segment">
             <div class="field">
               <div class="ui left icon input">
                 <i class="user icon"></i>
-                <input v-focus type="text" name="username" placeholder="Username" v-model="credentials.username">
+                <input v-focus type="text" name="username" placeholder="Username" v-model="credentials.username" required>
               </div>
             </div>
             <div class="field">
               <div class="ui left icon input">
                 <i class="lock icon"></i>
-                <input type="password" name="password" placeholder="Password" v-model="credentials.password"
-                       @keyup.enter="submit">
+                <input type="password" name="password" placeholder="Password" v-model="credentials.password" required>
               </div>
             </div>
-            <div class="ui fluid large blue submit button" @click="submit()">Login</div>
+            <button type="submit" class="ui fluid large blue submit button">Login</button>
           </div>
 
           <div class="ui info message" v-if="loading">