From d7dc8f5e39418fcccab427ff8994be82dcfade21 Mon Sep 17 00:00:00 2001
From: Maxence <maxence.jouannet@etu.uca.fr>
Date: Wed, 8 Jan 2025 09:50:23 +0100
Subject: [PATCH] start dynamic navbar

---
 .../components/navbar/navbar.component.html   | 20 +++++++++++-------
 src/app/components/navbar/navbar.component.ts | 21 ++++++++++++++++---
 2 files changed, 31 insertions(+), 10 deletions(-)

diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html
index 55ae8d9..b2cfde5 100644
--- a/src/app/components/navbar/navbar.component.html
+++ b/src/app/components/navbar/navbar.component.html
@@ -9,7 +9,7 @@
         >Memory Map</span
       >
     </a>
-    <div class="flex lg:order-2">
+    <div *ngIf="!isHomePage" class="flex lg:order-2">
       <button
         type="button"
         data-collapse-toggle="navbar-search"
@@ -126,29 +126,35 @@
             href="#"
             class="block py-2 text-gray-900 dark:text-white hover:text-gray-700 dark:hover:text-gray-300"
             aria-current="page"
-            >Home</a
+            >
+            <p *ngIf="!isHomePage">Home</p>
+            <p *ngIf="isHomePage">Connexion</p>
+          </a
           >
         </li>
         <li class="flex items-center space-x-2">
           <a
             href="#"
             class="block py-2 text-gray-900 dark:text-white hover:text-gray-700 dark:hover:text-gray-300"
-            >Quests</a
+            >
+            <p *ngIf="!isHomePage">Quests</p>
+            <p *ngIf="isHomePage">Inscription</p>
+          </a
           >
         </li>
         <li class="flex items-center space-x-2">
           <a
             href="#"
             class="block py-2 text-gray-900 dark:text-white hover:text-gray-700 dark:hover:text-gray-300"
-            >Add a pin</a
-          >
+            ><p *ngIf="!isHomePage">Add a pin</p>
+          </a>
         </li>
         <li class="flex items-center space-x-2">
           <a
             href="#"
             class="block py-2 text-gray-900 dark:text-white hover:text-gray-700 dark:hover:text-gray-300"
-            >Friends</a
-          >
+            ><p *ngIf="!isHomePage">Friends</p>
+          </a>
         </li>
       </ul>
     </div>
diff --git a/src/app/components/navbar/navbar.component.ts b/src/app/components/navbar/navbar.component.ts
index b7ae24f..ae097ba 100644
--- a/src/app/components/navbar/navbar.component.ts
+++ b/src/app/components/navbar/navbar.component.ts
@@ -1,8 +1,23 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
+import { NgIf } from '@angular/common';
 
 @Component({
   selector: 'app-navbar',
-  imports: [],
+  imports: [NgIf],
   templateUrl: './navbar.component.html',
 })
-export class NavbarComponent {}
+export class NavbarComponent {
+  isHomePage: boolean = false;
+
+  constructor() {
+  }
+
+  ngOnInit(): void {
+    let url = window.location.pathname; 
+    if (url === '/') {
+      this.isHomePage = true;
+    }
+  }
+
+}
+