Authorization error message

ngageoint · Jul 5, 2024 · 7c00d97 · 7c00d97
1 parent 3baf3fd
commit 7c00d97
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/web-app/src/app/authentication/authorize.component.html b/web-app/src/app/authentication/authorize.component.html
@@ -6,6 +6,7 @@
     <mat-form-field appearance="fill">
       <mat-label>Access Code</mat-label>
       <input matInput placeholder="Access Code" type="deviceId" [formControl]="deviceId" required>
+      <mat-error *ngIf="deviceId.hasError('invalid')">Invalid access code</mat-error>
     </mat-form-field>
   </div>
 

diff --git a/web-app/src/app/authentication/authorize.component.ts b/web-app/src/app/authentication/authorize.component.ts
@@ -11,7 +11,7 @@ import { LocalStorageService } from '../http/local-storage.service';
 })
 export class AuthorizeComponent {
   token: string
-  deviceId = new FormControl('', [Validators.required]);
+  deviceId = new FormControl('', [Validators.required])
 
   constructor(
     private router: Router,
@@ -22,6 +22,7 @@ export class AuthorizeComponent {
   }
 
   authorize(): void {
+    this.deviceId.setErrors(null)
     this.userService.authorize(this.token, this.deviceId.value).subscribe({
       next: (response) => {
         // TODO set token event"
@@ -31,6 +32,7 @@ export class AuthorizeComponent {
       },
       error: () => {
         console.log('Error authentication')
+        this.deviceId.setErrors({ invalid: true})
         // TODO show error message
       }
     })