login แจ้งเตือนรหัสผิด

src/app/authentication/login-page/login-page.component.ts

@@ -13,7 +13,7 @@ export class LoginPageComponent {
   public showPassword = false;
   disabled = '';
   active: any;
-
+  errorUser = false
   constructor(@Inject(DOCUMENT)
   private document: Document,
     private elementRef: ElementRef,
@@ -103,17 +103,22 @@ export class LoginPageComponent {
       this.authservice.loginWithUserPass(this.loginForm.controls['username'].value,
         this.loginForm.controls['password'].value).subscribe({
           next: response => {
-            if(response){
+            if (response) {
+              this.errorUser = false
               sessionStorage.setItem("accessToken", response.accessToken)
               sessionStorage.setItem("refreshToken", response.refreshToken)
               this.router.navigate(['/self-evaluation']);
-          }
+            } else {
+              this.errorUser = true
+            }
           }, error: error => {
             this.error = 'Please check email and passowrd';
+            this.errorUser = true
           }
         })
     } else {
       this.error = 'Please check email and passowrd';
+      this.errorUser = true
     }
   }
 

src/app/authentication/login-page/login-page2.component.html

@@ -74,6 +74,10 @@
                           </div>
                         </div> -->
                         <!-- End Checkbox -->
+                        <div *ngIf="errorUser" class="bg-danger/10 border border-danger/10 alert text-danger m-0"
+                          role="alert">
+                          Please check email and passowrd
+                        </div>
                         <button type="submit" (click)="Submit()"
                           class="py-2 px-3 inline-flex justify-center items-center gap-2 rounded-sm border border-transparent font-semibold bg-primary text-white hover:bg-primary focus:outline-none focus:ring-0 focus:ring-primary focus:ring-offset-0 transition-all text-sm dark:focus:ring-offset-white/10">เข้าสู่ระบบ</button>
                         <div class="text-center">