Implement logout

projects/common/src/fm/components/user-menu/user-menu.component.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit,Input } from '@angular/core';
+import { OAuthService} from 'angular-oauth2-oidc'
 import { IUser } from '../../models/user';
 
 @Component({
@@ -9,8 +10,9 @@ import { IUser } from '../../models/user';
 export class UserMenuComponent implements OnInit {
 
   @Input() user:IUser;
+  public showMenu:boolean = false
 
-  constructor() { }
+  constructor(private oauthService:OAuthService) { }
 
   ngOnInit(): void {
   }
@@ -18,4 +20,21 @@ export class UserMenuComponent implements OnInit {
   getLetter():string {
       return this.user.name ? this.user.name.substr(0,1).toUpperCase():"";
   }
+
+  logout(event:MouseEvent) {
+    event.preventDefault();
+    this.oauthService.logOut();
+  }
+
+  hide(event:MouseEvent) {
+    this.showMenu = false;
+  }
+
+  show(event:MouseEvent) {
+    this.showMenu=true;
+  }
+
+  toggle(event:MouseEvent) {
+    this.showMenu=!this.showMenu;
+  }
 }