From 854b4ecee6fa039a5377719dcebefbe75bed5bc4 Mon Sep 17 00:00:00 2001
From: Mosiur Rahman <mosiur.rahman@novotel-bd.com>
Date: Sun, 5 Jan 2025 00:36:37 +0600
Subject: [PATCH] Login Page partially Completed

---
 .../pages/login/login.component.html          | 14 ++++++--
 .../components/pages/login/login.component.ts | 35 +++++++++++++++++--
 2 files changed, 44 insertions(+), 5 deletions(-)

diff --git a/src/app/components/pages/login/login.component.html b/src/app/components/pages/login/login.component.html
index dc1bd8f..f7fb61a 100644
--- a/src/app/components/pages/login/login.component.html
+++ b/src/app/components/pages/login/login.component.html
@@ -1,7 +1,17 @@
 <div class="container">
     <div class="form">
-        <form>
-            login works!
+        <form [formGroup]=loginForm (ngSubmit)="login()">
+            <div class="form-control">
+                <label for="userName">Username: </label>
+                <input type="text" id="userName" name="userName" formControlName="userName"> 
+            </div>
+            <div class="form-control">
+                <label for="password">Password: </label>
+                <input type="password" id="password" name="password" formControlName="password">
+            </div>
+            <div class="form-control">
+                <button type="submit">Login</button>
+            </div>
         </form>
     </div>
 </div>
\ No newline at end of file
diff --git a/src/app/components/pages/login/login.component.ts b/src/app/components/pages/login/login.component.ts
index 20c1110..5ebdf5e 100644
--- a/src/app/components/pages/login/login.component.ts
+++ b/src/app/components/pages/login/login.component.ts
@@ -1,6 +1,6 @@
 import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { ReactiveFormsModule } from '@angular/forms';
+import { Component, OnInit } from '@angular/core';
+import { FormControl, ReactiveFormsModule, FormGroup } from '@angular/forms';
 
 @Component({
   selector: 'app-login',
@@ -9,6 +9,35 @@ import { ReactiveFormsModule } from '@angular/forms';
   templateUrl: './login.component.html',
   styleUrl: './login.component.scss'
 })
-export class LoginComponent {
+export class LoginComponent implements OnInit {
+  constructor() {}
+
+  loginForm = new FormGroup({
+    userName: new FormControl(''),
+    password: new FormControl('')
+  })
+
+  sample_user = [{
+    userName: 'admin',
+    password: 'admin'
+  },
+{
+  userName: 'rashik',
+  password: '123'
+}]
+
+  ngOnInit() {
+    // do something
+  }
+
+  login() {
+    let username = this.loginForm.value.userName;
+    let password = this.loginForm.value.password;
+    if (this.sample_user.find(user=> user.userName === username && user.password === password)) {
+      console.log('Login Successful');
+    } else {
+      console.log('Login Failed');
+    }
+  }
 
 }