[BAEL-3392] Formatted code examples for [BAEL-3392]

spring-security-angular/client/angular6/src/app/login/login.component.ts

@@ -0,0 +1,39 @@
+import { Component, OnInit } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+
+@Component({
+    selector: 'login',
+    templateUrl: './login.component.html'
+})
+
+export class LoginComponent implements OnInit {
+
+    model: any = {};
+
+    constructor(
+        private route: ActivatedRoute,
+        private router: Router,
+        private http: HttpClient
+    ) { }
+
+    ngOnInit() {
+        sessionStorage.setItem('token', '');
+    }
+
+    login() {
+        let url = 'http://localhost:8082/login';
+        this.http.post<Observable<boolean>>(url, {
+            userName: this.model.username,
+            password: this.model.password
+        }).subscribe(isValid => {
+            if (isValid) {
+                sessionStorage.setItem('token', btoa(this.model.username + ':' + this.model.password));
+                this.router.navigate(['']);
+            } else {
+                alert("Authentication failed.")
+            }
+        });
+    }
+}