feat: added busy spinner for directory loading

Author: Igor Goldobin

AddressOwnershipTool.Web/ClientApp/src/app/home/home.component.html

@@ -1,4 +1,8 @@
 <div class="container mt-4" *ngIf="claimGroups.length === 0">
+  <div class="modal-backdrop show" *ngIf="busy"></div>
+  <div class="modal show d-flex justify-content-center align-items-center" *ngIf="busy">
+    <div class="spinner-border text-primary" role="status"></div>
+  </div>
   <form [formGroup]="directoryForm" (ngSubmit)="onSubmit()" *ngIf="authService.isLoggedIn$ | async; else notLoggedInTemplate">
     <div class="mb-3">
       <label for="directoryPath" class="form-label">Directory Path</label>

AddressOwnershipTool.Web/ClientApp/src/app/home/home.component.ts

@@ -47,12 +47,14 @@ export class HomeComponent implements OnInit {
 
   async onSubmit() {
     if (this.directoryForm.valid) {
+      this.busy = true;
       const result = await this.distributionService.load(this.directoryForm.value.directoryPath);
       if (!!result.message) {
         alert(result.message);
       } else {
         this.claimGroups = result.result;
       }
+      this.busy = false;
     }
   }