From dfa8a5af21f359fea273ab889ead2b0e69360810 Mon Sep 17 00:00:00 2001
From: Alexey Velikiy <cg@corpglory.com>
Date: Sat, 23 Oct 2021 23:45:02 +0300
Subject: [PATCH] login++

---
 client/src/router/index.ts |  2 +-
 client/src/views/Login.vue | 19 +++++++++++++------
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/client/src/router/index.ts b/client/src/router/index.ts
index e8520ab..5e35682 100644
--- a/client/src/router/index.ts
+++ b/client/src/router/index.ts
@@ -9,7 +9,7 @@ const routes: Array<RouteRecordRaw> = [
     component: Home
   },
   {
-    path: '/',
+    path: '/login',
     name: 'Login',
     component: Login
   },
diff --git a/client/src/views/Login.vue b/client/src/views/Login.vue
index 13f8976..c926952 100644
--- a/client/src/views/Login.vue
+++ b/client/src/views/Login.vue
@@ -1,24 +1,31 @@
 <template>
   <div class="hello">
     <div>
-        Login: <input type="text" />
-        Password: <input type="password" />
-        <input type="submit" />
+        Login: <input type="text" v-model="this.username" /> <br/> <br/>
+        Password: <input type="password" v-model="this.password" /> <br/> <br/>
+        <input type="submit" @click="this.submit" value="login" />
     </div>
   </div>
 </template>
 
 <script lang="ts">
+import AuthService from '@/services/auth.service';
+
 import { Options, Vue } from 'vue-class-component';
 
 @Options({
-  props: {
-    msg: String
-  }
+  
 })
 
 export default class Login extends Vue {
   msg!: string
+
+  username: string;
+  password: string;
+
+  submit() {
+    AuthService.login({ username: this.username, password: this.password  })
+  }
 }
 </script>