Merge branch 'BAEL-3283-latest' into BAEL-3283

spring-security-angular/client/angular5/src/app/home/home.component.html

@@ -0,0 +1,4 @@
+<div class="col-md-6 col-md-offset-3">
+    <h1>Hi {{userName}}!</h1>
+    <p><a [routerLink]="['/login']" (click) ="logout()">Logout</a></p>
+</div>

spring-security-angular/client/angular5/src/app/home/home.component.ts

@@ -0,0 +1,37 @@
+import { Component, OnInit } from '@angular/core';
+import { Http, Headers, RequestOptions } from '@angular/http';
+import 'rxjs/add/operator/map'
+
+@Component({
+    selector:'home',
+    templateUrl: './home.component.html'
+})
+
+export class HomeComponent implements OnInit {
+
+    userName: string;
+
+    constructor(private http: Http) { }
+
+    ngOnInit() {
+        let url = 'http://localhost:8082/user';
+
+           let headers:Headers = new Headers({
+                'Authorization': 'Basic ' + sessionStorage.getItem('token')
+            })
+        let options = new RequestOptions({headers: headers});
+        this.http.post(url,{}, options).map(
+            res => res.json(),
+            error => {
+                if(error.status == 401)
+                    alert('Unauthorized');
+            }
+        ).subscribe(principal => {
+            this.userName = principal.name;
+        });
+    }
+
+    logout() {
+        sessionStorage.setItem('token', '');
+    }
+}