From 886903e4029eeccf6806060873d399e2eb0b200d Mon Sep 17 00:00:00 2001
From: eneller <erikneller@gmx.de>
Date: Thu, 5 Mar 2026 20:09:15 +0100
Subject: [PATCH] feat: working nav

---
 client/src/app/app.html | 13 ++++---------
 client/src/app/app.ts   |  6 ++----
 2 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/client/src/app/app.html b/client/src/app/app.html
index c60b6c8..7240e17 100644
--- a/client/src/app/app.html
+++ b/client/src/app/app.html
@@ -1,20 +1,15 @@
 <main class="main">
   <router-outlet></router-outlet>
-  
-
-<button type="button" class="btn">Base class</button>
-
-
 </main>
 <nav>
-  <ul ngbNav class="nav-tabs custom-navbar bg-body-secondary">
-    <li ngbNavItem="" class="custom-navitem"><a ngbNavLink routerLink="" routerLinkActive="active">
+  <ul ngbNav [(activeId)]="active" class="nav-tabs custom-navbar bg-body-secondary">
+    <li [ngbNavItem]="1" class="custom-navitem"><a ngbNavLink>
         <i class="bi bi-cash"></i>
     </a></li>
-    <li ngbNavItem="/basic.t" class="custom-navitem"><a ngbNavLink routerLink="/basic.t" routerLinkActive="active">
+    <li [ngbNavItem]="2" class="custom-navitem"><a ngbNavLink>
         <i class="bi bi-piggy-bank"></i>
     </a></li>
-    <li ngbNavItem="/rotations.t" class="custom-navitem"><a ngbNavLink routerLink="/rotations.t" routerLinkActive="active">
+    <li [ngbNavItem]="3" class="custom-navitem"><a ngbNavLink>
         <i class="bi bi-person"></i>
     </a></li>
   </ul>
diff --git a/client/src/app/app.ts b/client/src/app/app.ts
index 01899b9..a369b58 100644
--- a/client/src/app/app.ts
+++ b/client/src/app/app.ts
@@ -2,21 +2,19 @@ import { Component, signal } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import {
-	NgbNavContent,
 	NgbNav,
 	NgbNavItem,
 	NgbNavItemRole,
-	NgbNavLinkButton,
 	NgbNavLinkBase,
-	NgbNavOutlet,
 } from '@ng-bootstrap/ng-bootstrap/nav';
 
 @Component({
   selector: 'app-root',
-  imports: [RouterOutlet, NgbModule, NgbNavContent, NgbNav, NgbNavItem, NgbNavItemRole, NgbNavLinkButton, NgbNavLinkBase, NgbNavOutlet],
+  imports: [RouterOutlet, NgbModule, NgbNav, NgbNavItem, NgbNavItemRole, NgbNavLinkBase],
   templateUrl: './app.html',
   styleUrl: './app.less'
 })
 export class App {
   protected readonly title = signal('client');
+  active = 1;
 }