From 96f73cf31d44d1ae0668c554d84bde8c6ef905b1 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Wed, 21 Aug 2019 14:52:39 +0800
Subject: [PATCH] [+] Add login button loading switch

---
 src/components/login/login.ts  | 2 ++
 src/components/login/login.vue | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/login/login.ts b/src/components/login/login.ts
index 06fc654..4e50b89 100644
--- a/src/components/login/login.ts
+++ b/src/components/login/login.ts
@@ -12,6 +12,8 @@ export default class Login extends Vue
     public username: any = '';
     public password: any = '';
 
+    public loading: boolean = false;
+
     /**
      * On click, sends username and password to the server.
      */
diff --git a/src/components/login/login.vue b/src/components/login/login.vue
index 82e9bf0..8fa4f18 100644
--- a/src/components/login/login.vue
+++ b/src/components/login/login.vue
@@ -5,7 +5,7 @@
             <h1>Veracross Analyzer</h1>
             <el-input v-model="username" placeholder="School Username"></el-input>
             <el-input v-model="password" placeholder="Veracross Password" show-password=""></el-input>
-            <el-button plain type="primary" @click="onLoginClick">Login</el-button>
+            <el-button plain type="primary" @click="onLoginClick" loading="{{loading}}">Login</el-button>
         </div>
     </div>
 </template>