Added danger alert when wrong credentials are provided

Author: PI-Mathis

src/app/modules/auth/pages/login/login.component.html

@@ -3,6 +3,10 @@
   Password: 12345
 </div>
 
+<div [hidden]="!error" class="alert alert-danger">
+  {{ error }}
+</div>
+
 <form (ngSubmit)="login()" [formGroup]="loginForm">
     <div class="form-group">
       <label class="d-block">
@@ -14,7 +18,7 @@
         <app-control-messages [control]="f['password']"></app-control-messages>
       </label>
       <div class="form-group">
-        <button type="submit" class="btn btn-primary btn-block btn-raised" type="submit">
+        <button type="submit" class="btn btn-primary btn-block btn-raised" type="submit" [disabled]="loginForm.invalid">
           <span [hidden]="isLoading">Submit</span>
           <span [hidden]="!isLoading"><i class="fas fa-asterisk fa-2x fa-spin"></i></span>
         </button>

src/app/modules/auth/pages/login/login.component.ts

@@ -1,7 +1,8 @@
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
 import { FormGroup, FormBuilder, Validators } from '@angular/forms';
-import { tap, delay, finalize } from 'rxjs/operators';
+import { tap, delay, finalize, catchError } from 'rxjs/operators';
+import { of } from 'rxjs';
 
 import { AuthService } from '@app/core';
 
@@ -39,9 +40,8 @@ export class LoginComponent implements OnInit {
       .pipe(
         delay(5000),
         tap(user => this.router.navigate(['/dashboard/home'])),
-        finalize(() => {
-          this.isLoading = false;
-        })
+        finalize(() => this.isLoading = false),
+        catchError(error => of(this.error = error))
       ).subscribe();
   }