Upgrade to vuetify1.0 / login error message

closes #65 (closed) closes #59 (closed)

frontend/src/components/Login.vue

@@ -4,20 +4,30 @@
           <v-flex text-xs-center md4 lg2>
             <img src="../assets/brand.png"/>
             <h3 class="pt-3">Log in</h3>
-            <p>But I corrected them, sir.</p>
-
-            <v-form>
+            <v-alert
+              outline
+              v-if="error"
+              color="error"
+              :value="true"
+              transition="fade-transition"
+            >{{ error }}</v-alert>
+            <p v-else>But I corrected them, sir.</p>
+            <v-form
+              @submit="submit">
               <v-text-field
                 label="Username"
                 v-model="credentials.username"
-                required></v-text-field>
+                required
+                autofocus
+                ></v-text-field>
               <v-text-field
                 label="Password"
                 v-model="credentials.password"
                 type="password"
-                required></v-text-field>
+                required
+                ></v-text-field>
+              <v-btn type="submit" color="primary">Access</v-btn>
             </v-form>
-            <v-btn color="primary" @click="submit()">Access</v-btn>
           </v-flex>
         </v-layout>
       </v-container>
@@ -38,12 +48,10 @@
     },
     methods: {
       submit () {
-        const credentials = {
-          username: this.credentials.username,
-          password: this.credentials.password
-        }
-        this.$store.dispatch('getToken', credentials).then(response => {
+        this.$store.dispatch('getJWTToken', this.credentials).then(response => {
           this.$router.push('/reviewer/')
+        }).catch(_ => {
+          this.error = this.$store.state.error
         })
       }
     }