Auth functions initialization

src/app/components/authentication/login/login.component.html

@@ -51,7 +51,7 @@ <h1 class="text-xl md:text-3xl font-bold leading-tight mt-12">Log in to your acc
         </div>
 
         <button type="submit" class="w-full block bg-CoolGrey hover:bg-BrightCyan focus:bg-BrightCyan text-white font-medium rounded-lg
-              px-4 py-3 mt-6">Log In</button>
+              px-4 py-3 mt-6" (click)="login()">Log In</button>
       </form>
 
       <div class="flex items-center justify-center space-x-4 my-8">
@@ -65,4 +65,4 @@ <h1 class="text-xl md:text-3xl font-bold leading-tight mt-12">Log in to your acc
     </div>
   </div>
 
-</section>
+</section>

src/app/components/authentication/login/login.component.ts

@@ -10,6 +10,10 @@ import { RouterLink } from '@angular/router';
 })
 export class LoginComponent {
   imageLoginURL: string = "assets/auth/login.jpg";
-  vectorIconLogin: string = "assets/auth/login-vector.png"
+  vectorIconLogin: string = "assets/auth/login-vector.png";
+
+  login(){
+    alert("Hi! I am Login button");
+  }
 
 }

src/app/components/authentication/recover-account/recover-account.component.html

@@ -38,7 +38,7 @@ <h1 class="text-xl md:text-3xl font-bold leading-tight mt-12">Recover Account Pa
         </div>
 
         <button type="submit" class="w-full block bg-CoolGrey hover:bg-BrightCyan focus:bg-BrightCyan text-white font-medium rounded-lg
-              px-4 py-3 mt-6">Recover Account</button>
+              px-4 py-3 mt-6" (click)="recover()">Recover Account</button>
       </form>
 
       <div class="flex items-center justify-center space-x-4 my-8">
@@ -52,4 +52,4 @@ <h1 class="text-xl md:text-3xl font-bold leading-tight mt-12">Recover Account Pa
     </div>
   </div>
 
-</section>
+</section>

src/app/components/authentication/recover-account/recover-account.component.ts

@@ -10,5 +10,9 @@ import { RouterLink } from '@angular/router';
 })
 export class RecoverAccountComponent {
   imageRecoverURL: string = "assets/auth/recover.jpg";
-  vectorIconRecover: string = "assets/auth/login-vector.png"
+  vectorIconRecover: string = "assets/auth/login-vector.png";
+
+  recover(){
+    alert("Hi! I am a recover account button");
+  }
 }

src/app/components/authentication/sign-up/sign-up.component.html

@@ -52,7 +52,7 @@ <h1 class="text-xl md:text-3xl font-bold leading-tight mt-12">Create a free acco
         </div>
 
         <button type="submit" class="w-full block bg-CoolGrey hover:bg-BrightCyan focus:bg-BrightCyan text-white font-medium rounded-lg
-              px-4 py-3 mt-8">Create Account</button>
+              px-4 py-3 mt-8" (click)="register()">Create Account</button>
       </form>
 
       <div class="flex items-center justify-center space-x-4 my-8">
@@ -66,4 +66,4 @@ <h1 class="text-xl md:text-3xl font-bold leading-tight mt-12">Create a free acco
     </div>
   </div>
 
-</section>
+</section>

src/app/components/authentication/sign-up/sign-up.component.ts

@@ -11,4 +11,8 @@ import { RouterLink } from '@angular/router';
 export class SignUpComponent {
   imageSignUpURL: string = "assets/auth/register.jpg";
   vectorIconSignUp: string = "assets/auth/login-vector.png";
+
+  register(){
+    alert("Hi! I am a sign up button");
+  }
 }