From 35af079fb015260c71a274f4cc2692c104414f46 Mon Sep 17 00:00:00 2001
From: Wolfgang Ludger Hottgenroth <wolfgang.hottgenroth@icloud.com>
Date: Fri, 18 Jun 2021 18:58:34 +0200
Subject: [PATCH] redirect after login works better

---
 hv2-ui/src/app/app-routing.module.ts                |  2 +-
 hv2-ui/src/app/navigation/navigation.component.css  |  4 ++++
 hv2-ui/src/app/navigation/navigation.component.html |  5 +++--
 hv2-ui/src/app/navigation/navigation.component.ts   | 12 +++++++++++-
 4 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/hv2-ui/src/app/app-routing.module.ts b/hv2-ui/src/app/app-routing.module.ts
index dad59ee..d85ec66 100644
--- a/hv2-ui/src/app/app-routing.module.ts
+++ b/hv2-ui/src/app/app-routing.module.ts
@@ -14,7 +14,7 @@ const routes: Routes = [
 ]
 
 @NgModule({
-  imports: [RouterModule.forRoot(routes)],
+  imports: [RouterModule.forRoot(routes, {onSameUrlNavigation:'reload'})],
   exports: [RouterModule]
 })
 
diff --git a/hv2-ui/src/app/navigation/navigation.component.css b/hv2-ui/src/app/navigation/navigation.component.css
index f4bad0f..fddf150 100644
--- a/hv2-ui/src/app/navigation/navigation.component.css
+++ b/hv2-ui/src/app/navigation/navigation.component.css
@@ -15,3 +15,7 @@
   top: 0;
   z-index: 1;
 }
+
+.spacer {
+  flex: 1 1 auto;
+}
\ No newline at end of file
diff --git a/hv2-ui/src/app/navigation/navigation.component.html b/hv2-ui/src/app/navigation/navigation.component.html
index 7ead5f3..a1e42af 100644
--- a/hv2-ui/src/app/navigation/navigation.component.html
+++ b/hv2-ui/src/app/navigation/navigation.component.html
@@ -6,8 +6,6 @@
     <mat-toolbar>Menu</mat-toolbar>
     <mat-nav-list>
       <a mat-list-item href="/test">Mein Test</a>
-      <a mat-list-item href="/login">Login</a>
-      <a mat-list-item href="/logout">Logout</a>
     </mat-nav-list>
   </mat-sidenav>
   <mat-sidenav-content>
@@ -21,6 +19,9 @@
         <mat-icon aria-label="Side nav toggle icon">menu</mat-icon>
       </button>
       <span>Nober Grundbesitz GbR Hausverwaltung</span>
+      <span class="spacer"></span>
+      <a *ngIf="!authenticated" mat-button routerLink="/login">Login</a>
+      <a *ngIf="authenticated" mat-button routerLink="/logout">Logout</a>
     </mat-toolbar>
     <!-- Add Content Here -->
 
diff --git a/hv2-ui/src/app/navigation/navigation.component.ts b/hv2-ui/src/app/navigation/navigation.component.ts
index 786b053..11970ae 100644
--- a/hv2-ui/src/app/navigation/navigation.component.ts
+++ b/hv2-ui/src/app/navigation/navigation.component.ts
@@ -3,6 +3,7 @@ import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
 import { Observable } from 'rxjs';
 import { map, shareReplay } from 'rxjs/operators';
 import { TokenService } from '../token.service';
+import { NavigationEnd, Router } from '@angular/router';
 
 @Component({
   selector: 'app-navigation',
@@ -19,7 +20,16 @@ export class NavigationComponent {
       shareReplay()
     );
 
-  constructor(private breakpointObserver: BreakpointObserver, private tokenService: TokenService) {}
+  constructor(
+    private breakpointObserver: BreakpointObserver, 
+    private tokenService: TokenService,
+    private router: Router) {
+    this.router.events.subscribe((e: any) => {
+      if (e instanceof NavigationEnd) {
+        this.authenticated = this.tokenService.checkAuthenticated()
+      }
+    })
+  }
 
   ngOnInit() {
     this.authenticated = this.tokenService.checkAuthenticated()