eneller/fakemoney
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: working nav

Browse Source
This commit is contained in:
eneller
2026-03-05 20:09:15 +01:00
parent a6b9a5860c
commit 886903e402
2 changed files with 6 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
client/src/app/app.html
View File

@@ -1,20 +1,15 @@
<main class="main"> <main class="main">
<router-outlet></router-outlet> <router-outlet></router-outlet>
<button type="button" class="btn">Base class</button>
</main> </main>
<nav> <nav>
<ul ngbNav class="nav-tabs custom-navbar bg-body-secondary"> <ul ngbNav [(activeId)]="active" class="nav-tabs custom-navbar bg-body-secondary">
<li ngbNavItem="" class="custom-navitem"><a ngbNavLink routerLink="" routerLinkActive="active"> <li [ngbNavItem]="1" class="custom-navitem"><a ngbNavLink>
<i class="bi bi-cash"></i> <i class="bi bi-cash"></i>
</a></li> </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> <i class="bi bi-piggy-bank"></i>
</a></li> </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> <i class="bi bi-person"></i>
</a></li> </a></li>
</ul> </ul>

6
client/src/app/app.ts
View File

@@ -2,21 +2,19 @@ import { Component, signal } from '@angular/core';
import { RouterOutlet } from '@angular/router'; import { RouterOutlet } from '@angular/router';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { import {
NgbNavContent,
NgbNav, NgbNav,
NgbNavItem, NgbNavItem,
NgbNavItemRole, NgbNavItemRole,
NgbNavLinkButton,
NgbNavLinkBase, NgbNavLinkBase,
NgbNavOutlet,
} from '@ng-bootstrap/ng-bootstrap/nav'; } from '@ng-bootstrap/ng-bootstrap/nav';
@Component({ @Component({
selector: 'app-root', selector: 'app-root',
imports: [RouterOutlet, NgbModule, NgbNavContent, NgbNav, NgbNavItem, NgbNavItemRole, NgbNavLinkButton, NgbNavLinkBase, NgbNavOutlet], imports: [RouterOutlet, NgbModule, NgbNav, NgbNavItem, NgbNavItemRole, NgbNavLinkBase],
templateUrl: './app.html', templateUrl: './app.html',
styleUrl: './app.less' styleUrl: './app.less'
}) })
export class App { export class App {
protected readonly title = signal('client'); protected readonly title = signal('client');
active = 1;
} }