Change the oauth to a loading spinner

src/Ombi/ClientApp/src/app/login/login.component.html

@@ -36,7 +36,10 @@
                 <div>
 
                     <button mat-raised-button color="primary" type="submit" (click)="loginWithOmbi = true">{{'Login.SignInWith' | translate:appNameTranslate}}</button>
-                    <button mat-raised-button color="accent" type="button" (click)="oauth()">{{'Login.SignInWithPlex' | translate}}</button>
+                    <button mat-raised-button color="accent" type="button" (click)="oauth()">
+                        <span *ngIf="!oauthLoading">{{'Login.SignInWithPlex' | translate}}</span>
+                        <span *ngIf="oauthLoading"><i class="fa fa-circle-o-notch fa-spin fa-fw"></i></span>
+                    </button>
                 </div>
             </mat-card-content>
 

src/Ombi/ClientApp/src/app/login/login.component.ts

@@ -33,6 +33,7 @@ export class LoginComponent implements OnDestroy, OnInit {
     public baseUrl: string;
     public loginWithOmbi: boolean;
     public pinTimer: any;
+    public oauthLoading: boolean;
 
     public get appName(): string {
         if (this.customizationSettings.applicationName) {
@@ -97,7 +98,7 @@ export class LoginComponent implements OnDestroy, OnInit {
         });
         this.timer = setInterval(() => {
             this.cycleBackground();
-        }, 15000);
+        }, 30000);
 
         const base = this.href;
         if (base.length > 1) {
@@ -160,9 +161,7 @@ export class LoginComponent implements OnDestroy, OnInit {
 
                 this.pinTimer = setInterval(() => {
 
-                    this.notify.open("Authenticating. Loading... Please Wait", "OK", {
+                    this.oauthLoading = true;
-                        duration: 3000
-                    });
                     this.getPinResult(x.pinId);
                 }, 4000);
             });
@@ -180,6 +179,7 @@ export class LoginComponent implements OnDestroy, OnInit {
                   if(this.oAuthWindow) {
                     this.oAuthWindow.close();
                   }
+                  this.oauthLoading = false;
                   this.router.navigate(["search"]);
                   return;
               }