From b73c809eff7327f32761f6bb60ee63e68b632ecb Mon Sep 17 00:00:00 2001
From: Alix JEUDI--LEMOINE <alix.jeudi--lemoine@etu.uca.fr>
Date: Thu, 29 May 2025 15:21:07 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Added=20navbar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/navbar/navbar.component.css    |  0
 .../components/navbar/navbar.component.html   | 36 +++++++++++++++++++
 src/app/components/navbar/navbar.component.ts | 19 ++++++++++
 3 files changed, 55 insertions(+)
 create mode 100644 src/app/components/navbar/navbar.component.css
 create mode 100644 src/app/components/navbar/navbar.component.html
 create mode 100644 src/app/components/navbar/navbar.component.ts

diff --git a/src/app/components/navbar/navbar.component.css b/src/app/components/navbar/navbar.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html
new file mode 100644
index 0000000..0e815b2
--- /dev/null
+++ b/src/app/components/navbar/navbar.component.html
@@ -0,0 +1,36 @@
+<nav class="bg-white shadow">
+  <div class="container mx-auto px-4">
+    <div class="flex justify-between h-16">
+      <div class="flex">
+        <div class="flex-shrink-0 flex items-center">
+          <a routerLink="/" class="text-xl font-bold text-gray-800">MemoryMap Admin</a>
+        </div>
+        <div class="hidden sm:ml-6 sm:flex sm:space-x-8">
+          <a
+            routerLink="/dashboard"
+            routerLinkActive="border-blue-500 text-gray-900"
+            [routerLinkActiveOptions]="{exact: true}"
+            class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium text-gray-500 hover:text-gray-700 hover:border-gray-300"
+          >
+            Tableau de bord
+          </a>
+          <a
+            routerLink="/config"
+            routerLinkActive="border-blue-500 text-gray-900"
+            class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium text-gray-500 hover:text-gray-700 hover:border-gray-300"
+          >
+            Configuration
+          </a>
+        </div>
+      </div>
+      <div class="flex items-center">
+        <button
+          (click)="logout()"
+          class="ml-3 inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700"
+        >
+          Déconnexion
+        </button>
+      </div>
+    </div>
+  </div>
+</nav> 
\ No newline at end of file
diff --git a/src/app/components/navbar/navbar.component.ts b/src/app/components/navbar/navbar.component.ts
new file mode 100644
index 0000000..064d662
--- /dev/null
+++ b/src/app/components/navbar/navbar.component.ts
@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Router, RouterModule } from '@angular/router';
+import { AuthService } from '../../services/auth.service';
+
+@Component({
+  selector: 'app-navbar',
+  templateUrl: './navbar.component.html',
+  styleUrl: './navbar.component.css',
+  imports: [CommonModule, RouterModule]
+})
+export class NavbarComponent {
+  constructor(private authService: AuthService, private router: Router) {}
+
+  logout(): void {
+    this.authService.logout();
+    this.router.navigate(['/login']);
+  }
+} 
\ No newline at end of file