Improved: added spinner in launchpad login next button to be shown while checkLoginOption request accomplishes (#88)

src/views/Login.vue

@@ -11,9 +11,12 @@
             </ion-item>
 
             <div class="ion-padding">
+              <ion-button v-if="isSpinnerActive" color="primary" expand="block">
+                <ion-spinner />
+              </ion-button>
               <!-- @keyup.enter.stop to stop the form from submitting on enter press as keyup.enter is already bound
               through the form above, causing both the form and the button to submit. -->
-              <ion-button color="primary" expand="block" @click.prevent="setOms()" @keyup.enter.stop>
+              <ion-button v-else color="primary" expand="block" @click.prevent="setOms()" @keyup.enter.stop>
                 {{ $t("Next") }}
                 <ion-icon slot="end" :icon="arrowForwardOutline" />
               </ion-button>
@@ -69,6 +72,7 @@
   IonItem,
   IonLabel,
   IonPage,
+  IonSpinner,
   loadingController
 } from "@ionic/vue";
 import { defineComponent } from "vue";
@@ -94,6 +98,7 @@
     IonItem,
     IonLabel,
     IonPage,
+    IonSpinner,
     Logo
   },
   data () {
@@ -108,7 +113,8 @@
       hideBackground: true,
       isConfirmingForActiveSession: false,
       loader: null as any,
-      loginOption: {} as any
+      loginOption: {} as any,
+      isSpinnerActive: false
     };
   },
   ionViewWillEnter() {
@@ -203,6 +209,8 @@
         return
       }
 
+      this.isSpinnerActive = true
+
       const instanceURL = this.instanceUrl.trim().toLowerCase();
       if (!this.baseURL) this.authStore.setOMS(this.alias[instanceURL] ? this.alias[instanceURL] : instanceURL);
 
@@ -217,6 +225,7 @@
       } else {
         this.toggleOmsInput()
       }
+      this.isSpinnerActive = false
     },
     async fetchLoginOptions() {
       this.loginOption = {}
@@ -226,7 +235,7 @@
           this.loginOption = resp.data
         }
       } catch (error) {
         console.error(error)
       }
     },
     async login() {
@@ -247,7 +256,7 @@
           this.router.push('/')
         }
       } catch (error) {
         console.error(error)
       }
     },
     async samlLogin() {
@@ -260,7 +269,7 @@
           this.router.push('/')
         }
       } catch (error) {
         console.error(error)
       }
     },
     async confirmActvSessnLoginOnRedrct() {