From 0af49d469af0960945f85136075f938ca0031221 Mon Sep 17 00:00:00 2001
From: Antoine PRONNIER <antoine.pronnier@gmail.com>
Date: Wed, 8 May 2024 23:40:11 +0200
Subject: [PATCH] done current nav

---
 src/app/components/navbar/navbar.component.html | 8 ++++----
 src/app/components/navbar/navbar.component.scss | 4 ++++
 src/app/components/navbar/navbar.component.ts   | 8 ++++++++
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html
index 4afb306..3a0fa0f 100644
--- a/src/app/components/navbar/navbar.component.html
+++ b/src/app/components/navbar/navbar.component.html
@@ -9,16 +9,16 @@
         <div class="collapse navbar-collapse" id="navbarNav">
           <ul class="navbar-nav align-items-center">
             <li class="nav-item">
-              <a class="nav-link" href="/shop">Boutique</a>
+              <a class="nav-link {{ currentUrl.startsWith('/shop') ? 'current' : '' }}" href="/shop">Boutique</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" href="/news">News</a>
+              <a class="nav-link {{ currentUrl.startsWith('/news') ? 'current' : '' }}" href="/news">News</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" href="/wiki">Wiki</a>
+              <a class="nav-link {{ currentUrl.startsWith('/wiki') ? 'current' : '' }}" href="/wiki">Wiki</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" href="/vote">Vote</a>
+              <a class="nav-link {{ currentUrl.startsWith('/vote') ? 'current' : '' }}" href="/vote">Vote</a>
             </li>
 
             <a class="nav-link" href="/user" rel="nofollow">
diff --git a/src/app/components/navbar/navbar.component.scss b/src/app/components/navbar/navbar.component.scss
index d97c423..ba2bebd 100644
--- a/src/app/components/navbar/navbar.component.scss
+++ b/src/app/components/navbar/navbar.component.scss
@@ -21,3 +21,7 @@ nav a:hover {
   font-weight: normal;
   color: $secondary_color;
 }
+
+nav .current {
+  color: $main_color;
+}
\ No newline at end of file
diff --git a/src/app/components/navbar/navbar.component.ts b/src/app/components/navbar/navbar.component.ts
index 6a59eb3..c1724c0 100644
--- a/src/app/components/navbar/navbar.component.ts
+++ b/src/app/components/navbar/navbar.component.ts
@@ -1,4 +1,5 @@
 import {Component} from '@angular/core';
+import {PlatformLocation} from "@angular/common";
 
 @Component({
   selector: 'app-navbar',
@@ -6,4 +7,11 @@ import {Component} from '@angular/core';
   styleUrls: ['./navbar.component.scss']
 })
 export class NavbarComponent {
+
+  currentUrl: string;
+
+  constructor(platformLocation: PlatformLocation) {
+    this.currentUrl = platformLocation.pathname;
+  }
+
 }