Wait on API to load UI

Breeze.UI/src/app/app.component.html

-<router-outlet></router-outlet>
\ No newline at end of file
+<div *ngIf="loading">Loading...</div>
+<router-outlet *ngIf="!loading"></router-outlet>

Breeze.UI/src/app/app.component.ts

@@ -3,6 +3,9 @@ import { Router } from '@angular/router';
 
 import { ApiService } from './shared/services/api.service';
 
+import 'rxjs/add/operator/retryWhen';
+import 'rxjs/add/operator/delay';
+
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
@@ -13,8 +16,14 @@ export class AppComponent implements OnInit {
   constructor(private router: Router, private apiService: ApiService) {}
   private errorMessage: any;
   private responseMessage: any;
+  private loading: boolean = true;
 
   ngOnInit() {
+    this.apiService.getWalletFiles().retryWhen(errors => errors.delay(2000)).subscribe(() => this.startApp());
+  }
+
+  startApp() {
+    this.loading = false;
     this.router.navigate(['/login']);
   }
 }