浏览代码

Added logout link

Lukas Angerer 3 年之前
父节点
当前提交
894a538173
共有 2 个文件被更改,包括 12 次插入1 次删除
  1. 1 0
      src/RunnersMeet.Client/src/app/app.component.html
  2. 11 1
      src/RunnersMeet.Client/src/app/app.component.ts

+ 1 - 0
src/RunnersMeet.Client/src/app/app.component.html

@@ -3,5 +3,6 @@
 	<li><a [routerLink]="['/']">Home</a></li>
 	<li><a [routerLink]="['/']">Home</a></li>
 	<li><a [routerLink]="['/tracks']">Tracks</a></li>
 	<li><a [routerLink]="['/tracks']">Tracks</a></li>
 	<li><a [routerLink]="['/tracks/edit/new']">Create Track</a></li>
 	<li><a [routerLink]="['/tracks/edit/new']">Create Track</a></li>
+	<li><a href="#" (click)="logout()">Logout</a></li>
 </ul>
 </ul>
 <router-outlet></router-outlet>
 <router-outlet></router-outlet>

+ 11 - 1
src/RunnersMeet.Client/src/app/app.component.ts

@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
 import { Component } from '@angular/core';
+import { AuthService } from '@auth0/auth0-angular';
 
 
 @Component({
 @Component({
 	selector: 'app-root',
 	selector: 'app-root',
@@ -8,6 +9,15 @@ import { Component } from '@angular/core';
 export class AppComponent {
 export class AppComponent {
 	public title = 'RunnersMeet';
 	public title = 'RunnersMeet';
 
 
-	public constructor() {
+	public constructor(
+		private readonly authService: AuthService
+	) {
+		this.authService.getIdTokenClaims().subscribe(c => console.log("claims", c));
+	}
+
+	public logout(): void {
+		this.authService.logout({
+			federated: true,
+		});
 	}
 	}
 }
 }