1 files changed, 27 insertions, 0 deletions
diff --git a/Timeline/ClientApp/src/app/user-login/user-login.component.ts b/Timeline/ClientApp/src/app/user-login/user-login.component.ts
new file mode 100644
index 00000000..072f04af
--- /dev/null
+++ b/Timeline/ClientApp/src/app/user-login/user-login.component.ts
@@ -0,0 +1,27 @@
+import { Component, Output, OnInit, EventEmitter } from '@angular/core';
+import { FormGroup, FormControl } from '@angular/forms';
+
+export class LoginEvent {
+  username: string;
+  password: string;
+}
+
+@Component({
+  selector: 'app-user-login',
+  templateUrl: './user-login.component.html',
+  styleUrls: ['./user-login.component.css']
+})
+export class UserLoginComponent {
+
+  @Output()
+  login = new EventEmitter<LoginEvent>();
+
+  form = new FormGroup({
+    username: new FormControl(''),
+    password: new FormControl('')
+  });
+
+  onLoginButtonClick() {
+    this.login.emit(this.form.value);
+  }
+}