From 7c95a43603460ee3f6d8c7ba91d5afb75ab7129e Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Sun, 31 Mar 2024 08:50:38 +0200
Subject: [PATCH] show current link & bugfix

---
 .../components/header/header.component.ts     |  4 +++
 .../components/navbar/navbar.component.html   | 26 ++++++++++++++-----
 .../components/navbar/navbar.component.ts     | 10 +++++--
 3 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/src/app/shared/components/header/header.component.ts b/src/app/shared/components/header/header.component.ts
index b22509e..bf62bf9 100644
--- a/src/app/shared/components/header/header.component.ts
+++ b/src/app/shared/components/header/header.component.ts
@@ -38,5 +38,9 @@ export class HeaderComponent {
     ) {
       this.navbarLanguageVisible = false;
     }
+    if (targetElement.closest('.link')) {
+      this.navbarVisible = false;
+      this.navbarLanguageVisible = false;
+    }
   }
 }
diff --git a/src/app/shared/components/navbar/navbar.component.html b/src/app/shared/components/navbar/navbar.component.html
index ba03b73..ec77384 100644
--- a/src/app/shared/components/navbar/navbar.component.html
+++ b/src/app/shared/components/navbar/navbar.component.html
@@ -1,9 +1,21 @@
 @if (navbarVisible) {
 <nav class="navbar d-none">
-  <div class="link" routerLink="privacy-policy">
+  <div
+    class="link"
+    routerLink="privacy-policy"
+    [ngClass]="{
+      active: currentRoute === '/privacy-policy'
+    }"
+  >
     <span>{{ "navbar.privacyPolicy" | translate }}</span>
   </div>
-  <div class="link" routerLink="imprint">
+  <div
+    class="link"
+    routerLink="imprint"
+    [ngClass]="{
+      active: currentRoute === '/imprint'
+    }"
+  >
     <span>{{ "navbar.legalNotice" | translate }}</span>
   </div>
   <div class="link" onclick="logout()">
@@ -14,21 +26,23 @@
 <nav class="navbar language d-none">
   <div
     class="link"
-    (click)="langService.switchLanguage('en')"
     [ngClass]="{
       active: langService.currentLang === 'en'
     }"
   >
-    <span>{{ "navbar.english" | translate }}</span>
+    <span (click)="langService.switchLanguage('en')">{{
+      "navbar.english" | translate
+    }}</span>
   </div>
   <div
     class="link"
-    (click)="langService.switchLanguage('de')"
     [ngClass]="{
       active: langService.currentLang === 'de'
     }"
   >
-    <span>{{ "navbar.german" | translate }}</span>
+    <span (click)="langService.switchLanguage('de')">{{
+      "navbar.german" | translate
+    }}</span>
   </div>
 </nav>
 }
diff --git a/src/app/shared/components/navbar/navbar.component.ts b/src/app/shared/components/navbar/navbar.component.ts
index 69b4764..00329ae 100644
--- a/src/app/shared/components/navbar/navbar.component.ts
+++ b/src/app/shared/components/navbar/navbar.component.ts
@@ -1,5 +1,5 @@
 import { Component, Input } from '@angular/core';
-import { RouterModule } from '@angular/router';
+import { Router, RouterModule } from '@angular/router';
 import { HeaderComponent } from '../header/header.component';
 import { LanguageService } from '../../../services/language.service';
 import { CommonModule } from '@angular/common';
@@ -16,5 +16,11 @@ export class NavbarComponent {
   @Input() navbarVisible: boolean = false;
   @Input() navbarLanguageVisible: boolean = false;
 
-  constructor(public langService: LanguageService) {}
+  currentRoute: string = '';
+
+  constructor(public langService: LanguageService, private router: Router) {}
+
+  ngOnInit() {
+    this.currentRoute = this.router.url;
+  }
 }