From b84854bf1aedb1c591d27ada6932483f9458fb69 Mon Sep 17 00:00:00 2001
From: zurdi <zurdizurdo25@gmail.com>
Date: Mon, 30 Oct 2023 14:12:05 +0100
Subject: [PATCH] loader adding to login btn

---
 frontend/src/views/Login.vue | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/Login.vue b/frontend/src/views/Login.vue
index f594be00a..2c19c9f56 100644
--- a/frontend/src/views/Login.vue
+++ b/frontend/src/views/Login.vue
@@ -11,8 +11,10 @@ const router = useRouter();
 const username = ref();
 const password = ref();
 const visiblePassword = ref(false);
+const logging = ref(false);
 
 function login() {
+  logging.value = true;
   api
     .post(
       "/login",
@@ -36,6 +38,9 @@ function login() {
         icon: "mdi-close-circle",
         color: "red",
       });
+    })
+    .finally(() => {
+      logging.value = false;
     });
 }
 
@@ -88,10 +93,20 @@ onBeforeMount(async () => {
             <v-col cols="10" md="8">
               <v-btn
                 @click="login()"
+                :disabled="logging"
                 append-icon="mdi-chevron-right-circle-outline"
                 block
-                >Login</v-btn
-              >
+                :loading="logging"
+                >Login
+                <template v-slot:loader>
+                  <v-progress-circular
+                    color="romm-accent-1"
+                    :width="2"
+                    :size="20"
+                    indeterminate
+                  />
+                </template>
+              </v-btn>
             </v-col>
           </v-row>
         </v-col>