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

src/views/Login.vue

@@ -12,9 +12,10 @@
             <div class="ion-padding">
               <!-- @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 color="primary" expand="block" @click.prevent="isCheckingOms ? '' : setOms()" @keyup.enter.stop>
                 {{ $t("Next") }}
-                <ion-icon slot="end" :icon="arrowForwardOutline" />
+                <ion-spinner v-if="isCheckingOms" name="crescent" data-spinner-size="medium" slot="end" />
+                <ion-icon v-else slot="end" :icon="arrowForwardOutline" />
               </ion-button>
             </div>
           </section>
@@ -106,6 +107,7 @@
       isConfirmingForActiveSession: false,
       loader: null as any,
       loginOption: {} as any,
+      isCheckingOms: false,
       isLoggingIn: false
     };
   },
@@ -212,6 +214,8 @@
         return
       }
 
+      this.isCheckingOms = true
+
       const instanceURL = this.instanceUrl.trim().toLowerCase();
       if (!this.baseURL) this.authStore.setOMS(this.alias[instanceURL] ? this.alias[instanceURL] : instanceURL);
 
@@ -226,6 +230,7 @@
       } else {
         this.toggleOmsInput()
       }
+      this.isCheckingOms = false
     },
     async fetchLoginOptions() {
       this.loginOption = {}
@@ -236,7 +241,7 @@
           await this.authStore.setMaargInstance(resp.data.maargInstanceUrl)
         }
       } catch (error) {
         console.error(error)
       }
     },
     async login() {
@@ -258,7 +263,7 @@
           this.router.push('/')
         }
       } catch (error) {
         console.error(error)
       }
       this.isLoggingIn = false;
     },
@@ -273,7 +278,7 @@
         }
       } catch (error) {
         this.router.push('/')
         console.error(error)
       }
     },
     async basicLogin() {