🔐 Added admin footer to redirect to administration panel

src/app/app.component.html

@@ -2,3 +2,5 @@
 <app-home-navbar *ngIf="!localStorageService.getToken()"></app-home-navbar>
 
 <router-outlet />
+
+<app-admin-footer *ngIf="localStorageService.getIsAdmin() === 'true'"></app-admin-footer>

src/app/app.component.ts

@@ -4,10 +4,11 @@ import { RouterOutlet } from '@angular/router';
 import { HomeNavbarComponent } from './components/home-navbar/home-navbar.component';
 import { NavbarComponent } from './components/navbar/navbar.component';
 import { LocalStorageService } from './services/local-storage/local-storage.service';
+import { AdminFooterComponent } from './components/admin-footer/admin-footer.component';
 
 @Component({
   selector: 'app-root',
-  imports: [RouterOutlet, NavbarComponent, HomeNavbarComponent, CommonModule],
+  imports: [RouterOutlet, NavbarComponent, HomeNavbarComponent, CommonModule, AdminFooterComponent],
   templateUrl: './app.component.html',
 })
 export class AppComponent {

src/app/components/admin-footer/admin-footer.component.html

@@ -0,0 +1,9 @@
+<div class="fixed bottom-0 left-0 w-full bg-gray-900 dark:bg-gray-900 border-t border-gray-700 dark:border-gray-700">
+  <div class="container mx-auto px-4 py-2">
+    <div class="flex justify-center items-center">
+      <a href="https://administration.memorymap.fr" class="text-m text-gray-300 dark:text-gray-300 hover:text-white dark:hover:text-white transition-colors duration-200">
+        Accès panneau d'administration
+      </a>
+    </div>
+  </div>
+</div>

src/app/components/admin-footer/admin-footer.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { CommonModule } from '@angular/common';
+
+@Component({
+  selector: 'app-admin-footer',
+  imports: [CommonModule, RouterLink],
+  templateUrl: './admin-footer.component.html',
+  styleUrl: './admin-footer.component.css'
+})
+export class AdminFooterComponent { }

src/app/components/login-page/login-page.component.ts

@@ -69,6 +69,7 @@ export class LoginPageComponent {
       next: (response) => {
         this.localStorageService.setToken(response.access_token);
         this.localStorageService.setUsername(this.user.login);
+        this.localStorageService.setIsAdmin(response.is_admin);
         this.closeLoginModal();
         setTimeout(() => {
           this.router.navigate(['/map']);

src/app/components/navbar/navbar.component.ts

@@ -151,6 +151,7 @@ export class NavbarComponent implements OnInit {
   public logout() {
     this.localStorageService.removeToken();
     this.localStorageService.removeUsername();
+    this.localStorageService.removeIsAdmin();
     this.router.navigate(['/']);
   }
 }

src/app/services/local-storage/local-storage.service.ts

@@ -8,6 +8,7 @@ import { ModalService } from '../modal/modal.service';
 export class LocalStorageService {
   private readonly AUTH_TOKEN_KEY = 'auth_token';
   private readonly USERNAME_KEY = 'username';
+  private readonly IS_ADMIN_KEY = 'isAdmin';
 
   constructor(private router: Router, private modalService: ModalService) {}
 
@@ -47,4 +48,16 @@ export class LocalStorageService {
   removeToken(): void {
     localStorage.removeItem(this.AUTH_TOKEN_KEY);
   }
+
+  setIsAdmin(isAdmin: boolean): void {
+    localStorage.setItem(this.IS_ADMIN_KEY, isAdmin.toString());
+  }
+
+  getIsAdmin(): string | null {
+    return localStorage.getItem(this.IS_ADMIN_KEY);
+  }
+
+  removeIsAdmin(): void {
+    localStorage.removeItem(this.IS_ADMIN_KEY);
+  }
 }